Vue中的nextTick涉及到Vue中DOM的异步更新，感觉很有意思，特意了解了一下。其中关于nextTick的源码涉及到不少知识，nextTick 是 Vue 的一个核心实现，在介绍 Vue 的 nextTick 之前，为了方便大家理解，我先简单介绍一下 JS 的运行机制。…

缺点：颗粒度太粗，看不出问题所在。 思路：将react, react-dom, redux, react-redux基础包和业务基础打包成一个文件。 方法：创建一个单独的配置文件,一般命名为webpack.dll.js,使用DLLPlugin进行分包，DllReferenceP…

目标是写一个非常详细的关于diff的干货，所以本文有点长。也会用到大量的图片以及代码举例，一起来get吧。 先来了解几个点... 1. 当数据发生变化时，vue是怎么更新节点的？ 要知道渲染真实DOM的开销是很大的，比如有时候我们修改了某个数据，如果直接渲染到真实dom上会引起…

数组拍平树节点广度优先遍历限制最大并发请求数手写防抖手写apply判断数据类型方法设计一套浏览器缓存机制彻底理解浏览器的缓存机制eventloop顺序题JavaScript事件循环虚拟滚动实现原理只显

在浏览器中，有一个模块是将页面变成可视化，这就是浏览器内核，通常也称为渲染引擎。 WebCore部分包含了目前被各个浏览器所使用的WebKit共享部分，这些都是加载和渲染网页的基础部分，具体包括HTML解释器，CSS解释器，SVG，DOM，渲染树，以及Inspector。 We…

这两年小程序开发火爆，小程序推荐使用的rpx单位，即：750的设计稿，1rpx=1px，750rpx=100vw=100%，这个方案最大的好处在于，设计稿标记的尺寸可以直接用来写css，不需要任何工具计算，开发者无需考虑兼容问题，都由小程序自己去兼容。 这给了我们团队一个启发：…

欢迎来我的博客阅读：「谈谈像素以及微信小程序的 rpx」 前言 最近在负责有赞的某个业务的微信小程序开发，这是我第一次着手微信小程序的开发，这个过程中发现微信小程序所定义的一套 WXSS (WeiXin Style Sheets) 中有一个有趣的长度单位 rpx，即 respo…

其实在很多文章都会写call，apply，bind的应用和区别，但是总感觉不是要的东西，所以自己总结一下，继续关注我，后续我会仔细讲解call，apply，bind的内部实现。喜欢的可以关注 首先，要明白这三个函数的存在意义是什么？答案是改变函数执行时的上下文，再具体一点就是改…

系统总结了面试遇到的一些知识点，不管是查漏补缺还是面试学习，都是很好的资料。里面涉及到前端相关的各种考点，学起来！