哈哈，之前是 2020 年必读文章，到了 2021 年了，感觉这些文章还都是经典，那就改个标题吧。[手动狗头] 之前写过一篇 一年半经验如何准备阿里巴巴前端面试，给大家分享了一个面试复习导图，有很多朋友说希望能够针对每个 case 提供一个参考答案。 写答案就算了，一是精力有限…

作为一个喜欢纸质书的前端爱好者，按照这个导图也整理了一些前端推荐书单，其中有一些看过的，也有一些网评不错的。 建了一个前端买书微信群，感兴趣的同学可以加我微信 qianduanshilian，推荐书单实时更新。

幸运的人可能一下子就找到了好的资源好的方式，一下子就步入了学习的正轨，但是大部分人还是在这条路上走了不少弯路。 于是我就想：我是否可以结合我自己的经验自己踩过的坑和其他人的经历去帮助大家找到一条足够笔直的道路，帮助初学者能够较快的入门步入正轨，而不是将时间花费在各种搜索引擎上，…

返回新对象。 简单版深拷贝，列举三个例子 array object function，可以自行扩展。主要是引发大家的思考 鄙人公众号【前端技匠】，一起来学习吧。

一个普通的网页，浏览器在渲染前需要先构建 DOM（document object model） 和 CSSOM (css object model） 树。 转换：浏览器从磁盘或网络读取 HTML 的原始字节，并根据文件的指定编码将它们转换成各个字符。 令牌化： 浏览器将字符串转…

下面总结了一些常用又有趣的css技巧，希望大家收藏，以减少查资料的时间。 css自带的border-style属性 dotted/ dashed . 效果展示出来太密了，并不符合UI设计 为了实现该效果，它需要组合其他外来的WebKit属性。常见结合属性： display: -…

CSS布局经常是令前端开发者头痛的一块工作。但是近几年来，浏览器不断发展，开始支持弹性盒子、网格布局、盒模型对齐等布局功能。这些CSS标准纯粹是为了应付网络布局而编写的。我们将深入了解这些新属性的特征，新时代的布局技巧、例子及最佳实践。希望听众会有所启发，利用这些新的CSS属性…

首先，感谢一些同行们对上篇的肯定。 其次，文章标题为"大纲"，只是笔者，整理给自己的一个复习大纲。 也许内容并不深入，因为文章的标题与定义就是大纲，并没指望一篇文章，可以教会提到的对应的知识点。无论哪个知识点，一个原型链最基础的东西，都可进行深挖，大神都可以扯上几万字，也未必能…

虽然http1.1默认开启了keep-alive长连接保持了这个TCP通道使得在一个HTTP连接中，可以发送多个Request，接收多个Response，但是一个request只能有一个response。而且这个response也是被动的，不能主动发起。 websocket虽然…