2024-04-29
Nuxt3 实战 (六)：Footer 底部布局
这篇文章介绍了在Nuxt3项目中开发Footer底部布局的步骤，包括创建组件AppFooter.vue，并添加了备案号、图标以及社交按钮链接等内容。
2024-04-25
Nuxt3 实战 (五)：Header 头部布局
这篇文章介绍了在Nuxt3项目中实现Header头部布局的实战过程，包括布局组件的拆分、Logo和网站图标的准备，以及如何添加Nuxt UI布局和实现白天暗黑模式切换组件。
2024-04-22
JS 分片任务的高阶函数封装
这篇文章介绍了在实际业务开发中，如何处理渲染大量元素导致的页面卡顿问题。文章通过问题复现，分析了浏览器渲染原理，并提出了使用分片任务执行的方法。文章详细介绍了如何使用requestIdleCallback API实现分片任务，并封装成高阶函数，以便开发者针对不同任务进行自定义分片处理。同时，文章也涉及了浏览器渲染原理和requestIdleCallback API的用法。
2024-04-08
Nuxt3 实战 (四)：安装 Nuxt UI 和配置 Typescript 类型检查
这篇文章介绍了如何在Nuxt3项目中安装Nuxt UI和配置Typescript类型检查，包括组件库的选择、安装Nuxt UI、配置模块、在应用中使用组件和可组合函数，以及处理相关错误和配置类型检查。
2024-04-05
Nuxt3 实战 (三)：使用 release-it 自动管理版本号和生成 CHANGELOG
这篇文章介绍了如何使用release-it工具来自动管理Nuxt3项目的版本号和生成CHANGELOG。内容包括release-it的功能、前置知识、安装依赖、配置文件编写以及如何增加版本号、提交Git、生成变更日志并推送到远程仓库和发布到npm等软件仓库。
2024-04-01
Nuxt3 实战 (二)：配置 Eslint、Prettierrc、Husky等项目提交规范
这篇文章介绍了在Nuxt3项目中配置Eslint、Prettierrc、Husky等工具来规范项目提交，以确保代码一致性、可读性，减少错误和缺陷，提高软件质量。文章强调了团队协作效率、代码结构清晰、项目管理的便捷性以及软件稳定性和可靠性。同时，详细说明了各工具的作用，如静态代码分析、代码格式化、错误和风格检测以及Git Hook工具，并给出了Nuxt3项目中配置Eslint的具体步骤和示例。