高山景行，一尘不染

1、你了解diff算法吗？如果oldVnode有子节点而VNode没有，则删除el子节点如果oldVnode没有子节点而VNode有，则将VNode的子节点真实化后添加到el如果两者都有子节点，则执行updateChildren函数比较子节点

②：如果没有的话，它就在该对象的__proto__下查找，因为__proto__这个属性是指向对应的构造函数身上的protytpe，把它查找的时候找的就是构造函数的原型。③：如果原型身上也没有的话，那它会继续往外面找，直到找到最顶层的Object身上的prototype，如果都没有，则返回undefined。当读取实例的属性时，如果找不到，就会查找与对象关联的原型中的属性，如果还查不到，就去找原型的原型，一直找到最顶层为止。当我们调用一个对象身上的属性或者方法的时候，他就会有一个查找规则。

Loader 是webpack中提供了一种处理多种文件格式的机制，因为webpack只认识JS和JSON，所以Loader相当于翻译官，将其他类型资源进行预处理。Plugin功能更强大，主要目的就是解决loader 无法实现的事情，比如打包优化和代码压缩等。Plugin加载后，在webpack构建的某个时间节点就会触发plugin定义的功能，帮助webpack做一些事情。实现对webpack的功能扩展。常见的Plugin有哪些html-webpack-plugin 处理html资源，默认会创建一个空的H

在 Vue3.0 中变量必须 return 出来，template中才能使用；而在 Vue3.2 中只需要在 script 标签上加上 setup 属性，无需 return，template 便可直接使用，非常的香啊！setup 语法糖中可直接使用 await，不需要写 async ， setup 会自动变成 async setup。提示：以下是本篇文章正文内容，下面案例可供参考。...

reducer 接收两个参数，state，action。加入hooks，让react函数组件更加的灵活。类似生命周期函数，可以把useEffect看做。在跨组件层级获取数据时简化获取数据的代码。是一种让函数组件保存状态的方式。

React和Vue都是流行的前端框架，它们各自实现了diff算法来优化虚拟DOM的更新过程。

一、防抖节流函数1、防抖函数：场景：在某段时间内，无论触发了多少次回调，都只执行最后一次 // fn：需要执行的函数 // wait：是时间间隔 const throttle = (fn, wait = 50) => { // 上一次执行 fn 的时间 let previous = 0; // 将 throttle 处理结果当作函数返回 return function (...args) { // 获取

解决技术产出的问题，技术产出和业务的好坏相关的，上线用户行为监控可以统计某个功能模块的具体使用情况，如果产品经理提出同类型产品需求的时候，如果上次产品效果不好，我们可以质疑产品经理提出的需求是否具有价值。在后端突然上线了某个需求，某个接口的数据格式发生了变化，造成lavaScript运行错误，导致我们的用户比如按钮点不动、页面白屏之类的错误，影响用户体验。测是不是接口返回速度过慢，直接去和后端沟通的话，没有数据支撑，无法使后端同学信服，最终影响用户体验。性能监控（监控页面的性能）

来进行监听这个有点类似于const，他是定义一个无法修改的内存指针 (不知道这么叙述是否准确) ，但const定义的这个内存指针指向的内存地址的内容是可变的。proxy就是去监听ref定义的这个对象，以此来监听ref.value这个值的变化。关于ref，因为proxy。包裹成一个对象的形式。

二者的值都是GMT格式的时间字符串， Last-Modified 标记最后文件修改时间， 下一次请求时，请求头中会带上 If-Modified-Since 值就是 Last-Modified 告诉服务器我本地缓存的文件最后修改的时间，在服务器上根据文件的最后修改时间判断资源是否有变化， 如果文件没有变更则返回 304 Not Modified ，请求不会返回资源内容，浏览器直接使用本地缓存。JS是单线程，也就是说，在同一个时间内只做一件事，所有的任务都需要排队，前一个任务结束，后一个任务才能开始。

