A吴迪网络工作室

虚拟DOM的介绍： 虚拟DOM就是一个真实DOM转换的JS对象。 虚拟DOM的机制： 在浏览器端用JavaScript实现了一套DOM API。基于React进行开发时所有的DOM构造都是通过虚拟DOM进行，每当数据变化时，React都会重新构建整个DOM树，然后React将当前...

一部分叫做reconciliation(调和)， 另一部分为Rendering(渲染)。 通过这俩部分，React用当下越来越廉价的计算成本去替代多余并且昂贵的DOM操作来提升整个web app的性能。  我们知道每个React component都有自己的render方法，组件...

Fiber能够使得动画、布局和页面交互变得更加的流畅。  React Fiber是react执行渲染时的一种新的调度策略，JavaScript是单线程的，一旦组件开始更新，主线程就一直被React控制，这个时候如果再次执行交互操作，就会卡顿。  React Fiber就是通过对象...

diff算法是在render里面进行计算的。传统的diff算法： 计算一棵树形结构转换为另一颗树形结构需要最少步骤，如果使用传统的diff算法通过循环递归遍历节点进行对比，其复杂度要达到O(n^3)，其中n是节点总数，效率十分低下，假设我们要展示1000个节点，那么我们就要依次执...

React16之前对virtural dom的更新和渲染是同步的。就是当一次更新或者一次加载开始以后，diff virtual dom并且渲染的过程是一口气完成的。如果组件层级比较深，相应的堆栈也会很深，长时间占用浏览器主线程，一些类似用户输入、鼠标滚动等操作得不到响应。Reac...

如果你还没有安装nodejs请先下载一个nodejs，否则你是无法使用npm命令的。typescript - - 参数类型检查prop-types --参数类型检查 下载包：npm i prop-types -Sclassnames --使项目中的css类名动态化。 下载包：np...

1.2.

前端移动端开发的时候肯定是会面对不同型号的手机的页面展示问题的，今天给大家推出另外一种自适应不同移动端的方法，使用vw，vh单位。vw和vh是根据设备的宽度和高度来决定的，设备的宽就是100vw，设备的高就是100vh， 你设置的50vw就是相当于设备宽度的50%，你设置的100...

注意：该知识点属于性能优化领域。性能问题越来越成为前端火热的话题，因为随着项目的逐步变大，性能问题也逐步体现出来。为了提高用户的体验，减少加载时间，工程师们想尽一切办法去优化细节。 在这几个章节中不会提及浏览器、Webpack、网络协议这几块如何优化的内容，如果你想学习这几块该如...