编程开发 - 教程之家

编程开发

分类导航：HTML/html5 CSS JavaScript PHP Python Java IOS .NET R语言 Rust Android Go语言鸿蒙OS C类语言综合编程正则表达式

65浏览

0评论

Vue项目打包dist目录详解

目录vue项目打包dist目录CSS目录fonts 目录imgjs目录最后文件总结vue项目打包dist目录如下：CSS目录① .css文件是项目要用到的css文件,当你做webpack打包的时候，会把所有的css...

2026-07-14 01:56:51

59浏览

0评论

Nodejs/Vue安装及环境配置实践

目录一、下载Node.js二、环境配置三、vue安装(命令行安装)总结一、下载Node.js1、下载地址：https://nodejs.org/en/download/2、下载：注意选择系统和位数，注意下载的地址：3、...

2026-07-14 01:56:48

51浏览

0评论

Vue生命周期速查之Vue2和Vue3钩子全解析

目录一、先明确核心：生命周期四大阶段二、Vue2 生命周期（选项式API，最常用）1. 创建阶段（实例初始化，未挂载DOM）2. 挂载阶段（实例挂载到DOM，可操作DOM）3. 更新阶段（响应式数据变化，可多次...

2026-07-14 01:56:45

49浏览

0评论

基于JavaScript实现在线PDF压缩工具

目录1. 参数先归一化，避免压缩流程分支失控2. 先从 PDF 里筛出真正可压缩的 JPEG 图片流3. 图片重压缩的核心是“转成位图再重新编码”4. 主流程按“读文件、...

2026-07-14 01:56:43

70浏览

0评论

Vue使用Echarts的三种实现方式

目录一、原始方法直接使用二、使用vue-echarts三、使用v-charts总结一、原始方法直接使用1、安装ECharts：npm install echarts --save2、创建一个Vue公共组件 EChart.vue：<tem...

2026-07-14 01:56:41

68浏览

0评论

Node.js Express中间件理解及中间件分类和作用

目录一核心作用二中间件分类中间件：拦截HTTP请求的函数一核心作用请求到达路由前执行操作（如解析、校验）响应发送前执行操作（如日志、处理）中间件的标准形式：function middlewa...

2026-07-14 01:56:39

72浏览

0评论

Vue优化大批量接口请求的实战指南

目录一、核心痛点分析（优化前提）二、核心优化方案（实战落地）请求层面优化：管控并发，减少无效请求缓存层面优化：复用数据，减少重复请求代码层面优化：减少渲染开销，提升执行效率异常处理...

2026-07-14 01:56:37

67浏览

0评论

vue-cookies使用方法与vue使用获取cookie实现过程

目录1.安装vue-cookies2.在main.js引入3.在vue组件中使用4.获取cookies5.删除cookies6.查看cookies7.获取所有cookies8.针对浏览器存在cookie，前端却获取不到的问题总结1.安...

2026-07-14 01:56:36

69浏览

0评论

Vue3无痛迁移到Lyt.js的实现示例

目录相似度有多高？第一步：安装第二步：修改入口文件第三步：修改模板语法第四步：修改组件定义第五步：Composition API 迁移第六步：路由迁移迁移清单迁移后的额外收益常见问题Q: Vuex/...

2026-07-14 01:56:33

69浏览

0评论

从入门到精通详解Vue3如何集成NProgress进度条

目录一、环境准备1.1 安装依赖1.2 依赖说明1.3 环境变量配置二、核心实现2.1 基础封装三、实际应用场景3.1 Axios 请求拦截器集成3.2 Vue Router 路由守卫集成3.3 组合式使...

2026-07-14 01:56:32

65浏览

0评论

VUE前端工程报错监控问题及解决

目录故事的开始错误捕获错误信息上报NodemailerFormspree总结故事的开始作为前端，有没有一种冲动，希望在代码出问题时能前人一步收到报错的信息，而不是被用户发现后再反馈上来...

2026-07-14 01:56:30

63浏览

0评论

前端Vue组件开发中枚举值验证的最佳实践

目录1. 基础写法：使用validator函数（适用于 JS/TS）2. TypeScript + defineProps 类型声明（推荐组合使用）3. 枚举常量对象写法（消除魔法字符串）4. 进阶技巧5. 最佳实践总结（2026 年推...

2026-07-14 01:56:27

52浏览

0评论

在vue中使用echart图表全过程

