前言 大家好，我是 simple ，我的理想是利用科技手段来解决生活中遇到的各种问题。本文篇幅较长，请直接阅读目录跳往到自己感兴趣的部分。

组件是前端框架的基本构建块。把它们设计得更好会使我们的应用程序更容易改变和理解。在这节课中，分享一下在过去几年中工作中学到的 9 个技巧。 1. 你可能不需要创建一个组件 在创建一个组件之前，看看它是

本文数据来源：3703份有效填写的调查问卷，125个国家的数据, 19位前端领域的专家......向所有3703名填写该调查的前端人员表示衷心的感谢——没有你，就没有报告！

文章里使用ruby来写，为了加深理解我用js写了一遍。代码地址在github 为了完整地定义编程语言，我们需要：语法，描述程序看起来是什么样子的；语义(semantics)， 描述程序的含义。 通过语言的语法规则，我们能把像y=x+1这样可能有效的程序与像ysdf234@$这样…

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

当程序员谈论开发设计时，常常会聊到非常多的定律，而 GitHub 上的一个名为「hacker-laws」的仓库收录了一些最常见的定律、原则等，获得了 16.5k 的 Star。 还记得所有AI教程必提的「奥卡姆剃刀原则」吗？即：如无必要，勿增实体。 这条原则也被收藏，还有一些不…

本书由 JavaScript 之父 Brendan Eich 与 ES6 规范首席作者 Allen Wirfs-Brock 联合编写，记录1995~2015共计 20 年的 JavaScript 演化经历。全书不仅讲解了大量语言技术细节层面的演进，更复盘了更高层面上规范制定与标…

传统的布局方案，基于盒模型，依赖display属性、position属性和float属性。其对于某些特殊的布局（如垂直居中），实现起来比较麻烦。 在 2009 年，W3C 提出了一种新的布局方案——Flex 布局（Flexible Box 布局，弹性盒子布局），其相比于传统的布…

作为开发人员，平时用的最多的就是Chrome devtools了，但是可能很多同学都像我一样平时用的最多也就只是Console和Elements面板了。 按Cmd + Shift + P（如果使用Windows，则按Ctrl + Shift + P）打开“命令”菜单。 当你只想…