一级退堂鼓专家

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

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

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

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

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

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

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

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

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

一：什么是指令？ 在vue中，看到v-开头的行内属性，都是指令，不同的指令可以完成或实现不同的功能。 二：如何实现？ 注册一个自定义指令有全局注册和局部注册 全局注册Vue...

一：修饰芙是什么？ 是用于限定类型以及类型成员的声明的一种符号 vue修饰符处理了许多dom事件的细节，让我们不需要去处理，而是能有更多的精力专注于程序的逻辑处理。 修饰符...

### 一：keep-alive是什么？ keep-alive是vue内置组件，能够在组件切换过程中将状态保存在内存中，防止重复渲染DOM。 keep-alive包裹动态组...

一：key是什么？ 用+new Date（）生成的时间戳作为key，手动强制触发重新渲染。 key是给每一个vnode的唯一id，也是diff的一种优化策略，可以根据key...

一：Observable是什么？ 可观察的 让一个对象变成响应式数据。Vue内部会用它来处理data函数返回的对象。 vue2中，被传入的对象会直接被Vue.observa...

在调用beforeCreate之前，数据初始化并未完成，像data，props这些属性无法访问到 到了created的时候，数据已经初始化完成，能够访问data、props...