旭Oxygen-优快云博客

原创 Vuex状态管理库

Pinia 是 Vuex 的替代方案，提供了更简洁的 API 和更好的 TypeScript 支持。Modules 允许将 store 分割成多个模块，每个模块可以有自己的 state、getters、mutations 和 actions。Vuex 是 Vue.js 的官方状态管理库，用于集中式存储和管理应用的所有组件的状态。直接修改 state 会破坏 Vuex 的状态追踪机制，应通过 mutations 修改 state。State 是 Vuex 的单一状态树，用于存储应用的所有共享状态。

2025-07-11 13:58:31 237

原创 watch 和computed有什么区别

是观察一个特定数据的变化，通过回调函数执行副作用（如异步操作或复杂逻辑）。需要基于现有数据生成新数据，且依赖项较多时（如过滤列表、格式化数据）。是基于依赖的响应式数据计算派生值，依赖不变时会缓存结果。需要响应数据变化执行操作（如发送请求、操作DOM）。

2025-07-11 09:25:22 836

原创在vue中，nextTick的实现原理

是 Vue.js 提供的一个异步方法，用于在下次 DOM 更新循环结束之后执行回调。其主要作用是确保在 DOM 更新完成后操作 DOM 或执行其他任务。的实现依赖于 JavaScript 的事件循环机制和微任务/宏任务的调度策略。的回调会在 DOM 更新完成后执行，因此可以安全地访问更新后的 DOM。Vue 的 DOM 更新是异步的，批量处理数据变化后统一渲染。现代浏览器通常支持微任务，因此。

2025-07-09 16:10:19 272

原创 Vue，React，Angular 三者的区别和优缺点

学习成本灵活性适用场景：快速开发选Vue，复杂应用选React/Angular性能：React虚拟DOM优化最佳，Angular变更检测需手动调优。

2025-07-09 10:53:42 900

原创 vue2 响应式实现的原理

模板编译 → 触发 getter → 依赖收集（Dep） → 数据变更 → setter 触发 → 通知 Watcher → 更新视图。

2025-07-08 11:05:28 310

原创 vue2和vue3的区别

的响应式系统，支持动态属性添加、数组索引修改，性能更高且减少初始化开销。（Static Props Hoisting）减少虚拟DOM对比开销。Vue3 从底层用TypeScript重构，提供更完善的类型推断。函数集中管理逻辑，支持更灵活的代码组织，尤其适合复杂组件。实现响应式，需递归遍历对象且无法直接监听数组索引变化。等函数，支持逻辑复用（类似React Hooks）。语法糖简化组合式API的书写，减少模板代码。（多个根节点），减少不必要的包裹元素。（选项式API），逻辑分散在。（组合式API），通过。

2025-07-08 10:45:47 819

原创前端性能优化

合并CSS和JavaScript文件使用工具如Webpack或Gulp。采用懒加载技术延迟加载非关键资源。使用Gzip压缩HTML、CSS和JavaScript文件。将JavaScript标签放在body底部或使用defer/async属性。使用<link rel="preload">提前加载关键资源。优先使用CSS动画和transform/opacity属性。避免使用eval()和with语句影响性能。使用Server Push预推送关键资源减少延迟。对静态资源使用无Cookie域名。

2025-07-08 10:30:27 306

weixin_46018954的博客