eslint是识别和报告js代码模式匹配的工具,目标是保证代码的一致性和避免错误。eslint作用: js代码语法校验 js代码格式校验 安装 用yarn安装eslint 设...

eslint是识别和报告js代码模式匹配的工具,目标是保证代码的一致性和避免错误。eslint作用: js代码语法校验 js代码格式校验 安装 用yarn安装eslint 设...
微前端概述 微前端就是将应用拆分成多个子应用,主应用再加载这些子应用。核心就是先拆后合。 微前端解决的问题 技术栈不同 独立开发,独立部署 微前端方案 iframe:通过if...
第三轮遍历(oldFiber没遍历完且newChildren没遍历完): 把剩下的oldFiber放入existingChildren中; 声明lastPlacedIndex...
更新可以设置优先级,在处理更新的时候可以指定渲染优先级,高于指定渲染优先级的更新才能渲染。React中使用lane(车道)表示任务优先级,共有31个lane,数字越小优先级越...
事件传播和事件委托 添加事件处理程序的方式:element.addEventListener('click',(event)=>{}),event为事件对象。缺省是冒泡阶段触...
需求:渲染十万条数据,每条数据的内容是一个序号。 方案一:一次渲染 执行过程: script执行,打印js execute time: 491ms; GUI渲染线程开始工作;...
为了理解hooks原理,我们遵循React运行流程,实现一个最简useState hook。 考虑如下例子: ClassComponent是有实例的而FunctionComp...
什么是函数式编程 函数式编程的概念诞生在二十世纪五十年代,近些年函数式编程获得越来越多的关注,很多语言加入了函数式编程的支持。比如java 8 加入了lambda表达式。 函...
setState在React事件处理函数中或React方法中是异步,在setTimeout, Promise等异步方法中或原生事件中是同步。 一些例子 React事件: 如上...