提起算法很多CS毕业的人都不会陌生，但是不管你是在学校理论知识学的如何扎实还是在学校中有参加比赛的经历(ACM等)，但是到了工作中因为没有实际的应用场景或者说应用场景很少，导致一些原本顺手拈来的知识点和操作都感到很生疏。 同时，由于本人现在专职于前端工作（原来是前后端都做），很…

从 HTML5 规范到浏览器内部的数据结构再到渲染实际流程，完全阐述浏览器渲染机制 -- 渲染并不只是重绘重排和 composite 那么简单。

1. 防抖 2. 节流 3. new 4. bind 5. call 6. apply 7. deepCopy 8. 事件总线 | 发布订阅模式 9. 柯里化：只传递给函数一部分参数来调用它，让它返回一个函数去处理剩下的参数 10. es5 实现继承 11. instanceo…

本文已收录在前端食堂Github github.com/Geekhyt，感谢Star。 从胡子的长度和忧郁的眼神我察觉到，面前坐着的这位面试官应该有点东西，浑身上下流露着打过 CTF 的气场。我像以往一样，准备花3分钟的时间进行自我介绍。在此期间，面试官面无表情但很有耐心的听着…

[实践系列] 主要是让我们通过实践去加深对一些原理的理解。 有兴趣的同学可以关注 [实践系列] 。 求star求follow~ 全称 Domain Name System ,即域名系统。 简单的说,通过域名,最终得到该域名对应的IP地址的过程叫做域名解析（或主机名解析）。 有d…

浏览器使用流式布局模型 (Flow Based Layout)。 浏览器会把HTML解析成DOM，把CSS解析成CSSOM，DOM和CSSOM合并就产生了Render Tree。 有了RenderTree，我们就知道了所有节点的样式，然后计算他们在页面上的大小和位置，最后把节点…

当浏览器对一个 render tree 进行渲染时，浏览器的渲染引擎就会根据 基础盒模型(CSS basic box model) ，将所有元素划分为一个个矩形的盒子，这些盒子的外观，属性由CSS来决定。 我们在浏览器控制台输入如下代码就可以看到页面的每一个元素都是由一个矩形来…

开门见山，这篇文章，适合「初级前端」，如果你还在校招的话，或者还在求职的话，可以看看本文，找一找灵感，希望对你们有帮助呀。 先说一下最近个人情况：2020年8月底已经拿到网易有道offer, 这算是我的第一份web前端工作吧，一直以来都是自学前端的，走过很多的弯路，之前的技术栈…

webpack是一个打包模块化 JavaScript 的工具，在 webpack里一切文件皆模块，通过 Loader 转换文件，通过 Plugin 注入钩子，最后输出由多个模块组合成的文件。 webpack专注于构建模块化项目。 我们先从简单的入手看，当 webpack 的配置…