2023 年 08 月 20 日
TypeScript 之 Distributive Conditional Types
简介 该特性直白来说：若在条件类型中给定的泛型为联合类型，则会将联合类型的每个成员分别执行条件运算。理解起来并不难，官方文档给了一个简单的示例： type ToArray<Type> = ...
编程随想
2022 年 12 月 04 日
几个大幅提升效率的 vim 插件
vim-surround https://github.com/tpope/vim-surround 写前端代码时非常高频的几个操作： * 标签替换 比如，将 div 替换成 p <div>...
2022 年 08 月 13 日
React 性能优化那些事儿
先看两个例子 当 Parent 中的 value 发生更新时，A、B、C 中哪些组件会发生 re-render？为什么？ function Parent() { <Provider value=...
2022 年 07 月 19 日
Why are function parameters bivariant?
背景 为什么函数参数是双变？ 这个问题实际上在 TS2.6 之后已经不完全成立了：https://www.typescriptlang.org/docs/handbook/release-notes/...
2022 年 07 月 16 日
读《Micro State Management with React Hooks 》小记
Micro State Management with React Hooks 的作者是Daishi Kato，在 React 社区属于非常活跃的大牛。我们在项目中使用的 jotai 就出自他。 花了...
2022 年 06 月 29 日
VS Code 源码之：Event
代码路径为： src/vs/base/common/event.ts 基础接口 和一般的 event 类工具定义事件为字符串不同，这里 Event 的定义为函数，： interface Event&l...
2022 年 06 月 27 日
homebrew 替换国内源
众所周知的原因，在国内使用 homebrew 是非常慢的，而更坑的是，要给其换源也很麻烦，从网上搜索的帖子来看，不止我一个人浪费几小时还换失败的。 这里记录一个大牛的解决方案： /bin/zsh -c...
2022 年 06 月 14 日
Linux Shell 的一些零碎姿势
最近搞工程化，需要写不少 shell 脚本，零零碎碎看了些文档，对比之前看到就头晕眼花，现在总算可以磕磕绊绊写出一些逻辑了。这里随手记录一些自己碰到的问题及姿势。 What’s the d...
2022 年 02 月 16 日
基于 Web Workers 的 SimpleRPC
Web Workers 为前端提供了多线程执行代码的可能，在 worker 内做 CPU 密集型任务再合适不过了。 worker 中的代码在隔离的环境执行，无法访问、操作 DOM，避免了资源竞争，与宿...
2021 年 12 月 04 日
代理类方法时类型无法匹配的问题
经常会有需求对一个对象/类的方法做代理调用，比如如下对象： const fns = { say: (msg: string) => msg, sum: (a: number, b: number...
2021 年 11 月 22 日
react 自定义渲染
本周参加了一次内部的技术分享，主题是甘特图项目技术改造，将原来基于 DOM 的绘制改为基于 canvas 绘制，其采用 React 描述 canvas 的思想让人眼前一亮，大致架构分为了三层： 1. ...
2021 年 10 月 31 日
使用 babel-plugin-macros 解决自动引入的问题
关于 babel-plugin-macros 的介绍，简单可以总结为一句话：“在代码中显式声明需要在编译时需要做的事情”。 为什么需要“显式”？官方文档有介绍使用 babel plugin 方式面临的...