这些前端新技术你很难再忽视了 —— Bun

·  阅读 2766
这些前端新技术你很难再忽视了 —— Bun

携手创作,共同成长!这是我参与「掘金日新计划 · 8 月更文挑战」的第11天,点击查看活动详情


新系列《这些前端新技术你很难再忽视了》,包括: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 请求数

image.png

加载一个巨大的 sqlite 表:每秒平均查询次数

image.png

FFI:每秒操作数

image.png

Bun 为什么这么快?

答:Bun 是使用 Zig 写的,这个语言偏底层,可手动控制内存,因此性能可以更强。

同时它并不借助 V8 引擎(chrome),而是借助 JavaScriptCore 引擎(safari),启动和运行的速度都更快。

(追求更高、更快、更强,看来不止于体育界,在编程届同样适用。)

🤫Where

官方文档地址?

答:github.com/oven-sh/bun…

看得出项目还在起步阶段,文档还没完全在主网站上构建,目前是挂在 Gihub 项目 README 上。

🙄When

Bun 什么时候诞生的?

答:2021 年 9 月开始发布第一个版本

还是非常新的一个框架,现在 github 已经 3w+ 了

😄Who

Bun 作者是谁?

答:Jarred Sumner

image.png

这主页又绿又亮,真好看。

😁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 倍。

v2-ea317ac5ce3bdfada15e3a16da79671d_r.png


小结:Deno 还没卷到,Bun 究竟又能走到哪一步?拭目以待。

OK,以上便是本篇分享。点赞关注评论,为好文助力👍

我是掘金安东尼 🤠 100 万人气前端技术博主 💥 INFP 写作人格坚持 1000 日更文 ✍ 关注我,安东尼陪你一起度过漫长编程岁月 🌏

分类:
前端
收藏成功!
已添加到「」, 点击更改