读完需要6分钟,速读仅需3分钟
这是前端食堂的第 100 篇原创
本文是狼叔在 2 月 16 日在掘金直播《学习指北:Node.js 2022 全解析》的 Reaction,狼叔的直播干货很多,本文尽量保证原内容的同时,额外加入了一些相关资料和链接,方便你学习。
Node.js 好像不是很火了?其实不然。
从 Node.js 源码更新内容来看,Node.js 正在健康平稳的发展、从可用到好用在转变,在易用性上有很大提升。性能的牌打完了,开始打“用户体验”的牌。
核心产出 async_hooks、profiling、tracing、dump debug、report 等。让开发者能以更低的门槛提升 Node.js 应用的开发体验。
Egg.js 在国内使用普及率很高,而 Midway 和 Nest 增长较快,和 TypeScript 普及有一定关系。
去年主要是使用 Node12,2021 年 Node14 占比将近一半,更新还是较快的。
(如果你想优化性能,最好的办法就是升级 Node 版本 :))
“世界上只有两种语言,一种是没有人用的语言,一种是被抱怨的语言。”
整个 Node 社区不再只是围绕前端工程师去做,后端、全栈工程师、架构师甚至运维、技术总监都有一定的接触,在校生和实习生也有一定的使用量。
class FooCommand extends Command {
static paths = [[`foo`]];
async execute() {
this.context.stdout.write(`Foo\n`);
}
}
class BarCommand extends Command {
static paths = [[`bar`]];
async execute() {
this.context.stdout.write(`Bar\n`);
}
}
TS + 面向对象 + 模板模式十分优雅。
clipanion 是一个没有运行时依赖的类型安全 CLI 库。Yarn v2 版本[3] berry 源码中用到了它。包括 Node.js 中新增的 Corepack(包管理器的管理器,用来管理 npm、yarn、pnpm、cnpm等) 也采用了它。
可以看出社区对它的看重,虽然它的 Star 数不高,但还是十分值得学习的。
对比一下常见的 CLI 库 Commander.js[4] 和 cac[5],它们的写法是函数式的,通过定义一个函数,使用 option 传入参数。
看你喜欢哪种写法,它们都是不错的选择。
// Commander.js
const { program } = require('commander');
program
.option('--first')
.option('-s, --separator <char>');
program.parse();
const options = program.opts();
const limit = options.first ? 1 : undefined;
console.log(program.args[0].split(options.separator, limit));
// examples/basic-usage.js
const cli = require('cac')()
cli.option('--type <type>', 'Choose a project type', {
default: 'node',
})
const parsed = cli.parse()
console.log(JSON.stringify(parsed, null, 2))
const http = require('http')
const router = require('find-my-way')()
router.on('GET', '/', (req, res, params) => {
res.end('{"message":"hello world"}')
})
const server = http.createServer((req, res) => {
router.lookup(req, res)
})
server.listen(3000, err => {
if (err) throw err
console.log('Server listening on: http://localhost:3000')
})
受 Go 语言中 echo 框架的路由实现所启发,具体实现基于基数树[17]。部分代码从 trekjs[18]提取。
基准测试 all together 中 find-my-way 是 525,798 ops/sec,koa-router 是 161,220 ops/sec。每秒能够处理的请求数差距还是非常明显的,基数树的这种方式远远比正则快的多。
=======================
find-my-way benchmark
=======================
short static: 10,102,066 ops/sec
static with same radix: 3,887,679 ops/sec
dynamic route: 1,637,929 ops/sec
mixed static dynamic: 2,289,554 ops/sec
long static: 5,403,719 ops/sec
wildcard: 3,037,119 ops/sec
all together: 525,798 ops/sec
======================
koa-router benchmark
======================
short static: 1,004,122 ops/sec
static with same radix: 1,029,369 ops/sec
dynamic route: 1,015,635 ops/sec
mixed static dynamic: 968,784 ops/sec
long static: 1,027,857 ops/sec
wildcard: 1,033,432 ops/sec
all together: 161,220 ops/sec
下图来自于 Fasify 的基准测试[19]
Fastify 和 Restify 都是基于 find-my-way 实现的路由,Restify 早期版本基于 express 的路由,Fastify 能处理的每秒请求数比原生的还高。从数据结构角度来进行优化是未来提升性能比较重要的一点。
造轮子:把 junit 的 API 搬进 TS。
这二者的性能还是差一些,后面准备用 Rust 或者 Go 的编译器重写。
在造轮子的过程中,发现了一个有意思的库 xv。作者还有 json-server、lowdb 等作品。
源码只有 40 几行,无需定义任何测试语法。
uvu[24] 的源码值的学习。
常见的 Node 测试框架:
会替代掉 jest,也会越来越流行。
一些痛点对开发者门槛要求比较高,但是 easy-monitor 已经帮我们做好了。
Turborepo 对于 Lerna 是竞品,而目前还对标不上 rushstack[32],rushstack 适用于超大型项目。微软的全系列产品也都在使用 rushstack 全家桶。在未来有超大型项目挑战的时候 rushstack 是一个非常好的实践借鉴。
这一趴主要引用了 Node 地下铁的一次分享,原文链接如下。
BFF vs FFB
前端代码里的胶水代码太多了,本质上讲,从数据库到 API 字段,然后到前端渲染,应该是一个非常纯净的过程。但是由于业务发展或者是各种情况,数据库里面的字段不能拿出来直接用,前后端的沟通成本又导致了中间加了额外的各种逻辑。这就导致了前端的复杂度一直在上升。
[1]
Node 2021 开发者报告链接: https://nodersurvey.github.io/reporters/
[2]
clipanion 仓库链接: https://github.com/arcanis/clipanion
[3]
Yarn v2 版本: https://github.com/yarnpkg/berry
[4]
Commander.js: https://www.npmjs.com/package/commander
[5]
cac: https://github.com/cacjs/cac
[6]
clipanion: https://github.com/arcanis/clipanion
[7]
uvu: https://github.com/lukeed/uvu
[8]
tinyhttp: https://github.com/tinyhttp/tinyhttp
[9]
typeorm: https://github.com/typeorm/typeorm
[10]
midway: https://github.com/midwayjs/midway
[11]
daruk: https://github.com/darukjs/daruk
[12]
loopback: https://github.com/strongloop/loopback
[13]
nest: https://github.com/nestjs/nest
[14]
ssr: https://github.com/ykfe/ssr
[15]
umi: https://github.com/umijs/umi
[16]
find-my-way: https://github.com/delvedor/find-my-way
[17]
基数树: https://en.wikipedia.org/wiki/Radix_tree
[18]
trekjs: https://github.com/trekjs/trek
[19]
Fasify 的基准测试: https://github.com/fastify/fastify/blob/main/README.md#benchmarks
[20]
Radix Tree 原理: https://ivanzz1001.github.io/records/post/data-structure/2018/11/18/ds-radix-tree
[21]
path-to-regexp: https://github.com/pillarjs/path-to-regexp
[22]
fast-json-stringify: https://github.com/fastify/fast-json-stringify
[23]
https://github.com/typicode/xv: https://github.com/typicode/xv
[24]
uvu: https://github.com/lukeed/uvu/blob/master/src/index.js
[25]
ava: https://github.com/avajs/ava
[26]
jest: https://github.com/facebook/jest
[27]
mocha: https://github.com/mochajs/mocha
[28]
tape: https://github.com/substack/tape
[29]
uvu: https://github.com/lukeed/uvu
[30]
vitest: https://github.com/vitest-dev/vitest
[31]
easy-monitor: https://github.com/hyj1991/easy-monitor
[32]
rushstack: https://github.com/microsoft/rushstack
[33]
Jamstack,下一代 Web 建站技术栈?: https://zhuanlan.zhihu.com/p/281085404
[34]
JavaScript 全栈⾼效研发在语雀中的实践: https://www.yuque.com/summ/colacake/js_fullstack
[35]
更多内容可以参考狼叔在社区中的回答: https://www.zhihu.com/question/493891614/answer/2264072484