shawnlzhang

工作以来，处理过css、js、canvas、骨骼动画，这些背后的原理都是通过把每一帧（瞬间）的静止图像组合起来，以一定频率（速率）播放这些图像形成动画。 详细一点解析：动画可以拆分成每一帧，当前帧（静态）图像的属性数据或者形态（形状）的变更，把这样很多帧连贯起来，就形成动画。 …

时光回到38年前，就是1982年，HTML诞生，从此开辟了计算机领域的前端时代，13年后，第一个前端可视化IDE诞生，他就是Frontpage，又两年后，大名鼎鼎的Dreamweaver诞生，垄断了前端可视化IDE许多年。此后，前端可视化这片江湖可谓风起云涌，一茬又一茬的斗士奋…

自从 2018 年 2 月，webpack4 发布以来，webpack 就暂时没有更进一步的重大更新，为了保持 API 的一致性，旧的架构没有做太多改变，遗留了很多的包袱。阔别 2 年多后，2020 年 10 月 10 日，webpack 5 正式发布，并带来了诸多重大的变更，…

众所周知，JavaScript引擎是单线程的，这意味着所有的操作都会在主线程当中发生。 尽管浏览器内核是多线程的，但是负责页面渲染的UI线程总是会在JS引擎线程空闲时（执行完一个macro task）才会执行。 这意味着如果页面当中包含某些计算密集的代码时，因为JS引擎是单线程…

我们先了解diff方法的运行规则和前提方法. sameVnode函数用来进行判断是否是同一个vnode元素。 每次遍历的过程中可能存在"新数组节点新增/旧数组节点删除"，那么前后对比就满足不了条件。这里逻辑会进入索引比较; 那么，循环中会执行一遍 创建旧数组的索引对象。 会存在…