平凡之路1472172404620

1.前言 Elab掘金: React Fiber架构浅析 已对 React Fiber架构 实现进行了浅析。React内部实现了该方法 requestIdleCallback，即一帧空闲执行任务，但S

我们都知道React 16实现了新的调度策略(Fiber), 新的调度策略提到的异步、可中断，其实就是基于浏览器的 requestIdleCallback和requestAnimationFrame两个API。虽然React是自己实现了一套类似的requestIdleCallb…

页面是一帧一帧绘制出来的，当每秒绘制的帧数（FPS）达到 60 时，页面是流畅的，小于这个值时，用户会感觉到卡顿。 1s 60帧，所以每一帧分到的时间是 1000/60 ≈ 16 ms。所以我们书写代码时力求不让一帧的工作量超过 16ms。 帧开始。窗口尺寸变更，页面滚去等的处…

点击进入React源码调试仓库。 Scheduler作为一个独立的包，可以独自承担起任务调度的职责，你只需要将任务和任务的优先级交给它，它就可以帮你管理任务，安排任务的执行。这就是React和Scheduler配合工作的模式。 对于多个任务，它会先执行优先级高的。对于单个任务，…

在浏览器中，我们可以同时打开多个Tab页，每个Tab页可以粗略理解为一个“独立”的运行环境，即使是全局对象也不会在多个Tab间共享。然而有些时候，我们希望能在这些“独立”的Tab页面之间同步页面的数据、信息或状态。 正如下面这个例子：我在列表页点击“收藏”后，对应的详情页按钮会…

正常的开场本应该是“什么是Service Worker”，但Service Worker往往会和PWA被一同提起。无论屏幕前的你是有丰富PWA开发经验的大佬，还是从没有听过这个概念的小佬，本文都有义务讲清楚Service Worker和PWA的关系，在此假设大家仅仅是一个对Se…

最近整理了一份HTML/CSS/JS编码规范，供大家参考。 目录： 一、HTML编码规范 二、CSS编码规范 三、JS编码规范一、HTML编码规范1. img标签要写alt属性根据W3C标准，img标签要写alt属性，如果没有就写一个空的。但是一般要写一个有内容的，根据图片想要表…

网上看到一道 JavaScript 笔试题，感觉还挺有意思的，在此记录一番。 下面是 ES6 的实现方式，如果用 ES5 来写要在维护 this 方面多写一些代码。 吐槽一下，最近想换工作，一直在准备面试，复习的时候感觉前端能考到的知识点真是多啊。

最近对 html5小游戏有点兴趣，因为我感觉将来这个东西或许是前端一个重要的应用场景，例如现在每到某些节假日，像支付宝、淘宝或者其他的一些 APP可能会给你推送通知，然后点进去就是一个小游戏，基本上点进去的人，只要不是太抵触，都会玩上一玩的，如果要是恰好 get到用户的 G点，…