前端开发 - 浮生半页

前端的全栈之路：基于 Vue3 + Nest.js 全栈开发的后台应用

这篇文章介绍了基于Vue3和Nest.js开发的一个全栈后台应用，适合想学习全栈开发的人员参考。前端使用了相关技术栈，后端则列出了部分技术组件。线上预览提供了一个演示环境，并给出了默认的用户名和密码。项目包含动态国际化语言配置、操作日志记录、用户角色权限管理、动态路由菜单生成、消息公告推送等功能。文章还提供了项目的安装步骤、技术要求及注意事项，强调仅用于学习交流且可能存在Bug，欢迎贡献代码和反馈问题以完善项目。

我是如何使用 Next.js14 + Tailwindcss 重构个人项目的

这篇文章介绍了作者如何使用 Next.js14 和 Tailwindcss 对个人项目进行重构，以及项目的技术栈、部署方式和优化过程。项目基于之前学习的灵感，目的是提升用户体验和SEO优化。文章详细说明了项目环境配置、克隆、安装依赖和部署步骤，并提醒接口使用规则及责任声明。作者还表示将分享开发中的问题和解决方法。

JS 分片任务的高阶函数封装

这篇文章介绍了在实际业务开发中，如何处理渲染大量元素导致的页面卡顿问题。文章通过问题复现，分析了浏览器渲染原理，并提出了使用分片任务执行的方法。文章详细介绍了如何使用requestIdleCallback API实现分片任务，并封装成高阶函数，以便开发者针对不同任务进行自定义分片处理。同时，文章也涉及了浏览器渲染原理和requestIdleCallback API的用法。

现在浏览器的渲染原理及流程

这篇文章介绍了浏览器渲染原理及流程，包括HTML解析、样式计算、布局、分层、绘制、分块、光栅化和画等阶段，以及各个阶段的输入输出和任务执行过程。文章还解释了浏览器如何处理外部CSS和JS文件的下载和解析，以及这些文件如何影响渲染流程。

约定式路由生成神器：vite-plugin-pages

这篇文章介绍了如何使用vite-plugin-pages插件在Vite项目中实现约定式路由自动生成，包括搭建工程、安装插件、配置vite.config.ts文件以及创建和挂载路由。

在 vite 工程化中手动分包

这篇文章介绍了在Vite工程化中如何手动分包以优化打包输出的过程。文章首先创建了一个Vue3工程，通过修改代码前后打包对比，指出每次打包都会导致包含第三方库的文件重新下载。接着，文章说明了如何将第三方依赖库和业务代码分别打包，通过配置`vite.config.ts`文件来实现手动分包，最终达到优化缓存效果，减少不必要的下载。

浏览器进程模型及事件循环机制

这篇文章介绍了浏览器进程模型及事件循环机制，包括进程和线程的基本概念，浏览器如何作为多进程多线程应用程序运行，以及渲染主线程如何通过消息队列来调度和执行各种任务，保证浏览器的稳定运行和任务的有序进行。

如何动态执行 JS 脚本

这篇文章介绍了在业务开发中动态执行JS脚本的几种方法，包括使用eval()函数、setTimeout、动态创建script标签以及使用Function构造函数。这些方法各有特点，如eval()同步执行且作用域为当前执行作用域，动态script标签同步执行且作用域为全局作用域等，具体实现方案需根据业务场景选择。

TS 小技巧: 使用元组生成联合类型

这篇文章介绍了在TypeScript开发中，如何使用元组生成联合类型以实现数组值到联合类型的转换，避免了手动定义每个类型的繁琐过程。

HTML - 资源提示符

这篇文章介绍了HTML中的资源提示符，解释了async和defer属性在script标签中的使用，它们允许脚本的异步下载，而不会阻塞DOM的解析。文章还讨论了link标签的preload和prefetch属性，用于预加载和预取资源，以及如何使用type="module"属性来加载模块化JavaScript，以实现浏览器兼容。