翻译录

与二十年前相比，如今 JavaScript 在浏览器中的运行速度要快好多倍。而对于 WebAssembly，性能优化又该如何做呢？

用交互式的教程教你 Git 的原理，而非罗列常用命令。 下图中有四个盒子。其中一个盒子独占一隅；其他三个盒子并为一组，这三个盒子构成了开发环境（Development Environment）。 先从那个单独的盒子说起。当你更新了工作内容，并想要和其他人共享你更改的内容，或者你…

jQuery 一度曾在 JavaScript 世界里风头无两，而在 2021 年，这款经典的 JavaScript 库状况如何？它有什么更新？谁仍在使用它？它的人气是高是低？本文会给你答案。

文中部分链接可能需要梯子。 欢迎批评指正。 说出来可能吓你一跳，在我看来，理解Javascript的最重要最基本的思路就是理解执行上下文。吃透了执行上下文，你就能更好地学习诸如变量提升、作用域链和闭包等进阶知识。说到这个，到底什么是“执行上下文”？为了更好理解，我们先来看一看我…

文中部分链接可能需要梯子。 欢迎批评指正。 曾有很长一段时间，我都没有开展我自己的项目，因为我不知道如何去动手。 每个我想做的项目里，都有诸多功能是我根本不知道如何去实现的。我总是问自己，对于根本不懂的东西，我该怎么下手呢？那时候我确信在做项目之前，我需要储备更多的知识。 因此…

假设你已经用过一段时间的 VS Code 了。你已经更改了颜色主题（如果还没有，那我强烈推荐 material 主题），调整了基本设置，并且安装了一些流行的插件。 可能你感觉这种程度足以满足日常工作需求。这很棒，但这样你就很可能与 VS Code 的诸多功能擦肩而过了。 本文荟…

在构建 React 应用时，你会发现随着嵌套组件增多，用户界面的某些部分开始变得缓慢迟滞。这是因为，被改变 state 的元素在组件树中的层级越高，浏览器需要重绘的组件越多。 本文将告诉你如何通过备忘（memoization）技术避免不必要的重绘，让你的 React 应用快如闪…

PWA（Progressive Web Apps，渐进式网络应用）已经面世了有一段时间了。然而，每当我向客户介绍 PWA 时，他们都会问同样的问题：“我的客户能从应用商店下载安装这种 PWA 吗？” 以前的答案是不能，但自从 Chrome 72 发布之后答案就不一样了，因为该版…

我想给你们讲一个故事，讲讲谁是 JavaScript 语言的公共资源的拥有者，讲讲我们是如何陷入了公共资源受制于人的局面，讲讲为何我们需要改变这个局面。这是一个关于金钱、所有权和控制权的故事，同样也是一个关于 JavaScript 的故事。 我要讲的这个故事，是我所知道的版本。…

常言道，人不可“思想其思想”，因为当尝试从不同级别或维度去理解自己的思维时，脑海中的概念就会变得抽象而难以理解。但是也许现在正是设计师思其本元的最佳时机，至少可以作为一种有效的缓解，通过重建真实的、实质性的设计价值，让他们从自动化和工具化到令人厌烦的日复一日的单调工作中解脱出来…

Markdown 是一种轻量级的文本标记语言，能将带标记的文本转换为各种格式。发明 Markdown 的初衷，是为了让人们能“用易读易写的纯文本格式来书写”，并可以按需转换为有效的 XHTML（或者 HTML）。目前，随着 WordPress 的支持，Markdown 语法越来…

对很多人来说，创建布局是前端开发领域中最难啃的骨头之一。 你肯定经历过耗费数个小时，换着花样地尝试所有可能起作用的 CSS 属性、一遍遍地从 Stack Overflow 上复制粘贴代码，寄希望于误打误撞地赌中那个能实现预期效果的魔幻组合。 如果你的惯用策略就是按部就班地组合布…

当今的网站上充斥着大量媒体资源，例如图片和视频。图片约占网站平均通信量的 50%。然而这些图片中的大部分都没机会进入用户的视野，因为它们位于网站页面的头版之外。 看到本文标题你会问「懒加载是什么东西？」CSS-Tricks 网站中有非常多的探讨懒加载的文章，其中有一篇非常详尽的…

我最近看了 Rachel Andrews 的演讲锦上添花：重新定义 CSS 的技术潜力。Rachel 的演讲总是能清晰而简洁地传达出满满的干货。这次演讲中有一行 CSS 代码是我从未见过的。 Rachel 解释说，在制定 CSS 规范时，其中一条关键原则就是防止数据丢失。我还是…

不久前，WhatsApp 的一则声明引起了轩然大波，他们宣布将与其母公司 Facebook共享用户数据。据爆料，WhatsApp 与 Facebook 共享用户数据已有数年之久。

文中部分链接可能需要梯子。 欢迎批评指正。 现如今，web开发者（我们更喜欢被叫做前端工程师）用一门脚本语言就能做任何事情，从提供浏览器中的交互，到开发电脑游戏、桌面工具、跨平台移动应用，甚至可以在服务端部署（如最流行的Node.js）来连结任意数据库。因此，了解Javascr…

在为本文查资料时，我发现第三方动画库中最常见的动画类型就是过渡动画（并非 CSS transition）了。有些简单的动画应用于元素出入页面的过程。现代单页应用中最司空见惯的模式就是让一个元素进入页面，顶替另一个离开页面的元素。想想这种情况：第一个元素淡出而第二个元素淡入。这个…

网络实时通信（Web Real-Time Communication，缩写为 WebRTC）是一项 HTML5 规范，它使你能直接用浏览器进行实时通讯，不用依赖第三方插件。WebRTC 有多种用途（甚至能实现文件共享），但其主要应用为实时点对点音频与视频通讯，本文的重点也是这一…

要成为一名优秀的远程办公人士，需要极强的自制力。我们需要在无人监督的环境中独自完成每一项工作。 在本文中，我们将介绍一些可以帮我们成为优秀远程开发者的习惯。 良好的会议礼仪极其重要。由于我们只需要在屏幕前参加会议，不用进入真实的会议室，所以想要养成良好的会议礼仪，全凭自我约束。…