新系列《这些前端新技术你很难再忽视了》,包括:SolidJS、Svelte、Tauri、Bun、Schema等。每一个都引领前端技术演变趋势,很有必要了解。
咱们将采用 5W1H 分析法,即 What(何事)、Why(何因)、Where(何地)、When(何时)、何人(Who)、How(何法)6 个维度来解析这些“新玩意儿”。
本篇带来 —— Bun
闲话少说,冲了~
- 点赞收藏关注,今晚一夜暴富 👍👍👍
🤔What
什么是 Bun?
答:Bun 是像 Node 或 Deno(OS:话说 Deno 咱都还没看呢!) 一样的现代 JavaScript 运行时。旨在无感替代现有的 JavaScript 运行时并成为 浏览器外执行 JS 的主流环境,为用户带来性能和复杂性的提升的同时,以更好更简单的工具提高开发者的效率。
和传统的 Node.js 这种传统的 javaScript 运行时不同,Bun.js 直接内置了打包器、转译器、任务运行器和 npm 客户端,这意味着你不再需要 Webpack/Rollup/esbuild/Snowpack/Parcel/Rome/swc/babel 就可以直接运行 TypeScript、JSX!另外,Bun.js 原生支持了数百个 Node.js 和 Web API,包括约 90% 的 Node-API 函数(fs、path、Buffer 等)。
- 科普:Zig 是一门新的系统级编程语言,相当于加强版 C 语言。Node (C++),Deno (Rust) 和 Bun (Zig) 各用各的,非常有趣。
所以 Bun 关注 3 件事:1. 迅速启动;2. 从底层提高性能水平;3. 提供丰富且完整的工具链
🧐Why
Bun 的性能很好吗?
答:是的,官网生图直出。
服务端渲染:每秒处理 HTTP 请求数
加载一个巨大的 sqlite 表:每秒平均查询次数
FFI:每秒操作数
Bun 为什么这么快?
答:Bun 是使用 Zig 写的,这个语言偏底层,可手动控制内存,因此性能可以更强。
同时它并不借助 V8 引擎(chrome),而是借助 JavaScriptCore 引擎(safari),启动和运行的速度都更快。
(追求更高、更快、更强,看来不止于体育界,在编程届同样适用。)
🤫Where
官方文档地址?
看得出项目还在起步阶段,文档还没完全在主网站上构建,目前是挂在 Gihub 项目 README 上。
🙄When
Bun 什么时候诞生的?
答:2021 年 9 月开始发布第一个版本
还是非常新的一个框架,现在 github 已经 3w+ 了
😄Who
Bun 作者是谁?
答:Jarred Sumner
这主页又绿又亮,真好看。
😁How
怎么使用?
安装 Bun CLI
官网提供了一键安装脚本,但是只能在 Linux、macOS、WSL 上运行,Windows 桌面环境无法安装,所以你如果要在 windows 上安装,需要先安装 Linux 子系统也就是 WSL。
curl https://bun.sh/install | bash
Bun
的 HTTP
服务器基于 Request
和 Response
等 Web
标准构建
// http.js
export default { port: 3000, fetch(request) { return new Response("Hi, ConardLi!Welcome to Bun!"); }, };
用 bun
运行(bun run
:可以直接运行 JavaScript
和 TypeScript
文件以及 package.json
中的 scripts
脚本。)
bun run http.js
然后在浏览器中打开 http://localhost:3000
- 根据测试,
bun
运行package.json
脚本比npm
运行package.json
脚本快 30 倍。 - bun 比 npm 的包安装速度快 20 倍。
小结:Deno 还没卷到,Bun 究竟又能走到哪一步?拭目以待。