Posts
我发布过的全部文章。
分片任务的高阶函数封装
发布日期:约 1 分钟这篇文章通过一个向页面插入十万条数据的例子，解释了浏览器页面卡顿的原因，并演示了如何利用 requestIdleCallback 将任务分片执行，最终封装成通用的高阶函数。
Nuxt.js 实战 (四)：安装 Nuxt UI 和配置 TypeScript 类型检查
发布日期:约 1 分钟这篇文章记录了在 Nuxt 项目中安装 Nuxt UI 组件库并配置 TypeScript 类型检查的过程，为后续页面与布局开发打下基础。
Nuxt.js 实战 (三)：使用 release-it 自动管理版本号和生成 CHANGELOG
发布日期:约 1 分钟这篇文章介绍了在 Nuxt 项目中使用 release-it 配合 conventional-changelog 自动化管理版本号、生成 CHANGELOG、打 Git Tag 并发布到 GitHub 的完整流程。
Nuxt.js 实战 (二)：配置 Eslint、Prettierrc、Husky等项目提交规范
发布日期:约 1 分钟这篇文章记录了在 Nuxt 项目中配置 ESLint、Stylelint、Husky、Lint-staged 与 Commitlint 的过程，建立起统一的代码规范与 Git 提交校验流程。
浏览器渲染原理：从解析 HTML 到屏幕成像
发布日期:约 2 分钟这篇文章梳理了浏览器从解析 HTML 到屏幕成像的完整渲染流程，包括样式计算、布局、分层、绘制、分块与光栅化，并解释了 reflow、repaint 和 transform 高效的原理。
Vite 打包优化：通过 manualChunks 手动分包
发布日期:约 1 分钟这篇文章以 Vue 3 项目为例，介绍了使用 Vite 的 manualChunks 配置将第三方依赖单独打包的优化方法，并总结了代码分包带来的缓存与加载优势。
浏览器进程与线程：从进程模型到事件循环
发布日期:约 1 分钟这篇文章讲解了浏览器的进程模型、渲染主线程的工作方式与事件循环机制，并结合实例说明了 JS 单线程为何会阻塞渲染以及浏览器如何通过异步避免卡顿。
JavaScript 动态执行代码的几种方式
发布日期:约 1 分钟这篇文章对比了 eval、setTimeout、动态 script 标签和 new Function 这几种在 JavaScript 中动态执行字符串代码的方式，分析了各自的执行时机与作用域特点。
TypeScript 技巧：用元组从数组生成联合类型
发布日期:约 1 分钟这篇文章介绍了一个 TypeScript 开发小技巧：通过 as const 将数组转为元组，再利用索引访问类型生成联合类型，让类型与数据保持一致。
HTML 资源提示：async、defer、preload 与 prefetch
发布日期:约 1 分钟这篇文章介绍了 HTML 资源提示符中 async、defer、preload、prefetch 和 module 的作用与区别，解释了它们如何优化页面资源加载。