Lew2-优快云博客

原创 Vuex和Pinia的区别

Vuex： Vue 2 时代的官方解决方案，基于严格的 Flux 模式（state -> mutation <- action），功能强大但 API 相对繁琐，TS 支持一般。适合维护大型 Vue 2 老项目或需要 IE11 兼容。Pinia： Vue 官方推荐的 Vue 3 现代状态管理库。设计理念拥抱 Composition API，API 极简（无 mutations），提供顶级的 TypeScript 支持和天然模块化。Actions 可同步/异步直接修改 state，开发体验流畅高效。

2025-07-15 21:29:37 1200

原创 Object.defineProperty和Proxy的区别

1.Object.defineProperty 适用场景：需要兼容旧浏览器（如 IE9-11）。只需要拦截特定、已知属性的读写操作。对数组响应式要求不高或愿意手动处理数组方法的场景。Vue 2 的响应式系统是其最著名的应用。2.Proxy 适用场景 (优先选择)：现代浏览器环境或 Node.js 环境。需要创建全面、灵活的拦截器，覆盖对象的多种操作（增删改查、枚举、调用等）。需要动态响应新增/删除属性。需要完美处理数组响应式。处理大型对象或深度嵌套结构时追求更好的初始化性能。

2025-07-15 20:39:01 925

原创 var let const 的区别

特性varletconst作用域函数作用域块级作用域块级作用域变量提升是（初始为 undefined）是（存在暂时性死区 TDZ）是（存在暂时性死区 TDZ）重复声明允许禁止禁止声明时是否需初始化否否必须能否重新赋值能能不能适合场景旧代码/特殊情况需要重新赋值的变量常量、引用（对象/数组）最佳实践建议：优先使用 const：默认使用 const 声明变量，除非明确知道需要重新赋值。其次使用 let：需要重新赋值的变量（如循环计数器）。

2025-07-15 17:50:14 462

原创 Vue3的选项式API组合式API对比

Vue 3 中的选项式 API（Options API）和组合式 API（Composition API）是两种构建组件的方式。它们本质上是两种不同的组织逻辑和编写代码的风格，都可以实现相同的功能，但各有优缺点和适用场景。

2025-05-06 18:01:22 1335

原创 CSS尺寸单位终极指南：精准区分与选择px/vw/em等单位

你是否曾在响应式布局中遭遇元素错位的困扰？是否对px、vw、rem、dvh等CSS单位的选择犹豫不决？本文将为你揭晓前端开发中最易被忽视的"度量密码"！从物理像素到动态视口，从印刷单位到容器查询，我们不仅深入解析多种核心CSS单位的特性差异，更提供可直接复用的"黄金组合策略"。无论是要实现精准还原的设计稿，还是要打造跨设备的自适应界面，这篇文章都将成为你样式编码的终极指南！

2025-03-17 17:51:38 2126

原创 position定位终极指南：用剧院模型掌握5种定位模式

在数字世界的剧院里，HTML元素是等待入场的观众，CSS定位系统是隐藏的舞台机关，而手握position属性的你，正是这场视觉盛宴的总导演。面对absolute的空中包厢、sticky的智能座椅、fixed的剧院固定装置——这些超越物理定律的「魔法坐席」，如何让每个元素在滚动视差中精准卡点？本文将为你揭开「导演级布局系统」的终极奥义：从掌控absolute元素的悬浮轨迹，到设计sticky吸附的智能演出逻辑，用剧院模型的降维视角，重构你对CSS定位的认知坐标系。现在尝试用这个剧院模型重构你的布局吧！

2025-03-13 17:25:47 1764

原创 CSS盒子模型：内边距、边框、外边距详解

内边距是“向内扩展”，边框是“画地为界”，外边距是“保持距离”——三者共同构建了CSS盒子模型，通过控制内容与空间的平衡，实现精准的页面布局与视觉设计。

2025-03-08 14:41:16 1814

Lew269的博客