前端

简要回答 用组件唯一的 id（一般由后端返回）作为它的 key，实在没有的情况下，可以在获取到列表的时候通过某种规则为它们创建一个 key

简要回答 虚拟dom就是用一个原生的 JS 对象去描述一个 DOM 节点 虚拟DOM算法操作真实DOM，性能高于直接操作真实DOM，虚拟DOM和虚拟DOM算法是两种概念。虚拟DOM算法 = 虚拟DOM

简要回答 1、组合API Composition API通过setup选项来组织代码 setup(props, context) {}，之前的2.x版本采用的是Options API选项API

vue3.0 diff算法思想 编译模版时进行静态分析，标记动态节点，diff对比差异时仅对比动态节点（性能提升明显）； diff算法先去头去尾，借此缩短遍历对比数组长度（对数组插入和删除操作性能优化

简要回答 vue采用数据劫持结合发布者-订阅者模式的方式，通过Object.defineProperty()来劫持各个属性的setter，getter，在数据变动时发布消息给订阅者，触发相应的监听回调

简要回答 计算属性computed：适合用在模板渲染中，某个值是依赖了其它的响应式对象甚至是计算属性计算而来

简要回答 父传子：props 子传父：$emit、ref 兄弟：EventBus 多级或跨级：Vuex、EventBus、provide / inject、$attrs/$listeners

state => 基本数据 getters => 从基本数据派生的数据 mutations => 提交更改数据的方法，同步！ actions => 像一个装饰器 modules => 模块化

cookie数据始终在同源的http请求中携带，而webStorage不会在请求中请求，仅仅在本地存储

1、设置宽高，然后用border去画  2、设置宽高，然后用border-width、border-style去画

简要回答 css中的盒子模型包括IE盒子模型和标准的W3C盒子模型 CSS盒子模型组成：外边距（margin）、边框（border）、内边距（padding）、内容（content）

简要回答 new的作用是通过构造函数来创建一个实例对象 创建一个空对象 继承了该函数的原型（为步骤1新创建的对象添加属性__proto__，将该属性链接至构造函数的原型对象 ）

简要回答 强制缓存就是向浏览器缓存查找该请求结果，并根据该结果的缓存规则来决定是否使用该缓存结果的过程，强制缓存的情况主要有三种(暂不分析协商缓存过程)

浏览器渲染的过程主要包括以下五步 构建DOM树，浏览器将获取的HTML文档解析成DOM树。 构建CSSOM树，处理CSS标记，构成层叠样式表模型CSSOM(CSS Object Model)。 样式，

简洁回答 改变函数执行时的this指向 call/apply：fun执行的结果 bind：返回fun的拷贝，并拥有指定的this值和初始参数 apply第二个参数为数组，数组内的值为传给fun的参数

事件循环的顺序，决定js代码的执行顺序。进入整体代码(宏任务)后，开始第一次循环。接着执行所有的微任务。然后再次从宏任务开始，找到其中一个任务队列执行完毕，再执行所有的微任务。

html5有哪些新特性、移除了那些元素？ 新增功能：HTML5 现在已经不是 SGML 的子集，主要是关于图像，位置，存储，多任务等功能

html css JavaScript vue webpack nodejs react 网络 设计模式 其他

笔记来自https://blog.csdn.net/qq_41139830/article/details/82860616

以上的笔记来源： https://github.com/sisterAn/blog/issues/33