- 博客(104)
- 收藏
- 关注
RSS订阅原创 7.JavaScript 执行顺序与异步编程实战指南
理解事件循环，掌握执行顺序。使用 Promise 和 async/await 构建高效异步流程。优化代码性能，提升健壮性。未来方向：多线程计算。：离线缓存。RxJS：响应式编程。学习建议掌握事件循环核心。熟练 Promise 高级用法。实践异步最佳实践。
2025-04-01 18:22:50
862
原创 【11】当 Vue 脚本加载失败时，如何避免用户看到白屏？
在网页开发中，我们经常需要从网络上加载JavaScript脚本（比如一些工具库），就像从网上下载一个工具来帮我们完成任务。但有时候网络不稳定，或者下载的地方（比如CDN服务器）出了问题，脚本就加载不下来，网页可能会出故障。假设你在网上买东西，快递丢了，你会再下单试试，对吧？脚本加载也是类似的想法：如果加载失败，我们可以自动再试几次。如果一个地方（比如某个CDN）总是加载失败，我们可以准备几个备用地址，甚至用本地的备份文件。，让每次重试的等待时间变长，还加点随机时间，避免大家都挤在一起请求。
2025-03-26 10:31:27
438
原创 5.vue3 ref 和 reactive 我该用哪个，解析 ref 与 reactive原理和区别
掌握ref与reactive的正确使用方式，可以让Vue3开发既保持响应式的高效性
2025-03-26 10:04:22
1174
原创 pnpm 使用指南
无论你是追求性能的 monorepo 开发者，还是习惯 npm 的简单项目用户，亦或是需要 yarn 一致性的团队，了解 pnpm、npm 和 yarn 的区别都能帮助你选择合适的工具。pnpm 以其高效的磁盘利用率和快速安装速度，正在成为越来越多开发者的首选。
2025-03-24 11:11:04
786
原创 【8】前端性能优化深度实战：从6s到0.8s的极致提速方案
页面加载速度每提升100ms，转化率提高1.1%！掌握现代浏览器底层原理的优化策略，让网站性能秒杀90%竞品。
2025-03-22 10:19:11
268
原创 3.为什么我的vue数据修改后视图未更新，梳理Vue2和Vue3中常见的数据不更新场景
Vue数据不更新问题的核心在于响应式机制的实现。Vue2受限于Object.defineProperty，需通过辅助方法（如$set）弥补不足；而Vue3通过Proxy提供了更完善的响应式支持。无论是Vue2还是Vue3，理解其原理并遵循“数据驱动视图”的原则，配合最佳实践，都能有效避免视图更新异常。
2025-03-22 10:08:14
1096
原创 vue2 ，vue3 如何重置表单更优雅
保留初始状态副本：通过或动态获取。修改原对象属性：使用或递归赋值，避免直接替换整个对象。利用第三方库能力：如 Element UI 的。必要时强制 DOM 更新：通过v-if销毁并重新渲染表单。根据具体场景选择最适合的方法，多数情况下保存初始状态 +是最简洁高效的方案。
2025-03-21 14:32:27
369
原创 2.前端部署与缓存管理总结（Vue/React 通用方案），了解缓存是怎么工作的
前端部署与缓存管理是现代 Web 开发中至关重要的环节，直接影响用户体验、性能优化和开发效率。本文将围绕 Vue/React 项目部署、缓存机制、更新与缓存平衡、哈希管理以及 Vite 配置展开深度解析。
2025-03-21 09:44:30
1020
原创 实现一个CSS图像填充文字效果
iOS Safari 13+ | ✅ 完全支持 || Safari 13.1+ | ✅ 完全支持 || Firefox 49+ | ✅ 完全支持 || Chrome 58+ | ✅ 完全支持 || Edge 79+ | ✅ 完全支持 || IE 11 | ❌ 不支持 || 浏览器 | 支持情况 |
2025-03-20 17:11:57
344
原创 Vue 动态主题切换完整实现指南（含代码示例）
建议根据项目规模选择合适的实现方案，大型项目推荐采用「状态管理集成方案」，如需跨团队协作可考虑「模块联邦方案」。
2025-03-20 14:01:00
408
原创 1.什么是微前端远程组件？具体怎么实现
微前端（Micro Frontends）是一种前端架构模式，灵感来源于微服务。它将一个大型的前端应用拆分成多个小型、独立的部分，每个部分可以由不同的团队开发、测试和部署，最终在运行时整合成一个完整的应用。这种方法特别适合大型项目或分布式团队。远程组件（Remote Components）是微前端架构中的一种实现方式，指的是将某些组件的代码托管在远程服务器上，主应用通过网络动态加载这些组件，而不是将所有代码打包到本地。独立编译：组件以 UMD 格式输出，便于加载。按需加载。
2025-03-20 10:37:04
610
原创 【6】JavaScript 内存管理，堆栈模型与闭包陷阱全解析
JavaScript 的堆栈内存模型是理解闭包、作用域链和内存泄漏的核心基础，深入掌握可避免 80% 的隐藏性能问题。
2025-03-20 09:08:57
408
原创 Vue 核心 API：$nextTick 原理解析与实战指南
特性说明核心目的确保回调在 DOM 更新后执行异步机制微任务优先（Promise），自动降级到宏任务适用场景操作更新后的 DOM、集成第三方库、组件通信后操作执行顺序同步代码 → DOM 更新（微任务） → $nextTick 回调（微任务） → 其他微任务 → 宏任务性能影响微任务优先级高，对性能影响小。
2025-03-19 15:49:35
401
原创 事件循环（Event Loop）的知识总结
事件循环是 JavaScript 异步编程的核心，通过任务队列管理异步回调。微任务优先级高于宏任务，每次事件循环先处理所有微任务。理解事件循环的执行顺序，可以避免异步代码中的陷阱（如渲染阻塞、执行顺序混乱）。
2025-03-19 15:12:20
530
原创 vue2的 Object.defineProperty 和 vue3的proxy 区别
特性Vue 2 (Vue 3 (Proxy监听范围只能监听已存在的属性支持新增、删除属性，数组索引修改等数组监听需要重写数组方法直接监听数组索引变化性能初始化时递归遍历所有属性，性能较差惰性代理，按需监听，性能更优兼容性支持 IE9+不支持 IE（依赖 ES6Proxy代码复杂度需要递归处理对象和数组实现更简洁，逻辑更清晰动态属性支持需要Vue.setVue.delete直接支持Vue 2 的。
2025-03-19 13:40:19
863
原创 【5】前端中的块级格式化上下文（BFC）与布局问题解决
垂直方向边距会发生重叠（Margin Collapse）内部浮动元素会被包含阻止元素被浮动元素覆盖计算高度时包含浮动元素。
2025-03-19 11:32:36
320
原创 模糊搜索文字高亮技术详解，UniApp 与 Vue 双场景实现
通过正则表达式匹配关键词并动态包裹高亮标签，可在 UniApp 和 Vue 中快速实现模糊搜索文字高亮效果。
2025-03-19 09:14:37
406
原创 【4】前端中的滚动驱动动画（Scroll-Driven Animations）与视窗联动
元素动画与滚动位置精确联动容器内滚动与外层滚动嵌套控制完全基于 CSS 的性能优化方案。
2025-03-19 09:13:05
174
原创 【3】现代CSS布局中的内在尺寸（Intrinsic Sizing）与自适应设计
内在尺寸指元素根据自身内容或容器空间自动计算的理想尺寸，与传统固定尺寸（px）和相对尺寸（%）形成互补，尤其适合动态内容场景。
2025-03-18 14:41:12
242
原创 【2】前端中的合成层（Compositing Layer）与渲染性能优化
合成层是浏览器将页面元素分割成的独立绘制单元，每个合成层由 GPU 单独渲染。浏览器通过分层（Layer）和合成（Composite）技术，避免全量重绘，从而减少性能消耗。
2025-03-18 11:26:49
399
原创 【1】前端中的层叠上下文（Stacking Context）与元素层级控制
层叠上下文是浏览器将页面元素按三维空间（Z 轴）分组的机制，每个层叠上下文内部独立决定子元素的堆叠顺序，不同层叠上下文之间则比较父级的层级。
2025-03-18 10:59:58
237
原创 UniApp 配置 iOS 启动界面完整指南
通过 Storyboard 配置 iOS 启动界面，既能满足苹果审核要求，又能实现动态布局和多分辨率适配。开发者需严格遵循文件命名规范，并在真机测试中验证兼容性。更多细节可参考UniApp 官方文档。
2025-03-18 10:35:08
1087
原创 遇到 UniApp 中 Input 与 View 文本无法对齐的问题
在uni-app开发中，当input输入框和相邻的view（或divinputviewinput。
2025-03-18 10:24:23
286
原创 异步数据加载未完成时，直接操作或渲染数据时 UniApp 中 H5 正常但 App 端报错的问题
在uni-app开发中，以下场景可能导致 obj.xxx。
2025-03-18 10:21:07
244
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人