一级退堂鼓专家

一：项目创建 使用vite新建项目完成之后 初始项目完成。 二：初始化项目配置 一：安装&配置eslint 初始化完成,自动生成eslint.config.js文件 添加vite-plugin-esl

一：组件设计 组件就是把图形，非图形的各种逻辑均抽象为一个统一的概念（组件）来实现开发的模式 一个灵活的，足够抽象的组件可以使我们提高编码效率，规范代码，统一UI风格 二：目录结构 参考网站：http

单行文本溢出省略 text-overflow: ellipsis; 规定当文本溢出时，显示省略符号来代表修剪的文本 white-space：nowrap; overflow：hidden; 多行文本溢

css作为页面渲染和内容展现的重要环节，影响着用户对整个网站的第一体验。 一：实现方式 内联首屏关键css 异步加载css 资源压缩 合理使用选择器 减少使用昂贵的属性 不要使用@import 资源压

一：vue3介绍 尤大：首先新的js语言特性在主流浏览器中的受支持水平。其次是当前代码库中随时间推移逐渐暴露出来的一些设计和架构问题 总结起来就是： 1，利用新的语言特性（es6） 2，解决架构问题

一：为什么要划分？ 项目结构清晰会提高开发效率，熟悉项目的各种配置同样会让开发效率更高 在划分项目结构的时候，需要遵循一些基本的原则： 文件夹和文件夹内部文件的语义一致性 单一入口/出口 就近原则，紧

一：是什么？ diff算法是一种通过同层的树节点进行比较的高效算法 其中有两个特点： 比较只会在同级进行，不会垮级别比较 在diff比较过程中，循环从两边向中间比较 diff算法在很多场景下都有应用，

一：什么是虚拟DOM 虚拟DOM是对真实DOM的抽象，以js对象（VNode节点）作为基础的树，用对象的属性来描述节点，最终可以通过一系列操作使这棵树映射到真实环境上。 在js对象中，虚拟DOM表现为

一：是什么？ vue3中已经废弃filter 过滤器实质不改变原始数据，只对数据进行加工处理后返回过滤后的数据再进行调用处理。 vue允许自定义过滤器，用于一些常见的文本格式化 二：怎么用？ 双花括号