Leon1479734284000

scrollTop、clientHeight、 scrollHeight、offsetWidth等等，您是不是还对这些JavaScript web API的概念理解不清楚，那么读完本文您可能理解啦~

渲染十万条数据有三种解决方案，为虚拟列表、懒加载、时间分片。最优选是虚拟列表，DOM 树上只挂载有限的DOM；懒加载和时间分片的缺点在于插入大量的DOM，占内存运行时会造成卡顿

react组件在绑定函数时，通常有三种方法，此文将对三种方法性能和写法展开写... js里面的this绑定是代码执行的时候进行绑定的，而不是编写的时候，所以this的指向取决于函数调用时的各种条件。 来看上面这个例子，运行点击按钮，发现程序报错，即this指向不是所在类。由于类…

react 强制刷新 component.forceUpdate() 一个不常用的生命周期方法, 它的作用就是强制刷新 官网解释如下 默认情况下，当组件的 state 或 props 发生变化时，组件

在前端开发的过程中，我们经常会需要绑定一些持续触发的事件，如 resize、scroll、mousemove 等等，但有些时候我们并不希望在事件持续触发的过程中那么频繁地去执行函数。 通常这种情况下我们怎么去解决的呢？一般来讲，防抖和节流是比较好的解决方案。 让我们先来看看在事…

概念： 在事件被触发n秒后再执行回调，如果在这n秒内又被触发，则重新计时。 生活中的实例： 如果有人进电梯（触发事件），那电梯将在10秒钟后出发（执行事件监听器），这时如果又有人进电梯了（在10秒内再次触发该事件），我们又得等10秒再出发（重新计时）。 概念： 规定一个单位时间…

据说阿里有一道面试题就是谈谈函数节流和函数防抖。 糟了，这可触碰到我的知识盲区了，好像听也没听过这2个东西，痛定思痛，赶紧学习学习。here we go！ 可以看到，我们只要按下键盘，就会触发这次ajax请求。不仅从资源上来说是很浪费的行为，而且实际应用中，用户也是输出完整的字…

要想学习useMemo必须要先知道React.memo这两者都有一定的优化作用memo的作用当数据变化时，代码会重新执行一遍，但是子组件数据没有变化也会执行，这个时候可以使用memo将子组件封装起来，

前段时间一直在研究react ssr技术，然后写了一个完整的ssr开发骨架。今天写文，主要是把我的研究成果的精华内容整理落地，另外通过再次梳理希望发现更多优化的地方，也希望可以让更多的人少踩一些坑，让跟多的人理解和掌握这个技术。 相信看过本文（前提是能对你的胃口，也能较好的消化…