- 博客(217)
- 收藏
- 关注
RSS订阅原创 0:0 error Parsing error: Cannot read properties of undefined (reading ‘map‘)
0:0 error Parsing error: Cannot read properties of undefined (reading 'map') 的解决方法
2025-06-11 16:31:03
105
原创 误解了 Promise.then！返回一个 Promise 并不等于立即完成
当 .then 回调中返回一个已完成的 Promise 时，此时会发生什么呢？结果是什么呢？
2025-05-28 10:00:00
797
原创 018 是 18，017 却是 15？别被 JavaScript 的数字骗了！
为何某些数字字面量前面加 0 会被解释成八进制，而某些又不会，本文稍微解释疑惑。
2025-05-24 10:00:00
898
原创 让代码更优雅的“标签 Label”语法
标签语句是 JavaScript 中少有的结构化控制流工具，主要价值在于简化多层嵌套跳转。标签并不常用，滥用会导致可读性和维护性下降。建议仅在确实需要一次性退出多层循环或实现简单状态机场景下使用。
2025-05-23 13:00:00
797
原创 为什么总写错 this？原来是函数有“二心”
箭头函数并不是用来“取代”普通函数的，而是为了解决原有语法中由于 this 机制不一致而带来的逻辑混乱问题，同时带来语法优化、结构清晰等额外好处。
2025-05-22 08:00:00
893
原创 两次点击居然才触发 remote-method 事件？
在使用 Vue3 + Element Plus 的远程搜索下拉框中，为什么用户要点两次才能触发请求？本文深入剖析了其根本原因：remote-method 只在特定输入时触发，首次点击下拉不会执行搜索。
2025-05-21 08:30:00
970
原创 JS 中到底存不存在“引用传递”？
JavaScript 中不存在“引用传递”这一概念，只有“按值传递”，但对于引用类型，传的是“引用的值”——也就是一个指向对象的指针副本（JS 相关面试题之一）。
2025-05-20 08:30:00
1292
原创 void 0，到底在保护什么？
void 0 是比 undefined 更安全、更可靠的获取 undefined 值的方式。因为 undefined 虽然是全局变量，但在旧环境中可能被覆盖，而 void 0 每次都直接返回真正的 undefined。
2025-05-19 08:00:00
938
原创 令人抓狂的 JS 赋值顺序！
本文简述 JavaScript 中的连续赋值操作，尤其是针对表达式 a.x = a = { n: 2 }; 的行为进行详细拆解，这一现象揭示了 JS 表达式求值中的先引用捕获，再右值计算，最后执行赋值的关键逻辑。
2025-05-16 08:30:00
996
原创 那天，我在一个字符串里发现了幽灵
零宽字符是什么呢？一个看不见却真实存在的特殊字符，常用于控制文本格式或隐形标记，但也容易引发排查困难的“幽灵”问题。
2025-05-15 08:30:00
883
原创 JavaScript 中浮点数精度问题导致显示异常，解决方案解析
JavaScript 使用的是 IEEE 754 浮点数标准，很多小数无法精确表示，导致计算时出现精度误差 —— 可通过 toFixed、Math.round 等方式解决。
2025-05-14 08:00:00
827
原创 从 Set、Map 到 WeakSet、WeakMap 的进阶之旅
Set 和 Map 是可遍历的强引用集合，分别用于存储唯一值和键值对，而 WeakSet 和 WeakMap 是不可遍历的弱引用集合，仅接受对象作为键或值，适用于避免内存泄漏。
2025-05-13 11:15:28
1279
原创 Vue 组件行为失控？inheritAttrs 可能是罪魁祸首！
一句话概括：inheritAttrs 是 Vue 组件中的一个配置项，用于控制非 prop 的 attribute 是否自动绑定到组件根元素上，默认启用，设置为 false 后需手动通过 $attrs 显式绑定到指定元素。
2025-05-12 16:53:32
997
原创 flex 还是 inline-flex？实际开发中应该怎么选？
display:flex 与 display:inline-flex 在弹性布局本质上是相同的，它们的差异仅在于容器自身在文档流中的展示方式。
2025-05-09 16:42:30
989
原创 从 v-model 到 defineModel：Vue3 正在悄悄改变开发习惯
表面上是小小语法更新，背后是 props、emit、双向绑定、编译优化的完美结合。掌握它，才能真正写出未来式的 Vue3 组件。
2025-04-30 08:30:00
901
原创 叮咚！你的第一封站内信到了！
站内信（In‑App Notification），简单来说，就是“网站/应用内部给我们的消息推送”，就像一个内置的小邮箱、短信系统。
2025-04-25 08:30:00
287
原创 加了防抖就能防住重复提交？测试：我不答应！
在实际开发中提交按钮未防止重复点击时，可能导致的多次网络请求问题，通过封装点击锁 useClickLock 与 v-bLoading 指令的方式，有效实现按钮防抖与加载反馈，提升用户体验与系统稳定性。
2025-04-23 08:30:00
728
原创 同样是解码，结果却天差地别？可能用了错的函数！
encodeURI 与 encodeURIComponent 是前端处理 URL 编解码的关键函数，理解它们的区别能有效避免参数丢失、结构错乱等问题。
2025-04-22 08:00:00
1166
原创 ES6 Promise 的底层魔法：一步步实现异步控制器
Promise 是 JavaScript 处理异步操作的强大工具，能够避免回调地狱。它像一个承诺，告诉我们未来某个时刻会返回一个结果，成功时执行 then，失败时执行 catch，让异步代码变得更易理解和管理。
2025-04-18 08:00:00
630
原创 从冗余到极致精简，Tree Shaking 真正做了什么？
Tree Shaking 是 JavaScript 应用打包优化的重要技术之一，其通过深入的静态分析与依赖图构建，将“死代码”剔除，极大优化了最终输出文件的体积和性能。
2025-04-17 08:30:00
1115
原创 解密 Vue 打包策略
本文详解 Vue 打包中路径处理机制，深入对比静态与动态路径差异，以及 webpack、vite、vue-cli 的资源管理方式，搞懂源码与构建路径的本质。
2025-04-15 10:34:11
843
原创 不可低估 Vue 指令的威力
指令是 Vue 提供给开发者的 DOM 操作扩展点，底层通过编译 + 虚拟 DOM patch 生命周期钩子与真实 DOM 绑定，实现对 DOM 元素的控制。
2025-04-11 08:45:00
694
原创 keep-alive：我不死，只是沉睡；onActivated：我醒了！
keep-alive 是 Vue 提供的强大缓存机制，能够智能缓存组件实例，避免不必要的销毁和重建，显著提升性能，特别适用于复杂的路由切换和高频繁组件更新场景。
2025-04-10 09:30:00
2349
原创 表单验证卡壳了吗？ElForm 校验机制详解
ElForm 的校验机制本质上是一个结合 Vue 响应式系统、事件机制和自定义规则的灵活校验框架。它通过监听表单项的输入事件触发验证规则，逐个字段验证数据是否符合规则，并根据验证结果更新 UI 显示错误信息。
2025-04-08 09:00:00
782
原创 Pinia 实战指南：Vue 3 的新一代状态管理工具
Pinia 是为 Vue 3 设计的现代状态管理库，具有简洁的 API、响应式支持和优秀的类型推导，提供比 Vuex 更加灵活、易用的解决方案，适用于中小型到大型应用的状态管理需求。
2025-04-07 13:47:29
818
原创 VuePress：打造本地方法库
VuePress 是一个基于 Vue 的静态网站生成器，它可以将 Markdown 文档转换为美观、可导航的文档网站，适用于技术文档、个人博客和知识库。
2025-04-04 08:00:00
920
原创 Vue 项目中大量报红提示：JSX 元素类不支持特性，因为它不具有“props”属性。
报红提示：xxx 不能用作 JSX 组件 或者 JSX 元素类不支持特性，因为它不具有“props”属性。
2025-04-03 10:00:00
503
原创 Vue 3 自定义权限指令 v-action
在 Vue 3 项目中，权限控制是常见需求。使用 v-action 自定义指令，可以自动控制元素的显示与隐藏，让权限管理更简洁高效。
2025-04-02 10:56:00
382
原创 单向数据流：Vue 响应式魔法 vs React 不可变信仰
Vue 的单向数据流通过响应式系统 + 事件机制实现高效更新，降低心智负担；React 则通过不可变数据 + 函数式组件强调控制权。
2025-03-17 08:30:00
634
原创 Git Worktree 实现 “一边修生产Bug，一边写新需求”
git worktree 是一个强大的功能，可以帮助开发者在同一个 Git 仓库中同时处理多个分支和任务。
2025-03-16 09:45:00
904
原创 深入解析浏览器回流优化与缓存策略
浏览器回流优化是指通过减少或避免不必要的回流（重排）操作，提高页面渲染性能。回流发生在DOM元素的尺寸、位置或结构变化时，导致浏览器重新计算布局。
2025-03-15 10:00:00
770
原创 TypeScript：为什么应该停止使用 Enum？
本文一一解答：官方究竟有没有弃用 enum 呢？enum 存在哪些问题呢？有没有什么替代方法呢？
2025-03-13 08:30:00
1950
原创 Trae 国内版正式上线！一键安装，解锁 AI 编程
Trae 作为国内首款 AI 原生 IDE，深度融合 AI 编程能力，提供 Chat 模式 和 Builder 模式，既能作为智能助手优化代码，也能主导生成项目结构。
2025-03-12 08:00:00
1856
1
原创 [Vue warn]: Do not use built-in or reserved HTML elements as component id: base.
解决方法：[Vue warn]: Do not use built-in or reserved HTML elements as component id: base
2025-03-11 09:15:00
251
原创 [Vue warn]: Runtime directive used on component with non-element root node.
[Vue warn]: Runtime directive used on component with non-element root node. 的解决方法
2025-03-11 08:30:00
525
原创 Vue 3 + Element Plus 集成指南（内含彩蛋）
本文包含将 Element Plus Dialog 封装为极简函数调用的方案，支持链式调用和灵活扩展（非常有帮助）。
2025-03-10 09:00:00
2030
原创 告别混乱之 Cookie vs Session
Cookie 是客户端存储的「钥匙」（保存用户标识），Session 是服务端存储的「保险箱」（保护敏感数据），二者可以通过 Session ID 联动解决 HTTP 无状态问题。
2025-03-09 08:45:00
802
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人