labulakaCai

3.Vue 的这个 DOM Diff 过程就是一个查找排序的过程，遍历 Virtual DOM 的节点，在 Real DOM 中找到对应的节点，并移动到新的位置上。不过这套算法使用了双向遍历的方式，加速了遍历的速度，更多请戳； 2.通过js的事件绑定程序 addEventLis…

这是我参与8月更文挑战的第4天，活动详情查看：8月更文挑战 一、TypeScript是什么？ TypeScript 是一种开源语言; TypeScript 也是一种保留JavaScript 运行时行为

上回就已经承诺过大家，一定会出 HTTP 的系列文章，今天终于整理完成了。作为一个 web 开发，HTTP 几乎是天天要打交道的东西，但我发现大部分人对 HTTP 只是浅尝辄止，对更多的细节及原理就了解不深了，在面试的时候感觉非常吃力。这篇文章就是为了帮助大家树立完整的 HTT…

描述requestAnimationFrame产生背景与使用方式，将它与传统动画实现方式做对比。

写在前面还⭐的基于react-hooks和react-virtualized写的虚拟滚动搭配上拉下滑加载的scroll组件🌟🌟https://github.com/DavidWong9785/reac

如何让鼠标拖拽流畅自然, 碰到这样的朋友可以看看

昨天上午接了一个电话面试，聊着聊着接说到了性能优化，然后面试官问到了长列表。其实之前做过的都只是简单的分页处理，但面试官问的肯定不是这个咯，他关心的是虚拟列表，大概以前粗略看过这个效果的实现源码，虽然我自己没实现过但有一些自己的想法，于是blablabla......，可能碍于…

最近团队需要做一个智能客服悬浮窗功能，需要支持拖动、放大缩小等功能，因为这个是全局插件，为了兼容性考虑全部使用原生 JS 实现，不引用任何第三方库或者插件。开发过程中遇到的一些问题及解决方法，在这里和大家分享交流一下。 看这个效果，相信大部分开发都会觉得实现起来比较容易。在实际…

1. 普通数据渲染 2. SetTimeout分组分时渲染 利用setTimeout函数开启一个新的执行线程（异步），防止主线程因渲染大量数据导致阻塞。 3. RequestAnimationFrame分组分时优化渲染 无需计算回调时间，动画的流畅性更有保障。 无论是setTi…