最近接到一个海外项目业务需求，项目最终会被来自不同国家的客户所使用，期望能让客户有一个良好的用户体验，因此前端需要适配国际化。 乍一听，这个海外项目需求并没有什么特别的地方，似乎就多了一个国际化适配。但细细一想，事情可没这么简单，前端开发面临了很多新的问题。下面梳理一下国际化开…

任何有开发经验的前端工程师都会考虑到不成体系的设备生态所带来的挑战。设备间不同的屏幕尺寸、分辨率和比例使得产品难以提供一致的体验，对于那些对产品有着像素级完美追求的人来说这种体验差异尤其显著！ SVG（可缩放的矢量图形）解决了上文中提到的部分问题，而且做得更好。尽管 SVG 有…

在2017年，无论是新手还是满身疲惫的老兵，都在JS开发中对这门语言掂量着：从何入手以及该选哪条路呢？大伙热衷于热门技术，但通常对它们为什么那么好(或为什么不是别的)并没有理解。理解JS的历史可以帮助我们搞清它当今的状态。 先来聊聊问题。所有语言写就的所有程序，都在解决问题。在…

这个错误是什么情况？引擎抛出这个错误，是因为它试图保护系统内存不会被你的程序耗尽。为了解释这个问题，我们需要先看看当函数调用时JS引擎中发生了什么。 每个函数调用都将开辟出一小块称为堆栈帧的内存。堆栈帧中包含了函数语句当前状态的某些重要信息，包括任意变量的值。之所以这样，是因为…

Facade（外观角色）：在客户端可以调用它的方法，在外观角色中可以知道相关的（一个或者多个）子系统的功能和责任；在正常情况下，它将所有从客户端发来的请求委派到相应的子系统去，传递给相应的子系统对象处理。 SubSystem（子系统角色）：在软件系统中可以有一个或者多个子系统角…

要对一个东西进行深入的剖析，有必要带着目的去看。模块化所要解决的问题可以用一句话概括 这样做的目的显而易见，更好的组织项目代码，注意到两个文件中的 require 和 module.exports，从现在的上帝视角来看，这出自 CommonJS 规范（后文会有一个章节来专门讲规…

我们日常使用浏览器的步骤为：启动浏览器、打开一个网页、进行交互。而无头浏览器指的是我们使用脚本来执行以上过程的浏览器，能模拟真实的浏览器使用场景。 本文主要介绍 Google 提供的无头浏览器(headless Chrome), 他基于 Chrome DevTools prot…

当然我们可以用一个通俗的说法：设计模式是解决某个特定场景下对某种问题的解决方案。因此，当我们遇到合适的场景时，我们可能会条件反射一样自然而然想到符合这种场景的设计模式。 比如，当系统中某个接口的结构已经无法满足我们现在的业务需求，但又不能改动这个接口，因为可能原来的系统很多功能…

译者注：这篇大部分是老生常谈，但也稍微有一些新东西呢，要看到最后哦 =) 每一个追求自然效果的产品都希望拥有一套顺畅的交互流程。但开发者可能会忽略一些细节，导致出现性能糟糕的 Web 动画，不仅会产生“页面垃圾”（janky），最直接的体验就是页面卡顿。开发者往往会花大量精力…