qq_31261131的博客

1.Time Slicing 时间分片 官方说明是可以进行异步的渲染，不会阻塞当前的线程，当cpu足够用的话，看起来是同步渲染的，当cpu很吃紧的时候，会看到有点卡顿，但不至于卡死，对于开发者透明，不影响开发过程。 原理暂时没搞明白，渲染的方式肯定还是同步的渲染下来，至少父子组件的渲染是同步，猜测是把渲染任务推到任务队列里，然后一个个去执行，如果主线程很忙就会执行频率降低，如果主线程不忙就...

optimization: { splitChunks: { chunks: "async", // 必须三选一： "initial" | "all"(推荐) | "async" (默认就是async) minSize: 30000, // 最小尺寸，30000 minChunks: 1, // 最小 chunk ，默认1 maxAsyncRequests: 5, //...

React通过引入Virtual DOM的概念，极大地避免无效的Dom操作。将时间复杂度从O3降到了O1，归功于react的 diff策略。 实现原理： Web UI中DOM节点跨层级的移动操作特别少，可以忽略不计。 拥有相同类的两个组件将会生成相似的树形结构，拥有不同类的两个组件将会生成不同的树形结构。 对于同一层级的一组子节点，它们可以通过唯一 id 进行区分。 在上面三个策略的基础上...

create-react-app是一个非常方便的搭建react应用的插件，它帮你直接配置好了许多常用的模块如react，webpack，webpack-devserver，babel，eslint，fetch，css-loader等，并且这些配置一开始时是被隐藏的。 npm install -g create-react-app 安装此插件 使用命令 create-react-app myap...

本文章只讲详细步骤不解释原因，只为记录搭建过程，以便将来使用。 1.安装node6.0以上 2.npm i -g create-react-app 3.create-reacte-app my-app 4.cd my-app 5.npm run eject 6.npm i --save jquery react-bootstrap redux react-redux react-rou...

在js中，import可以导入另个文件中的export的东西。而需要注意的地方是，js仿佛有着Spring容器一般东西，任何东西只要被导入一次过，在下一次导入（比如在另一个js文件里又导入了同一个东西），那么这两个东西是同一个。因此，基于这一点，在js中我们可以非常自然地做到单例模式。比如如果我们需要一个数据的容器 DataPool，并且我们希望这个容器是全局唯一，全局可访问的，那么我们可以在一个...

function bind(component,arr){ const _com={}; arr.forEach(item => { _com[item]=component.item; Object.defineProperty(component,item,{ get:function(){ ...

class MyPromise { constructor(func) { this.task = []; this.errTask=undefined; this.ball = null; this.status=undefined; setTimeout(() => { f...