webpack 怎么提高构建速度？
webpack 怎么提高构建速度？随着项目规模增大，webpack 的构建时间很容易从几秒膨胀到几十秒甚至一分钟以上，严重影响开发效率与 CI/CD 流水线速度。相比“无脑上硬件”，更重要的是利用好 webpack 本身提供的优化手段。 本文围绕以下几个方面，总结 webpack 提速的常用实践： 减少不必要的编译工作（范围、体积） 提升单次构建效率（缓存、多进程/多实例）
Vue 中 computed 和 watch 的核心区别
Vue 中 computed 和 watch 的核心区别在 Vue（无论 Vue 2 还是 Vue 3）里，computed 和 watch 都与“响应式”有关，也都是面试高频题。很多同学会困惑： 两者都能“根据数据变化做点事情”，到底有什么区别？ 为什么有些逻辑应该写 computed，有些必须写 watch？ computed 的“缓存”到底缓存了什么？watch 的“立即执行/深
Vue 中 computed 和 watch 的核心区别
Vue 中 computed 和 watch 的核心区别在 Vue（无论 Vue 2 还是 Vue 3）里，computed 和 watch 都与“响应式”有关，也都是面试高频题。很多同学会困惑： 两者都能“根据数据变化做点事情”，到底有什么区别？ 为什么有些逻辑应该写 computed，有些必须写 watch？ computed 的“缓存”到底缓存了什么？watch 的“立即执行/深
受控组件与非受控组件详解（React 视角）
受控组件与非受控组件详解（React 视角）“受控组件（Controlled Component）/ 非受控组件（Uncontrolled Component）”是 React 表单开发中的基础概念，也是面试高频题。理解它们的区别，能帮助你在表单、输入框、富文本、文件上传等场景做出正确选型，并避免状态错乱、性能抖动等问题。 本文以 React 为主（因为“受控/非受控”在 Re
npm 与 npx 是什么？有什么区别？
npm 与 npx 是什么？有什么区别？在前端工程化里，npm 和 npx 基本每天都会用到，但很多人其实只会“照着命令敲”，并不清楚它们分别解决什么问题、为什么要同时存在、在什么场景下该用哪个。 这篇文章从“是什么 → 为什么 → 怎么用 → 常见坑”的结构，系统讲清楚： npm 到底是干什么的？ npx 是什么？与 npm 的关系是什么？ 什么时候用 npm，什么时候用 npx？ 常见误区与
Vue 列表渲染中 key 的作用
Vue 列表渲染中 key 的作用在 Vue 的模板中，几乎所有 v-for 列表渲染的示例都会写上 :key 属性，比如： 123<li v-for="item in list" :key="item.id"> {{ item.name }}</li> Vue 官方文档也强调：在使用 v-
防抖与节流：原理与实战
防抖与节流：原理与实战滚动、输入、窗口缩放等事件都可能在极短时间内触发多次。如果在每次触发时都执行复杂逻辑（如请求接口、重排布局、复杂计算），会造成卡顿与性能浪费。 “防抖（debounce）”与“节流（throttle）”是应对这类高频事件的两种常见手段。本文主要讲清楚： 防抖与节流的核心区别是什么？ 如何手写通用的 debounce / throttle 工具函数？ 在实际业务中，
如何解决前端跨域问题
如何解决前端跨域问题只要你做过前后端分离，就几乎一定遇到过这个报错： 12Access to XMLHttpRequest at 'https://api.xxx.com/...'from origin 'https://web.xxx.com' has been blocked by CORS policy... 这就是经典的“跨域问题”。本文主要解决三
