anOnion

但是对象字面量是在 javascript 1.2 才出现的。再早之前怎么写呢？语法还保留着，只是大家很少用： 在 javascript 1.0 的时代我们只能使用 new + 构造函数的形式才能初始化对象。Object 就是 JS 内置的第一个构造函数，Array 是第二个；但…

随着 web 应用的持续开发，我们的代码量会出现井喷式的增长；一个 web 一个 JS 成了神话。工程上自然很容易找到解决方案：就是拆分文件呗，而这一个个被拆出来的 js 文件，就是本文的话题——module。 在很长一段时期里，Javascript 是没有语义层面的 modu…

在说尾调优化（Tail Call Optimization，下文简称 TCO）前，先解释什么是尾调——Tail Call。 举个简单的例子，如下所示：foo 的调用出现在 bar 的结尾处；foo 返回后，就没bar啥事了（除了可能要继续返回结果外）。我们就把foo(x) 叫做…

书接上文，上篇说到了 React Testing library 的安装和最基本用法。本篇继续深挖一些较复杂的场景。 开始 RTL 测试前，我们稍微回顾一下 Jest 的 Mock 测试。 先来说 mock 函数注入。我们写一个最最基础的 repeatTen 函数，功能就是调用…

Testing-library 是 React 官方推荐的单元测试库，对标的是 Airbnb 的 Enzyme。我试着用现在流行的一套话术体系（发现问题、分析问题、解决问题）来解释一下 Testing-library 的特点： OK，一句话解释就是 Testing-librar…

有过 web 开发经历的小伙伴大概对配置文件是深恶痛绝的——实在是太多了，最常见的就有 babel、eslint、tsconfig、webpack，package.json 等等；而且各种配置使用不同的文件扩展，使用时还要安装各种插件，繁琐且无聊。几年前，主流框架开始尝试提供无…

Web 开发中我们常常用到 cookie，session，redux 等技术存储状态和信息；但是这些技术总体来说容量都比较小。不知道大家有没有想过在客户端存储几个 G 大小的数据呢？虽然这么干听着有点缺德，但是 Web 标准里还真有这么一项技术——IndexedDB，浏览器端的…

响应式布局（Responsive Design）是大约十年前提出的一个概念，意在以一套代码适配不同终端设备——而不是为每个终端做一个特定的版本；它的目的是解决移动互联网时代不同设备分辨率繁多，而多版本 CSS 代码生产成本过高的难题。传统意义上，我们实现响应式布局，有如下两种方…

我记得我刚入行的时候，Web 开发有个叫 MEAN（MongoDB, Express.js, AngularJS, and Node.js）的 JS 全栈，当时还是挺新奇的。时隔多年，MEAN 也没人再提起，不过 JS 全栈开发的理念还是被更多人接受了。今年，又有一个新的大前端…