优秀前端英文博客翻译

随着越来越多的业务逻辑从后端转移到前端，前端工程中的专业技能变得愈发重要。作为一名前端工程师，我们可以依靠类似 React 一样的视图类框架来实现高效的产出。但视图框架反过来又依赖类似 Redux 这样的状态管理库来管理状态。React 和 Redux 一起组成响应式编程范式，…

代码缓存（也称字节码缓存）是浏览器中非常重要的优化手段，通过将「解析+编译」的结果进行缓存，可以减少常访问网站的启动时间。大多数主流浏览器也都以某种形式实现了代码缓存，Chrome 自然也不例外。而且围绕 「Chrome 和V8 如何缓存编译过的代码」这个主题，我们曾写过一些文…

要创建供多人使用的组件是很难的，组件包含属性（props），如果这些属性要作为公开 API 的一部分，那就必须非常仔细地考虑组件应该接受哪些属性。 本文会简要介绍 API 设计中的一些最佳实践，以及帮助你开发出优秀组件的 10 条准则。 API （Application Pro…

感谢 Babel 的 TypeScript 插件（@babel/preset-typescript），TypeScript 从未变得如此简单，这是 TypeScript 和 Babel 团队长达一年的官方合作成果。本文列举出了4条理由来证明 TypeScript 和 Babel…

Hook 可以让我们不用写一个 class 就能使用 state 和其他的 React 特性。我们也可以构建我们自己的 Hook 来在组件之间共享可重复使用的有状态逻辑。 Hook 介绍解释了我们向 React 添加 Hook 的原因。 Hook 概览 是一个对内置 Hook …

您只需要在 script 元素上添加 type=module，浏览器就会将内联脚本或外部脚本作为 ECMAScript module 处理。 关于模块（module）已经有一些很棒的文章，但是我想分享一些在我测试和阅读规范的时候学到的浏览器特有的内容。 一个完整的非相对URL，…

为您的站点提供一定量的可用空间来执行其所需的操作。该可用空间可在站点中所有存储之间共享：LocalStorage、IndexedDB、Filesystem，当然也包含Caches。 您能获取到的空间容量是不一定的，同时由于设备和存储条件的差异也会有所不同。您可以通过下面的代码来…

首先明确一点，this的绑定和函数的声明位置是没有任何关系的，它只取决于函数的调用位置和调用方式。 1. 默认绑定 众所周知，声明在全局作用域中的变量，就是全局对象(window或者global)的一个同名的属性，在本例中，this.a被解析成了全局变量a，而函数foo就是在直…

在JavaScript中，有这么俩货，一个叫call,一个叫apply，它们俩工作几乎一毛一样，但是也有所区别，曾经对这个知识点非常困惑，看过几篇博客也没搞清楚这哥俩到底打算要干个啥，直到某天仔细研究过this关键词的相关知识点后，才恍然大悟， 这篇文章主要就是为call和ap…

使用AppCache可以为我们提供几种支持内容离线工作的模式。如果这些模式正是你所需要的，那么恭喜你，你中了APPCache的大奖（尽管头等奖依然无人认领），但我们这些其余的人都挤在角落里来回摇摆（译者注：作者指的是由于设计上的原因，AppCache逐渐地被Web标准移除，虽然…

当编写异步函数的时候，await,return,return await三者之间有一些区别，从中选取正确的方式是很重要的。 上面的函数会等待1秒钟后返回一个promise，然后有50%的机会成功返回yay或者抛出一个error。让我们用几种稍微不同的方式使用它。 在此处，如果调…

TL;DR 当我在努力学习Flux时，我希望有人告诉我：它并不简单，也没有好的文档可以查，并且有许多灵活组件。 如果你的应用程序需要处理动态数据（dynamic data）的话，那么答案就是yes，你可能需要使用Flux。 如果你的应用程序仅仅是无需共享状态静态视图（stati…