变量str被推断为字符串类型，这种推断发生在初始化变量和成员，设置默认参数值和决定函数返回值时，如果由于缺乏声明而不能推断出类型，那么它的类型被视作默认的动态any类型。断言与类型守卫的概念非常相似，都是确定参数的类型，但断言更加霸道，它是直接告诉编辑器，这个参数就是这个类型，而类型守卫更像确定这个参数具体是什么类型。在上下文中当类型检查器无法断定类型时，一个新的后缀表达式操作符!通过类型批注提供在编译时启动类型检查的静态类型，这是可选的，而且可以忽略而使用JavaScript常规的动态类型。

1、文字超出显示为省略号//单行：overflow: hidden;text-overflow:ellipsis;white-space: nowrap;//多行：display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;2、水平垂直居中// 第一种 .parent { display: flex; justify-conte

1、如何实现继承？继承方式有哪些？class类继承 完美 原型链继承 缺点：内存空间是共享的，基本数据类型字符串没有跟着发生变化，但是引用类型的值会跟着变化 构造函数继承 缺点：能继承父类的实例属性和方法，不能继承原型属性或者方法 组合继承（原型链和构造函数组合）缺点： 拷贝继承、深拷贝浅拷贝详细介绍见：https://liulibin.blog.youkuaiyun.com/article/details/114361886...

http2通过gzip与compress对头部进行压缩，并且在客户端与服务端各维护了一份头部索引表，只需要根据索引id就可以进行头部信息的传输，缩小了头部容量，间接提升了传输效率。：http1一个连接只能提交一个请求，而http2可以同时处理无数个请求，可以降低连接的占用数量，进一步提升网络的吞吐量。降低请求量：合并资源，减少 HTTP 请求数，minify / gzip 压缩，webP，lazyLoad。http 传输的数据都是未加密的，也就是明文的，设置了 SSL 协议来对 http 协议。

一、batchUpdate和setState核心要点：setState主流程 batchUpdate机制 transaction事务机制左边分支对应左边的图，右边分支对应右边的图setState异步还是同步？setState无所谓异步还是同步 看是否命中batchUpdate机制 判断isBatchingUpdates那些能命中batchUpdate机制？生命周期（和它调用的函数） React中注册的事件（和它调用的函数） React可以“管.

1、reactfiber1、reactfiber这里说的是react16之前的版本，也就是说16之前没有加入fiber。假设我们的dom结果非常复杂，react在递归进行渲染时一定会非常耗时；而这段代码又是同步执行，。大家都知道浏览器是单线程，js线程和ui线程互斥，假设运行的时间足够久，那么浏览器就必须一直等待，严重情况下浏览器还可能失去响应。当然，react团队大佬云集，不至于说react会在渲染上严重卡顿。但在极端情况下，react在渲染大量dom节点时还是会出现丢帧问题，这个现象大家可以对比。

举例来说明：封装hookimport { useState, useEffect } from 'react'import axios from 'axios'// 封装 axios 发送网络请求的自定义 Hookfunction useAxios(url) { const [loading, setLoading] = useState(false) const [data, setData] = useState() const [error, setError

一、dns解析URL中的域名对应的IP地址流程1、浏览器中输入域名（例如：www.baidu.com），操作系统会先查hosts文件是否有记录，有的话就会把相对应映射的IP返回。2、hosts文件没有的话就去查本地dns解析器有没有缓存3、然后去找计算机上配置的dns服务器上有没有缓存4、还没有的话就去找根DNS服务器（全球13台，固定ip地址），然后判断.com域名是哪个服务器管理，如果无法解析，就查找.baidu.com服务器是否能解析，直到查到www.baidu.com的ip地址注意：d

react16到18增加了那些api，解决了那些问题

setup函数，vue3入门知识点整理，ref, reactive, toRef, toRefs, watch, watchEffect等使用案例

一、让函数组件模拟生命周期默认函数组件没有生命周期 函数组件是一个纯函数，执行完即销毁，自己无法实现生命周期 通过Effect hook把生命周期“钩”到纯函数中 // 模拟 class 组件的 DidMount 和 DidUpdate useEffect(() => { console.log('在此发送一个 ajax 请求') }) // // 模拟 class 组件的 DidMount useEffect(() => {

一、shouldComponentUpdateshouldComponentUpdate(nextProps, nextState) { return true;}nextProps: 表示下一个props nextState: 表示下一个state的值。默认返回true，让react执行更新举例： constructor(props) { super(props); this.state = {count: 1}; } shouldCompone