在之前写过的一篇《"天龙八步"细说浏览器输入URL后发生了什么》一文中，和大家分享了从在浏览器中输入网址URL到最终页面展示的整个过程。部分读者向我反馈对于最后的浏览器渲染布局这块不是很清晰，所以本文就浏览器渲染流程单独开篇讲解，希望大家都能有新的收获。 Firefox使用Ge…

在过去的几年时间里，移动端web野蛮生长，智能机的Android阵营和IOS阵营分庭抗礼，随之产生了多个系统版本（系统版本多样）；五花八门的屏幕尺寸、屏幕展示技术（如大名鼎鼎的Retina技术屏）层出不穷（屏幕尺寸、技术多样），还是CSS的W3C标准在各式各样的移动端浏览器上落…

近段时间，在开发移动端项目的时候，产品提了一个“自定义页面”的需求，刚开始在DevTools上做得顺风顺水，一马平川，直到在提交到测试环境用不同的真机访问页面时，却发现了一个很严重的问题：安卓的高倍屏展示自定义页面组件间距的时候会比iPhone要大很多（组件间距由js代码控制s…

如今前端工程师的技术要求越来越高，会使用常见的API已经不能满足现如今前端日益快速发展的脚步。现在中大厂基本都会要求面试者手写前端常见API的原理，以此来证明你对该知识点的理解程度。接下来，我将列举我面试时以及自认为比较重要的CSS部分、JS部分常见手写原理题！ 如今Flex布…

字节跳动抖音三轮技术面+一轮HR，现在已经收到了前端架构组的 offer。 首先把面经分享给大家，由于技术水平和经历的不同，我不敢保证我的面经问题对你有任何的参考性，但确实都是在真实的面试场景中遇到的，我所做的只是保证真实性和完整性。 3月17日下午 抖音架构组前端实习生 一二…

作为一个合格的前端工程师，浏览器相关的工作原理是我们进行性能优化的基石，我之前也强调过知识体系的重要性，这部分原理性的内容就是知识体系中的重要部分，必须牢牢掌握才能面对瞬息万变的实际场景，针对性地给出实际方案，而不是背诵各种开发军规和性能优化的条例，这样很难发现真正的问题所在,…

一般人没事的时候刷刷朋友圈、微博、电视剧、知乎，而有些人是没事的时候刷刷 GitHub ，看看最近有哪些流行的项目。 久而久之，这差距就越来越大，因此总会有开源信息的不对称，有哪些优秀的前端开源项目值得学习的也不知道。 初步前端与高级前端之间，最大的差距可能就是信息差造成的。 …

... ... 面试是让人成长的环节，面完一定要总结，针对自己的薄弱点做复习。我个人觉得一定要有自己的 的补足，让自己进步。面完后保持好心态，过去的总结，继续复习前进，接下来的做好准备。既往 不纠，纵情向前。有花堪折直须折，莫待无花空折枝。不要害怕，勇敢尝试，奥里给！

看完复联四，我整理了这份 GraphQL 入门教程，哈哈真香。。。 首先有请阿爸镇贴！哈哈哈，需要高清原图的小伙伴可以 点我下载 阿爸无敌 。 GraphQL 是 Facebook 开发的一种 API 的查询语言，与 2015 年公开发布，是 REST API 的替代品。 Gr…