目录先上效果图echarts中文官网echarts在vue项目中实现的步骤第一步：先安装echarts第二步：在需要的组件中使用echart总结先上效果图以上都是在项目中经常使用到的图标，地图的引...

2026-07-14 01:56:25

72浏览

0评论

前端通用Token操作详细指南(常见常用版)

目录前言前置说明：Token 的核心定位一、第一步：登录成功获取 Token通用场景通用方案注意事项二、第二步：存储 Token（核心是选对存储方式）通用场景通用方案（三种常见存储方式对比）注...

2026-07-14 01:56:23

61浏览

0评论

在Node.js文件上传中集成ClamAV扫描的详细步骤

目录工作原理安装基本用法在 Express 中集成远程扫描（Docker）错误处理特性文件上传是常见的攻击面。用户上传的文件可能包含恶意软件、ZIP 炸弹或伪造的 MIME 类型。大多数 N...

2026-07-14 01:56:21

58浏览

0评论

vue2使用jspdf插件实现页面自定义块pdf下载方式

目录实现pdf下载的环境安装jspdf插件在项目中使用总结实现pdf下载的环境项目需求案例背景，点击【pdf下载】按钮，弹出pdf下载弹窗，显示需要下载四个模块的下载进度，下载完成后，关...

2026-07-14 01:56:19

64浏览

0评论

一文分享50个极致实用JavaScript单行代码(收藏即用)

目录前言一、字符串操作（最高频）二、数组操作三、数制转换四、正则与文本处理五、浏览器原生 Web 操作六、日期时间处理（重点修复时区BUG）七、函数相关操作八、数字精度处理（金额...

2026-07-14 01:56:17

71浏览

0评论

Vue中跨页面通信的8种主流方式详解

目录一、路由参数传递（最常用，简单场景首选）query参数（路径可见，适合简单数据）- 完整可运行Demoparams参数（路径不可见，适合敏感/复杂数据）- 完整可运行Demo二、Vuex/Pinia（全局状态管...

2026-07-14 01:56:15

60浏览

0评论

JavaScript进阶必学之作用域、GC 垃圾回收、闭包详解

目录前言：一：作用域局部作用域全局作用域二：作用域链三：垃圾回收机制四：闭包五：变量提升最后：前言：本文系统讲解JavaScript核心知识，涵盖作用域、作用域链、垃圾回收、闭包与变量提升...

2026-07-14 01:56:14

71浏览

0评论

Vue批量文件上传并发的踩坑指南

目录方案一：基础版——固定并发数（队列调度，最常用）实操代码（Vue3组合式API，Element Plus适配）核心要点方案二：进阶版——并发控制+失败重试（容错优化）核心优化点...

2026-07-14 01:56:11

58浏览

0评论

TypeScript前端高频面试题总结大全(2026最新版)

目录前言基础篇（必背，考察理解 TS 核心价值）中级篇（高频，考察实际编码能力）高级篇（大厂深挖，考察类型体操）实战应用题（框架相关高频）面试建议前言TypeScript（TS）已成为现代前端开发的标配...

2026-07-14 01:56:10

60浏览

0评论

elementui中@row-click和@row-dbclick不能同时使用问题及解决

目录elementui中@row-click和@row-dbclick不能同时使用使用@row-click事件，并结合定时器判断点击次数自定义表格组件，监听鼠标事件总结elementui中@row-click和@row-dbclick不...

2026-07-14 01:56:08

65浏览

0评论

JavaScript 事件流:从"捕获"到"冒泡"的完整旅程

目录1. 🤔 什么是事件流？2. 🎬 事件流的三个阶段第一阶段：捕获阶段（Capturing Phase）第二阶段：目标阶段（Target Phase）第三阶段：冒泡阶段（Bubbling Phase）3. 💻 代码实战：如何控制捕获...

2026-07-14 01:56:06

66浏览

0评论

JavaScript实现金额格式化(元转成万元)的示例代码

