前端语法微探
未读
「前端语法探微」- 从基础到面试的深度拆解
本栏目旨在技术分享，关注前端语法探微，从基础到面试深度拆解。内容包括代码记忆存档，系统梳理HTML5/CSS3/ES6基础细节，建立可检索的知识快照；以及面试弹药库，聚合高频基础题陷阱，标注个人理解与验证过程。特别提醒，学习笔记为私人向，内容结构可能跳跃，含AI辅助整理内容，关键结论需二次验证。代码示例保留原始错误写法，通过对比呈现优化思路。更新时间随缘。
技术分享
未读
Vue 3 defineModel ：告别繁琐的 v-model 绑定！
摘要：
本文介绍了Vue 3中新增的defineModel宏，它用于在组件中快速声明一个可以与父组件通过v-model双向绑定的模型。通过defineModel，可以简化传统自定义v-model的繁琐代码，并支持TypeScript类型推导、兼容Vue 2的v-model行为。文章详细展示了defineModel的使用方式，包括父组件和子组件的写法、内置修饰符和自定义修饰符的扩展，以及转换器的使用。同时，也提醒了使用defineModel时需要注意的事项。本文旨在帮助开发者更好地理解和使用defineModel，提高工作效率。
技术分享
未读
unplugin-auto-import && unplugin-vue-components 的使用
本文介绍了两个插件：unplugin-auto-import和unplugin-vue-components的使用方法和优势。这两个插件均能实现依赖的自动导入，提高开发效率。其中，unplugin-auto-import可以自动导入API，而unplugin-vue-components则可以自动导入组件。安装配置简单，安装完成后在vite.config.ts中进行配置即可使用。通过这两个插件，开发者可以更加便捷地使用vue和其他依赖库，无需频繁导入。此外，文章还提供了两个技术分享的链接供参考。
技术分享
未读
vite-plugin-mock && mockjs 的模拟数据使用
摘要：
本文介绍了在使用基于Vite构建的前端项目中，如何使用mock模拟数据以及简化连接过程的方法。文章首先解释了为什么需要在项目中配置mock模拟数据，并提供了安装和使用相关插件的步骤。接着，详细描述了如何配置和使用vite-plugin-mock插件，包括常用的配置参数及其作用。此外，文章还介绍了如何在项目的mock文件夹中创建模拟接口文件，并提供了简化生成模拟数据对象的示例。同时，对于如何使用mockjs生成模拟数据，也给出了具体的解释和示例代码。最后，通过其他文章的链接提供了更多相关的知识和技术分享。关键词为技术分享、vite-plugin-mock和mockjs的模拟数据使用、Vite、插件。
技术分享
未读
vite-plugin-pages 自动生成路由
摘要：
本文主要介绍了如何使用vite-plugin-pages插件在项目中自动生成路由。首先，需要安装vue-router和vite-plugin-pages插件。然后，在vite.config.js中配置插件，包括指定包含页面组件的目录、排除某些文件等。接下来，可以在router/index.js中创建路由。该插件会自动将文件从指定目录映射到同名路径，并支持基本路由、索引路由、动态路由和嵌套路由的生成规则。此外，还介绍了catch-all路由的用法。最后，提供了一些相关文刊借鉴。该文主要面向开发者和工程师，分享了一种方便快捷的路由生成方式。