NewFrontendWeekly

Emma Wedekind 原作，授权 New Frontend 翻译。 我都记不得听到过多少次「HTML 很容易」的说法。尽管我同意，相比其他编程语言，HTML 也许学起来要容易一些，但你不该理所当然地认为它不值一提。 HTML 是强大的标记语言，在运用得当的情况下，可以为 …

Jacque Schrag 原作，授权 New Frontend 翻译。 在 #DevDiscuss 聊“开发者忏悔”这个话题时，我承认 3 年前开始我的第一份开发工作时，根本不知道自己在做什么。题图中的代码是一个例子，展示了我当时是如何写代码的。 我收到太多分享类似经历的回应…

浏览器每收到一段html的文本之后，就会把它序列化成一个个的tokens，依次遍历这些token，实例化成对应的html结点并插入到DOM树里面。 我将在这一篇介绍第二步Style的过程，即CSS的处理。 1. 加载CSS 上面的rel指明了它是一个样式文件。这个加载是异步，不…

很多人相信从一个高效的初级程序员转变成中级程序员只是时间和经验的问题，然而现实中这两类程序员的划分并不太明确，也比较主观。我写这篇文章绝不是想要和其他人争论「如何定义中级程序员」。 1. 保持方法简短 理想情况下，每个方法应包含不超过 20 至 30 行代码（LoC）。这个习惯…

Sarthak Sharma 原作，授权 New Frontend 翻译。 大概两年前的这个时候，我曾不分昼夜地和我的团队一起做一个产品。那时我们会一天看屏幕超过 12 个小时。回想起来，这段经历十分刺激，不过作为年轻人，我们常常为了寻求刺激而忽视了健康。像 Hackathon…

Paul Isaris 原作，授权 New Frontend 翻译。 这篇文章是「高效程序员的 14 个习惯」系列的第二部分。你可以在这里或者我的博客阅读第一部分。 「高效程序员的 14 个习惯」系列的第一部分讲述了「习惯」在程序员日常生活中带来的好处，以及我们要如何通过在工作…

将普通开发人员与优秀开发人员区分开来的一个原因是不断渴望学习和采用可以简化生活的新工具。这里列出了五个很酷的工具，帮助你的生活:) 如果您一直担心在项目中添加 npm 软件包会被捆绑，那这个工具对您将会非常有用。BundlePhobia 可让您 npm install 在实际将…

我们将基于 RealWorld 示例应用对比前端框架。RealWorld 示例应用的特点： 比待办事项类应用更复杂。通常待办事项类应用不足以传达足够多的知识见解构建实际应用。 项目遵循特定规则。提供后端 API、静态标记语言、风格、API 规范。 理想情况下，会是高一致性、高真…

收集整理各类 知识、见识、见闻 内容链接，一份陪伴程序员前进的订阅邮件，每周五发布。 作为 LinkedIn 的 SRE，我在一次应用部署并发起回滚命令后，一系列的后续事件让 LinkedIn 网站瘫痪了 1 个多小时。 前端开发人员认为自己只使用他们用于视觉上下文的 HTML…