唧唧复歪歪

作为 Web 工程师，我们每天写 HTML，CSS 和 JS，但是浏览器是如何解析这些文件，最终将它们以像素显示在屏幕上的呢？这一过程叫做 Critical Rendering Path

你盼世界，我盼望你无bug。Hello 大家好！我是霖呆呆。 在接下来日子，我们每周都会为大家输出好玩、有趣、符合前端发展的技术型文章，这个过程我们一起学习进步💪。如果觉得某位小哥哥/小姐姐写的不错的话，还请不要吝啬你的赞👍哦，每个赞和评论都是对我们最好的支持😊，感谢。 …

让人恐惧的夏天也许就过去了，没人知道你在这个夏天、这个今年发生什么，但是我知道。 知道你是努力的，也有可能是缓慢的。不过面对秋天，面对即将到来的国庆小假期，还请继续努力吧，川流不息的不止生命，还有时间，加油~~ 基本上，所有JS数据类型都拥有这两个方法，null除外。它们俩是位…

为了让大家深刻理解 JSX 的含义。有必要简单介绍了一下 JSX 稍微底层的运作原理，这样大家可以更加深刻理解 JSX 到底是什么东西，为什么要有这种语法，它是经过怎么样的转化变成页面的元素的。 每个 DOM 元素的结构都可以用 JavaScript 的对象来表示。你会发现一个…

Promise作为前端异步解决方案的出现，可以说是火遍全网，几乎所有的异步场景甚至框架都会有它的身影，比如Vue的批量处理等。今天我们就按照Promise A+ 规范来完整实现Promise全功能，话不多说，上代码。 测试成功，promise的改造就算符合规范了。这个难点在于t…

对于Promise，相信大多数人都已经了解并且可以熟练的使用它的各种方法，但是追究它的底层原理，可能并不清楚，这篇文章是自己在经过一段时间的学习后写出来的，里面包含了自己对Promise的理解，并且按照步骤一步一步的手写了Promise以及then方法，希望这篇文章可以帮助到你…

当前的互联网用户早已习惯了拖拽，习惯了拖拽带来的便利。任何一个前端项目都有加入拖拽这个功能的可能性。 这两种实现方案各自有自己的场景。鼠标实现的好处在于有更好的兼容性，坏处就是更多的代码。 dragApi 实现的好处在于更少的代码，坏处就是更差的兼容性。 需要利用mousedo…

React是由facebook开发，用于构建用户界面的js类库，以提升性能为设计理念。在本文中，我将为大家介绍在React中的diff算法，以及它的渲染机制，以便于你能够更好的优化你的程序。 在深入了解实现细节之前，了解React如何工作是很重要的。 在任何时候，你可以将UI描…