在JavaScript中，将金额转换为以万元（10,000元）为单位显示，可以通过将金额除以10,000来实现。下面是一些示例代码，展示如何完成这个转换。直接除法function convertToTenThousand(...

2026-07-14 01:56:04

62浏览

0评论

前端中HTTP请求的五种场景传参方式详解

目录场景对比一、链接传参 - 路径参数二、链接传参 - 查询参数三、请求体传参 - application/x-www-form-urlencoded四、请求体传参 - application/json五、请求体传参 - mu...

2026-07-14 01:56:02

58浏览

0评论

深入探讨前端性能优化的核心策略和实战技巧指南

目录概述一、性能指标与测量1.1 核心 Web 指标 (Core Web Vitals)1.2 性能测量工具二、加载性能优化2.1 资源压缩与优化2.2 资源预加载与预获取2.3 代码分割与懒加载三、运...

2026-07-14 01:56:00

53浏览

0评论

Node.js遇到的错误问题及解决

目录错误1原因解决方法错误2原因解决办法错误3解决方法错误4解决方法错误5解决方法错误6解决方法总结错误1npm WARN config global--global,--localare deprecated. Use--lo...

2026-07-14 01:55:56

69浏览

0评论

前端安全防护Content Security Policy (CSP) 详解与实践指南

目录一、什么是 CSP？二、为什么需要 CSP？1. 一个简单的例子2. CSP 防护的攻击类型三、CSP 是如何工作的？1. 基本工作流程2. 关键检查点3. 检查时机：预拦截机制四、CSP 指令详解1...

2026-07-14 01:55:52

57浏览

0评论

从一道前端面试题理解JS对象存储特点和运算符执行顺序

目录本文大纲知识点一：对象的常规属性 (properties) 和排序属性 (elements)知识点二：JavaScript 运算符的执行顺序逐行分析代码执行过程小结本文大纲今天来看一道前端面试的代...

2026-07-14 01:55:51

61浏览

0评论

Vite的HMR热更新突然失效的问题解决

目录引言主体1. HMR的基本原理2. 问题现象描述3. 排查过程3.1 检查基础配置3.2 WebSocket连接状态3.3 HMR客户端注入问题3.4 Vite的特殊要求4. 问题根源与修复5. HMR的其他...

2026-07-14 01:55:49

53浏览

0评论

基于Vue3+IntersectionObserver实现高性能图片懒加载

目录一、原理概述二、核心代码实现配置项定义DOM 引用获取懒加载核心逻辑资源清理（防止内存泄漏）生命周期钩子绑定三、完整代码示例四、核心总结一、原理概述图片懒加载的核心...

2026-07-14 01:55:47

55浏览

0评论

前端大屏适配方案rem、vw/vh、scale到底该选哪个详解

目录前言先说结论方案一：scale（缩放大法）核心代码优点踩坑记录适用场景方案二：vw/vh（视口单位）核心实现优点踩坑记录适用场景方案三：rem（根字体缩放）核心实现我的看法方案四：混合方案（...

2026-07-14 01:55:45

59浏览

0评论

Node.js性能诊断利器Clinic.js原理剖析与实战应用

目录一、Clinic.js 是什么？二、核心原理深度解析2.1 整体架构：插桩 → 采集 → 关联 → 可视化2.2 底层技术栈2.3 为何不适合直接用于生产环境？三、实战指南：从发现...

2026-07-14 01:55:44

53浏览

0评论

浅析Vue如何在页面刷新时保留状态信息

1、通过本地存储 state中的数据，页面刷新成功后再次从本地存储中读取state数据// vuex中的数据发生改变时触发localStorage的存储操作localstorage.setItem('state', JSON.s...

2026-07-14 01:55:42

59浏览

0评论

Vue3 KeepAlive缓存组件实现方式

目录1. 内置组件简介2. component 元素（动态组件）3. KeepAlive 基本使用方式3.1 切换组件（未使用 KeepAlive，组件会销毁再重新创建）3.2 切换组件（使用 KeepAlive，组件会进行缓存）3....

2026-07-14 01:55:40

57浏览

0评论

Vue 中数据丢失响应式的原因和解决方案

目录一、什么是响应式二、数据丢失响应式的常见原因1. 直接给对象新增属性为什么会这样2. 直接修改数组索引原因3. 解构响应式对象，导致响应式丢失为什么4. 使用了普通对象副...

2026-07-14 01:55:37

56浏览

0评论

JavaScript异步回调总是乱序执行

目录引言一、JavaScript的异步执行模型1.1 单线程与Event Loop1.2 任务队列的类型二、乱序执行的常见原因2.1 微任务与宏任务的优先级差异2.2 嵌套异步操作2.3 浏览器渲染帧...

2026-07-14 01:55:35

55浏览

0评论

Vue3 UI组件库Element Plus实例详解

目录1、开关与滑块组件1.1、开关组件1.2、滑块组件2、选择器组件2.1、时间选择器2.2、日期选择器2.3、颜色选择器3、提示类组件3.1、警告组件3.2、消息提示3.2.1、简单提示E...

2026-07-14 01:55:32

62浏览

0评论

JavaScript实现图片懒加载的完整代码

目录文档概述核心特性依赖说明完整代码实现1. HTML 结构2. CSS 样式3. JavaScript 逻辑核心实现说明图片卡片生成Intersection Observer 初始化API 说明IntersectionObserve...

2026-07-14 01:55:29

61浏览

0评论

Vue十万条数据渲染无卡顿的3种工业级方案

目录引言一、核心前提：为什么直接渲染会卡顿？二、方案1：虚拟列表（首选，工业级方案，无卡顿）1. 核心原理2. 实操实现（Vue3+第三方插件，最简单落地）步骤1：安装插件（落地细节：版本适配+异常处...

2026-07-14 01:55:27

58浏览

0评论

vue2下npm安装国际化i18n包报错问题及解决

目录如题原因解决总结如题我项目是vue2，在terminal控制台输入以下指令安装时报错：npm install vue-i18n --save原因在vue2环境下，默认安装 npm install vue-i18n 的版本是 vue-...

2026-07-14 01:55:25

52浏览

0评论

vue3 vite ant deign vue黑暗模式实现过程

目录1、实现黑暗模式2、编写一个全局的css变量css文件3、创建dark.less和light.less文件对应黑暗和白天4、在less和css中用变量替换掉原本的数值5、编写切换css函数6、编写...

2026-07-14 01:55:22

58浏览

0评论

一文详解前端性能监控的三大核心维度

目录引言一、性能监控1.1 核心性能指标1.2 自定义性能埋点二、错误监控2.1 全局错误捕获2.2 资源加载错误三、行为监控3.1 用户交互追踪3.2 性能与行为关联分析四、监控数据...

2026-07-14 01:55:20

68浏览

0评论

一文彻底搞懂项目中 dist 到底是什么

目录前言1. dist 是什么？一句话解释2. dist 最常见的 3 大出现位置2.1 前端工程里的 dist：构建输出目录（最常见）2.2 npm/组件库里的 dist：编译后的库产物2.3 Python 打包发布里的...

2026-07-14 01:55:19

60浏览

0评论

vue Aes加解密实践

目录vue Aes 加解密安装crypto-js微信小程序直接导入封装调用后端工具类总结vue Aes 加解密安装crypto-jsnpm install crypto-js微信小程序直接导入const CryptoJS = requir...

2026-07-14 01:55:17

59浏览

0评论

解决vue动态加载组件import引入组件找不到组件(Error: Cannot find module)

目录使用场景问题描述问题原因解决方案总结使用场景在一个项目中封装了好多组件，根据接口返回不同类型值在页面中动态加载对应的组件。问题描述使用了动态加载组件的方法，组件...

2026-07-14 01:55:15

54浏览

0评论

vue3使用keep-alive组件,包含动态组件使用详解

目录vue3使用keep-alive组件，包含动态组件使用组件不使用keep-alive组件中使用v-if切换component动态组件切换路由不使用keep-alive路由中使用keep-alive生命周期总结vue3使...

2026-07-14 01:55:13

59浏览

0评论

vue中的ref使用及说明

目录基本用法$attrs语法糖的问题总结基本用法ref 有三种用法：1、ref 加在普通的元素上，用this.ref.name 获取到的是dom元素2、ref 加在子组件上，用this.ref.name 获取到的是组...

2026-07-14 01:55:09

63浏览

0评论

JavaScript实现字符串转数值的多种方法

目录1. parseFloat() - 最常用的方法2. Number() 构造函数3. 一元加号运算符（+）4. parseFloat() 与 toFixed() 结合使用实际应用示例注意事项在您的代码中的应用知识扩展在 Ja...

2026-07-14 01:55:06

55浏览

0评论

vite动态导入页面动态import组件实现方式

目录vite动态导入页面动态import组件在做权限的时候这是总结vite动态导入页面动态import组件在做权限的时候从后台拉路由表，然后动态引入组件，之前webpack是可以直接用的，但是v...

2026-07-14 01:55:02

首页 «10 111213 14 »尾页

热门文章