写代码像蔡徐抻

大家好，我是尘码，在鹅厂带队从0到1搞过中大型前端项目。我发现，很多架构文章，都处在一个事后诸葛亮的角度，高屋建瓴的来讲架构设计。于是，我想从一个初学者的角度切入，在螺蛳壳里做道场，讲讲架构这一件事。

中间有一个过程是获取后台返回的HTML文本，浏览器渲染引擎将其解析成DOM树，并将HTML中的CSS解析成样式树，然后将DOM树和样式树合并成布局树，并最终由绘图程序绘制到浏览器画板上。 本文通过亲自动手实践，教你一步一步实现一个迷你版浏览器引擎，进而深入理解渲染引擎的工作原理…

既然前端重复性工作无法避免，是否可以设计合理的 CSS 架构解放前端生产力？让大家从繁重的CSS编写中解放出来，迸发自己的创造力和活力。

编辑器其实是一个非常复杂的模块，单凭个人难以实现所有的内容。笔者也只是在各前辈积累的基础上，结合自身的工作内容，讲述自己的见解。限于篇幅和能力，很多地方只是一笔带过，欢迎同行勘察和补充

Node.js 底层原理到底是什么？本文内容主要分为两大部分，第一部分是 Node.js 的基础和架构，第二部分是 Node.js 核心模块的实现。

前端讲编译原理系列全新篇章：从自动机基础知识出发，扩展至我们常用的技术栈：正则匹配，最后与大家一起共同实现简易的正则引擎。让我们一同在炎热的夏日一起点燃最热情的烟火吧！

小时候我就想，如果能有一个像哆啦A梦一样的朋友陪伴我们成长该有多好？悲伤时有人安慰；想放弃的时候，有人鼓励；快乐的时候，有人分享。最关键的是他拥有无所不能的神奇口袋。而如今长大了，反过来我希望能

Source map 想必大家都不陌生。线上的代码多是压缩后的，如果线上有报错却只能调试那个代码多半是个噩梦。因此我们需要有一个桥梁帮助我们搭建起源代码及压缩后代码的联系。

debugger 的实现原理。ide 和 chrome devtools 如何实现调试功能的。本文带你深入探索 debugger 的原理。