摘要：
一、为什么要用 fiber架构 在react16 之前，react是用 diff 算法对vitrulDom进行对比更新渲染，这种 diff 算法对比 如果遇到需要大量时间执行的方法任务时，就会造成页面卡顿 二、什么是 fiber 架构 fiber架构简单点说就是 任务切片（一个耗时任务在浏览器空闲时 阅读全文
摘要：
commitLink 是一个 git 代码提交规范工具，能规范团队成员代码必须按照 规范提交 1、安装依赖： npm install --save-dev @commitlint/config-conventional @commitlint/cli 依赖安装完成之后，会生成一个 commitLin 阅读全文
摘要：
接口概念：接口主要是做类型规范约束，在进行传值的时候必须按照接口规范类型 接口语法： interface 接口名 { xxx } 例： interface Person{ name:string } // 定义一个接口 此处定义规范 interface IPerson{ firstName : st 阅读全文
摘要：
useContext 概念：useContext 创建上下文，主要是解决组件跨级通信、传值 示例： 步骤1、使用 creatContext 方法创建一个 context 实例对象（通常在组件树的顶层） import React from 'react'; const MyContext = Reac 阅读全文
摘要：
一、useMemo 概念：useMemo 主要用于性能优化，减少不必要的计算，返回一个 计算结果（一般情况下会是非常耗性能的复杂计算，有点像vue 里的 computed 计算属性） 用法： const mapResult = useMemo(()=>{ return ( Arr.map(item 阅读全文
摘要：
 阅读全文
摘要：
websocket 是什么？ websocket 是一种通信协议，只需一次http握手就可以建立持久连接，并且能进客户端与服务端行双向通信，它允许服务端主动给客户端推送消息。 websocket 如何建立？ websocket 是现代浏览器的一个内置对象，通过一个构造函数 new Websocket 阅读全文
摘要：
XSS是什么？ XSS攻击又称 跨站脚本攻击。 定义：攻击者给前端页面植入一段恶意代码，欺骗用户操作发送到服务器，服务器返回到前端，浏览器解析之后能被执行，从而获取用户信息，以及冒充用户向服务器发起请求。 如何防御？ 1、把用户端提交的信息中保护特殊字符进行转义， 如: 例如下面这段代码就会被浏览器 阅读全文
摘要：
是什么？ 浏览器解析的DOM树和CSSOM树，接着对DOM树进行遍历，拿到DOM节点，然后再从CSSDOM树中拿到相应节点的样式，最后生成渲染树。 回流：渲染树生成之后，每个节点元素的具体位置、大小的计算，然后渲染在浏览器，这个过程就叫回流 重绘：每个节点元素的像素点渲染在浏览器的过程就叫重绘（如背 阅读全文
摘要：
先来看一张图，整的明明白白 简单地说： 宏任务：针对浏览器/node所发起的任务 微任务：JS函数回调（异步函数） 执行顺序：微任务 > 宏任务 再看一段代码 代码解读： JS代码是单线程，从上至下执行 1、setTimeout 是一个宏任务定时器跳过，等50ms后执行 2、new Promise 阅读全文