林景宜

年末一直在抽空学习 Chrome 扩展开发以及 Dart 、 Flutter 的移动端开发，两个多月没有更新文章。在这里顺便把 2021 的学习计划更新下。 学习 TypeScript，抽空开发一个配色应用，名字还没想好，应用应该内置大量经典配色盘，还可以将任意图片量化为一组配…

接上篇 —— dayjs 源码解析（三）：插件（上） —— 继续解析 dayjs 的源码。 本篇继续解析 dayjs 源码中插件功能的部分，也就是 src/plugin 目录下的文件。挑选出几个代码比较长，实现比较复杂的插件 customFormat、duration、obje…

接上篇 —— dayjs 源码解析（二）：Dayjs 类 —— 继续解析 dayjs 的源码。 从本篇开始，分三篇解析 dayjs 源码中插件功能的部分，也就是 src/plugin 目录下的文件。 在 src/index.js 写了加载插件的方法 dayjs.extend，很…

接上篇 —— dayjs 源码解析（一）：概念、locale、constant、utils —— 继续解析 dayjs 的源码。 本篇主要分析 dayjs 源码中最核心的部分，也就是 src/index.js 中的 Dayjs 类。 为什么要把 constant.js、util…

插播一个新系列：时间库 dayjs 的源码解析。 用官方的描述 “Day.js 是 Moment.js 的 2kB 轻量化方案，拥有同样强大的 API”。优点是如下三个： 简易：Day.js 是一个轻量的处理时间和日期的 JavaScript 库，和 Moment.js 的 A…

本篇继续分析下 for 家族的方法，for 方法的主要目的是实现对数组、类数组对象和普通对象的迭代。包括forEach、forEachRight、forOwn、forOwnRight及依赖的基础方法。 从路径图可以发现，forOwn 和 forOwnRight 方法没有依赖其他…

本篇继续分析下 xor 家族的方法，xor 方法的主要目的就是实现异或，也就是对称差（symmetric difference）。包括xor、xorBy、xorWith及核心方法 baseXor。 以此类推，n 个集合求对称差时，都可以分成两步，第一步将每一个集合都与所有其他的…

接上篇 —— Apollo 入门引导（八）：通过变更修改数据 —— 继续翻译 Apollo 的官网入门引导。 在 Apollo 缓存中存储和查询本地数据。 像大多数网络应用一样，我们的应用依赖于远程获取和本地存储的数据的组合。可以使用 Apollo 客户端管理两种类型的数据，使…

接上篇 —— Apollo 入门引导(七)：通过查询获取数据 —— 继续翻译 Apollo 的官网入门引导。 学习如何使用 useMutation hook 修改数据。 前一节已经向 React 应用添加了多个查询，接下来添加一个变更（mutation）。过程与查询相似，但有一…