- 博客(190)
- 收藏
- 关注
原创 VuePress:打造本地方法库
VuePress 是一个基于 Vue 的静态网站生成器,它可以将 Markdown 文档转换为美观、可导航的文档网站,适用于技术文档、个人博客和知识库。
2025-04-04 08:00:00
748
原创 Vue 项目中大量报红提示:xxx 不能用作 JSX 组件
报红提示:xxx 不能用作 JSX 组件 或者 JSX 元素类不支持特性,因为它不具有“props”属性。
2025-04-03 10:00:00
278
原创 Vue 3 自定义权限指令 v-action
在 Vue 3 项目中,权限控制是常见需求。使用 v-action 自定义指令,可以自动控制元素的显示与隐藏,让权限管理更简洁高效。
2025-04-02 10:56:00
312
原创 单向数据流:Vue 响应式魔法 vs React 不可变信仰
Vue 的单向数据流通过响应式系统 + 事件机制实现高效更新,降低心智负担;React 则通过不可变数据 + 函数式组件强调控制权。
2025-03-17 08:30:00
605
原创 Git Worktree 实现 “一边修生产Bug,一边写新需求”
git worktree 是一个强大的功能,可以帮助开发者在同一个 Git 仓库中同时处理多个分支和任务。
2025-03-16 09:45:00
647
原创 深入解析浏览器回流优化与缓存策略
浏览器回流优化是指通过减少或避免不必要的回流(重排)操作,提高页面渲染性能。回流发生在DOM元素的尺寸、位置或结构变化时,导致浏览器重新计算布局。
2025-03-15 10:00:00
723
原创 TypeScript:为什么应该停止使用 Enum?
本文一一解答:官方究竟有没有弃用 enum 呢?enum 存在哪些问题呢?有没有什么替代方法呢?
2025-03-13 08:30:00
1565
原创 Trae 国内版正式上线!一键安装,解锁 AI 编程
Trae 作为国内首款 AI 原生 IDE,深度融合 AI 编程能力,提供 Chat 模式 和 Builder 模式,既能作为智能助手优化代码,也能主导生成项目结构。
2025-03-12 08:00:00
1205
原创 [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
199
原创 [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
314
原创 Vue 3 + Element Plus 集成指南(内含彩蛋)
本文包含将 Element Plus Dialog 封装为极简函数调用的方案,支持链式调用和灵活扩展(非常有帮助)。
2025-03-10 09:00:00
1527
原创 告别混乱之 Cookie vs Session
Cookie 是客户端存储的「钥匙」(保存用户标识),Session 是服务端存储的「保险箱」(保护敏感数据),二者可以通过 Session ID 联动解决 HTTP 无状态问题。
2025-03-09 08:45:00
730
原创 解锁浏览器空闲时间:requestIdleCallback
requestIdleCallback 允许开发者在浏览器空闲时执行非紧急任务,通过监测执行栈和任务队列的状态来判断空闲时间,并提供 deadline 对象以获取剩余时间和超时处理,优化性能和用户体验。
2025-03-07 08:30:00
1784
原创 解锁 ES6 访问器属性 Getter & Setter
ES6 访问器属性(getter/setter)用于拦截对象属性的读取和赋值操作,提供自定义逻辑,但需避免直接访问自身属性以防止递归死循环等一些点。
2025-03-05 09:45:00
939
原创 解析 event as keyof typeof xxx 的含义
在 TypeScript 中,typeof、keyof 和 as 这三个关键字在类型推导、类型操作以及类型转换中非常重要。
2025-03-04 09:30:00
738
原创 VS Code 本地运行 TypeScript 全攻略
在 VS Code 本地运行 TypeScript,需先安装 typescript 和 ts-node,然后使用 ts-node file.ts 直接执行,或 tsc 编译后用 node file.js 运行,并通过 tsconfig.json 进行项目配置优化。
2025-03-03 09:30:00
1859
原创 从 ES5 到 ES6 解锁 JavaScript 私有变量
从 ES5 及更早版本的闭包模拟到 ES6 私有字段的正式引入,JavaScript 私有变量的演变实现了更严格的封装,本文将详细介绍相关内容。
2025-03-01 09:45:00
610
原创 ES5 vs ES6 中 Object.defineProperty() 不同
Object.defineProperty() 是 ES5 引入 的方法,用于在对象上精确定义或修改属性,特别是控制属性的可写性、可枚举性、可配置性 和 getter/setter。在 ES6 中,它仍然可用,但随着 class 语法、Proxy、Reflect 的引入,一些功能可以用新的方式实现。
2025-02-28 09:45:00
1016
原创 前端必备!深入解析 Class 降级
class 降级主要是为了兼容老旧浏览器,特别是 IE11 及更早版本。主要方式有手动降级(转换为 ES5 构造函数和原型继承)和使用 Babel 自动转换。
2025-02-27 09:15:00
1716
原创 Vue 3 模板中的 ref 和 Vue 3 响应式 ref 的区别
Vue 3 为什么不在 JavaScript 代码中自动解包 ref 但可以在模板中解包呢?
2025-02-23 08:45:00
935
原创 实现 JavaScript 只读属性的多种方法
使用 Object.defineProperty()、Object.freeze()、getter(get)、Proxy、TypeScript readonly、Symbol 方法实现 JavaScript 只读属性
2025-02-22 09:15:00
871
原创 Flex + Margin 神奇组合,打造灵活布局!
Flex 布局 + Margin 的组合可以实现灵活的间距控制,同时兼顾 自适应布局 和 元素对齐,非常适用于复杂页面的组件排布。
2025-02-21 09:00:00
891
原创 为什么 Vue 3 不再支持 IE 浏览器?
一文讲述 Vue 3 不支持 IE 浏览器的原因,以及,proxy 不支持降级操作的原因,感兴趣的话,可以瞧瞧。
2025-02-19 09:00:00
519
原创 深入探索 Reflect:掌握对象操作的强大工具
本文详细介绍了 JavaScript 中的 Reflect 对象,解释了其方法如 apply、construct、defineProperty、deleteProperty 等的作用和使用场景,强调了它简化和统一对象操作的优势,并展示了与 Proxy 结合的应用。
2025-02-17 09:00:00
1341
原创 揭秘 setInterval 不准的原因与解决方案
本文详细分析了定时器不精准的原因,并介绍了五种方法来实现更精确的定时器,帮助提高任务调度的准确性和效率。
2025-02-16 09:00:00
1078
原创 Vue 组件不听话?那就强制刷新!
在 Vue 开发过程中,通常 Vue 的响应式系统会自动处理数据变化并触发视图更新。但在某些特殊情况下,数据虽然改变,但并不会触发视图更新,这时就需要手动强制组件重新渲染。
2025-02-14 09:00:00
1519
原创 计算机内存管理:栈、堆、静态存储区与代码区
在计算机内存管理中,数据的存储位置取决于它们的生命周期、大小、访问方式和用途。通常,内存分为以下几部分:栈(stack)、堆(heap)、静态存储区(data segment) 和 代码区(text segment)。
2025-02-10 09:00:00
1355
原创 Vant Tabs 内外部内容渲染的差异
简单介绍:在 Vant Tabs 组件中,当 Tab 内容放到 Tabs 内部和 Tabs 外部时的区别。也就是,内部直接渲染 与 外部通过条件判断来展示内容的区别。
2025-02-08 09:15:00
1017
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人