winwin

回流和重绘可以说是每一个web开发者都经常听到的两个词语，我也不例外，可是我之前一直不是很清楚这两步具体做了什么事情。最近由于部门内部要做分享，所以对其进行了一些研究，看了一些博客和书籍，整理了一些内容并且结合一些例子，写了这篇文章，希望可以帮助到大家。 本文先从浏览器的渲染过…

1. 视口 viewport viewport 解释为中文就是‘视口’的意思，也就是浏览器中用于显示网页的区域。在 PC 端，其大小也就是浏览器可视区域的大小，所以我们也不会太关注此概念；而在移动端，绝大多数情况下 viewport 都大于浏览器可视区，保证 PC 页面在移动浏…

几乎所有人都已经听说了V8引擎的概念，大多数人都知道JavaScript是单线程运行的或者说是使用回调队列的。 接下来，我们将详细的讲述这些概念，解释JavaScript到底是怎样运行的。当知道了这些细节后，你就能合理利用已有的API写出更好的，非阻塞的应用。 如果你是Java…

本文是作者 Tomek Sułkowski 发布在 medium 上的一个系列。 版权归原作者所有。 译者在翻译前已经和作者沟通得到了翻译整个系列的授权。 1. $0 在 Chrome 的 Elements 面板中，$0 是当前我们选中的 html 节点的引用。 理所当然，$1…

第一个参数：视图对应的底层ArrayBuffer对象，该参数是必需的。 第二个参数：视图开始的字节序号，默认从0开始。 第三个参数：视图包含的数据个数，默认直到本段内存区域结束。

人家都说，前端需要每年定期出来面面试，衡量一下自己当前的技术水平以及价值，本人17年7月份，毕业到现在都没出来试过，也没很想换工作，就出来试试，看看自己水平咋样。 以下为我现场面试时候的一些回答，部分因人而异的问题我就不回答了，回答的都为参考答案，也有部分错误的地方或者不好的地…

相信关注小程序的朋友们，对这张图片一定不陌生。 首屏时间的长短，和资源准备有密不可分的关系。 换句话说，如果我们想加快首屏的渲染速度，就得严格控制初次加载包的大小。如何控制包大小，可以从下面2个方面进行控制： 一开始，考虑到项目较小，没有采取分包模式，后来，需求越来越多……代码…

到目前为止也尚未出现能和 Google Photos 相媲美的产品。特别是在页面布局和图片比例上 Google 的工程师会分享他们是如何完成这些挑战，以及 Web 版的 Goolge Photos 中的一些技术细节。

前端的小伙伴对console.log再熟悉不过了，但是至今为止，我都是一直在用其最普通的用法，控制台中打印一条message。没想到，还能给console.log应用样式呢？不知道你们是否知道呢？ 最后输出的message的效果就如样式所定义的一致。 当遇到一个具有大量log输…