Bun 1.3 正式发布

2025年10月10日,高性能 javascript 运行时 bun 发布了 1.3 版本。这是 bun 项目迄今为止最重大的版本更新,标志着 bun 从单纯的运行时工具演变为一个功能完备的全栈 javascript 开发平台。

从运行时到全栈平台的跨越

Bun 1.3 的核心突破在于将前端开发能力深度整合进运行时。据官方介绍,此次更新新增了对前端开发的一级支持,开发者现在可以直接运行 HTML 文件,无需额外配置即可启动一个功能完整的开发服务器。

bun ./**/*.html

执行上述命令后,Bun 会自动识别项目中的 HTML 文件并启动开发服务器,包括热模块替换(HMR)、React Fast Refresh 等现代前端开发必备功能。这种「开箱即用」的设计理念贯穿整个 1.3 版本。

值得注意的是,Bun 的开发服务器并非简单的静态文件服务器,而是集成了原生的 JavaScript、CSS 和 HTML 转译与打包能力。这意味着开发者可以在同一个进程中同时处理前后端代码,从根本上解决了传统开发中前后端端口分离导致的 CORS 跨域问题。

内置数据库客户端:性能与便利的平衡

数据库访问是后端开发的核心需求。Bun 1.3 将内置数据库支持从单一的 PostgreSQL 扩展到 MySQL、MariaDB 和 SQLite,并提供了统一的 Bun.SQL API。这一设计大幅降低了项目的依赖复杂度,同时带来显著的性能提升。

import { sql, SQL } from "bun";// 使用统一 API 连接不同数据库const postgres = new SQL("postgres://localhost/mydb");const mysql = new SQL("mysql://localhost/mydb");const sqlite = new SQL("sqlite://data.db");// 自动从环境变量读取连接信息const seniorAge = 65;const seniorUsers = await sql`  SELECT name, age FROM users  WHERE age >= ${seniorAge}`;

虽然现有的 npm 包如 postgresmysql2 在 Bun 中已有不错的性能表现,但原生实现带来的优势不容小觑。官方数据显示,内置客户端在某些场景下性能提升可达数倍。

新版本还新增了 Redis 客户端支持,官方基准测试显示其性能是流行的 ioredis 库的 7.9 倍以上。对于需要缓存和消息队列的应用场景,这一改进意义重大。

Bun 1.3 正式发布

路由系统:简化全栈应用架构

Bun 1.3 为 Bun.serve() 引入了内置路由系统,支持参数化路由和通配符,让开发者能够在同一服务中优雅地处理前端页面和后端 API。

import { serve, sql } from "bun";import App from "./myReactSPA.html";serve({  port: 3000,  routes: {    "/*": App,        "/api/users": {      GET: async () => Response.json(await sql`SELECT * FROM users LIMIT 10`),      POST: async (req) => {        const { name, email } = await req.json();        const [user] = await sql`          INSERT INTO users ${sql({ name, email })}          RETURNING *;        `;        return Response.json(user);      },    },        "/api/users/:id": async (req) => {      const { id } = req.params;      const [user] = await sql`SELECT * FROM users WHERE id = ${id} LIMIT 1`;      if (!user) return new Response("User not found", { status: 404 });      return Response.json(user);    },  },});

这种设计让全栈应用的部署变得极为简单。更令人印象深刻的是,Bun 的打包器现在支持将前后端代码打包成单一的可执行文件:

bun build --compile ./index.html --outfile myapp

生成的可执行文件可以在任何地方运行,无需安装 Node.js 或其他依赖,这对于微服务部署和边缘计算场景具有重要价值。

Cookie 管理:告别第三方库

Web 应用中的 Cookie 处理一直是个痛点。开发者要么选择单一功能的 tough-cookie 库,要么被迫引入 Express、Elysia 等完整框架。Bun 1.3 提供了原生的 Cookie API,采用类似 Map 的接口设计:

import { serve, randomUUIDv7 } from "bun";serve({  routes: {    "/api/users/sign-in": (request) => {      request.cookies.set("sessionId", randomUUIDv7(), {        httpOnly: true,        sameSite: "strict",      });      return new Response("Signed in");    },    "/api/users/sign-out": (request) => {      request.cookies.delete("sessionId");      return new Response("Signed out");    },  },});

这个 API 的巧妙之处在于零性能开销的延迟解析——只有在实际访问 request.cookies 时才会解析请求头中的 Cookie,避免了不必要的计算。

包管理器的重大革新

Bun 的包管理器在 1.3 版本中获得了多项企业级特性。其中最值得关注的是隔离安装模式成为工作空间的默认行为。这一改变解决了大型 monorepo 项目中最常见的问题之一:包的幽灵依赖(phantom dependencies)。

在传统的提升安装模式下,所有依赖都平铺在根目录的 node_modules 中,包可能意外访问到未在 package.json 中声明的依赖。隔离模式确保每个包只能访问其明确声明的依赖,提高了构建的可预测性和可靠性。

依赖目录 (Catalogs) 功能为 monorepo 中的版本管理提供了优雅的解决方案:

{  "name": "monorepo",  "workspaces": ["packages/*"],  "catalog": {    "react": "^18.0.0",    "typescript": "^5.0.0"  }}

工作空间包可以通过 "react": "catalog:" 引用目录中的版本,实现集中式版本管理。这一设计借鉴了 pnpm 的成功经验,但整合得更加自然。

新增的安全扫描 API 让企业能够在安装阶段拦截恶意包。Bun 团队与 Socket 安全公司合作,推出了官方安全扫描器 @socketsecurity/bun-security-scanner。开发者也可以基于公开的 API 编写自定义扫描器,满足特定的安全合规需求。

[install.security]scanner = "@socketsecurity/bun-security-scanner"

最小发布时间限制功能则提供了对供应链攻击的防护:

[install]minimumReleaseAge = 604800  # 7天

这项配置要求包必须发布至少指定时间后才允许安装,给社区留出时间识别潜在的恶意包。

交互式更新命令 bun update --interactive 让依赖升级变得可控:

bun update --interactive

开发者可以逐个选择要更新的包,而不是一次性升级所有依赖,从而更好地控制潜在的破坏性变更。

测试框架的成熟化

Bun 的测试运行器在 1.3 版本中获得了与 VS Code Test Explorer 的深度集成。开发者可以直接在编辑器侧边栏查看测试列表,一键运行或调试单个测试,内联查看错误信息。这种开发体验与 Jest + VS Code Jest 扩展相当,但得益于 Bun 的性能优势,测试执行速度更快。

并发测试支持的加入让 I/O 密集型测试套件的运行时间大幅缩短:

import { test } from "bun:test";test.concurrent("fetch user 1", async () => {  const res = await fetch("https://api.example.com/users/1");  expect(res.status).toBe(200);});describe.concurrent("server tests", () => {  test("sends a request to server 1", async () => {    const response = await fetch("https://example.com/server-1");    expect(response.status).toBe(200);  });});

默认情况下,最多 20 个测试会并发运行,这个数字可以通过 --max-concurrency 标志调整。对于需要保持串行执行的测试,可以使用 test.serial 修饰符。

类型测试功能 expectTypeOf() 的引入是另一个亮点。开发者现在可以在单元测试中直接验证 TypeScript 类型:

import { expectTypeOf, test } from "bun:test";test("types are correct", () => {  expectTypeOf().toEqualTypeOf();  expectTypeOf({ foo: 1 }).toHaveProperty("foo");  expectTypeOf<Promise>().resolves.toBeNumber();});

这些类型断言可以通过 bunx tsc --noEmit 在 CI 流程中验证,将类型安全检查提升到了新的高度。

Node.js 兼容性的持续推进

Bun 1.3 在每次提交时运行 Node.js 测试套件中额外的 800 个测试用例。官方数据显示,N-API 测试通过率已达 98% 以上,timers 模块通过率达到 98.4%。

node:vm 模块的全面支持是本次更新的重要成果。这个模块常用于代码沙箱、插件系统等高级场景,其实现难度较大。Bun 1.3 不仅支持基础的 vm.Script,还实现了 vm.SourceTextModulevm.SyntheticModule 等高级 API,并支持字节码缓存以提升编译性能。

import vm from "node:vm";const script = new vm.Script('console.log("Hello from VM")');script.runInThisContext();

node:test 模块的初步支持让使用 Node.js 原生测试框架的项目能够在 Bun 上运行,这对于生态系统的兼容性意义重大。

加密性能的提升令人瞩目。DiffieHellman 和 Cipheriv/Decipheriv 的速度提升了约 400 倍,scrypt 提升了 6 倍。这些改进通过将关键路径用原生 C++ 重写实现,大幅降低了密码学操作的开销。

Web 标准与现代 API

Bun 1.3 新增了对多项 Web 标准的支持。YAML 原生支持让配置文件处理变得简单:

import { YAML } from "bun";const obj = YAML.parse("key: value");const yaml = YAML.stringify({ key: "value" }, 0, 2);// 直接导入 YAML 文件import config from "./config.yaml";

官方实现的 YAML 解析器目前通过了官方测试套件的 90% 用例,性能表现优异。

WebSocket 压缩功能的自动协商是另一个实用特性。当连接支持 permessage-deflate 时,Bun 会自动启用压缩,对于 JSON 等结构化数据,压缩率可达 60-80%,显著减少带宽消耗。

Zstandard 压缩的全面支持包括 fetch() 的自动解压和手动压缩 API:

import { zstdCompress, zstdDecompress } from "bun";const compressed = await zstdCompress("Hello, world!");const decompressed = await zstdDecompress(compressed);

DisposableStackAsyncDisposableStack 的实现体现了 Bun 对 TC39 提案的快速跟进。这些 API 与 usingawait using 声明配合,提供了优雅的资源管理机制。

性能优化:细节见真章

Bun 1.3 的性能优化遍布各个层面。空闲 CPU 占用的降低源于对垃圾回收调度的优化,在没有进行中的请求时,Bun.serve 的计时器不再活跃。JavaScript 内存占用降低 10-30% (Next.js 应用降低 28%,Elysia 降低 11%) 归功于更智能的 GC 计时器调度。

I/O 线程池的优化让 macOS 上的 Bun.build 快了 60%。Express 性能提升 9%,Fastify 提升 5.4%,这些改进来自对 node:http 模块的持续优化。

postMessage 的性能提升尤为惊人——字符串传递快了 500 倍,简单对象快了 240 倍。这通过避免对安全共享的字符串进行序列化实现,同时减少了约 22 倍的峰值内存使用。

// 在 Worker 间传递大型 JSON 字符串现在快了 500 倍const response = await fetch("https://api.example.com/data");const json = await response.text();postMessage(json);

启动时间减少了 1ms,内存占用减少了 3MB,这些看似微小的优化累积起来,对用户体验产生显著影响。

开发者体验的精心打磨

Bun 1.3 在开发者体验上的改进同样值得称道。TypeScript 默认配置改为 "module": "Preserve",保留模块语法的原始形态,更符合 Bun 作为原生 ES 模块运行时的定位。

console.log() 的深度控制让调试大型对象变得可控:

bun --console-depth=5 ./app.ts

[console]depth = 5

BUN_OPTIONS 环境变量提供了设置默认 CLI 参数的便捷方式:

export BUN_OPTIONS="--watch --hot"bun run ./app.ts# 等同于: bun --watch --hot run ./app.ts

bunx --package 标志让运行二进制文件与包名不一致的包变得简单:

bunx --package=@typescript-eslint/parser eslint ./src

新增的 bun why 命令清晰地展示依赖链,解答「为什么这个包会出现在我的项目中」:

bun why tailwindcss

这些看似细小的改进,体现了 Bun 团队对开发者日常工作流程的深刻理解。

打包器与构建系统的增强

Bun 的打包器在 1.3 版本中获得了跨平台编译能力。开发者现在可以在任何平台上为 Windows、macOS 和 Linux 构建可执行文件:

bun build --compile --target=linux-x64 ./app.ts --outfile myapp-linuxbun build --compile --target=darwin-arm64 ./app.ts --outfile myapp-macosbun build --compile --target=windows-x64 ./app.ts --outfile myapp.exe

Windows 可执行文件元数据的支持让企业应用的打包更加专业:

bun build --compile --target=windows-x64   --title="My App"   --publisher="My Company"   --version="1.0.0"   ./app.ts

代码签名支持(Windows 的 Authenticode 和 macOS 的 codesign)确保了发布的可执行文件可以通过操作系统的安全验证。

压缩器变得更加智能,能够移除未使用的函数和类名,优化 new Object()new Array() 等表达式,消除无用的 try...catch...finally 块。这些优化让生产构建的体积进一步缩小。

安全性的持续关注

Bun 1.3 引入了 Bun.secrets API,利用操作系统的原生凭据存储(macOS 的 Keychain、Linux 的 libsecret、Windows 的 Credential Manager):

import { secrets } from "bun";await secrets.set({  service: "my-app",  name: "api-key",  value: "secret-value",});const key = await secrets.get({  service: "my-app",  name: "api-key",});

凭据在静态时被加密,与环境变量分离存储,提供了更高的安全保障。

Bun.CSRF 模块为跨站请求伪造防护提供了原生支持:

import { CSRF } from "bun";const secret = "your-secret-key";const token = CSRF.generate({ secret, encoding: "hex", expiresIn: 60 * 1000 });const isValid = CSRF.verify(token, { secret });

这些安全特性的内置化降低了开发者的心智负担,让安全最佳实践更容易落地。

生态系统的影响与展望

Bun 1.3 的发布标志着该项目从「快速运行时」向「完整开发平台」的战略转型。Midjourney 等知名公司已在生产环境中使用 Bun 进行前端开发,这证明了其稳定性和可靠性。

官方提到,每个提交都会运行大量的 Node.js 测试套件,表明 Bun 团队对兼容性的重视。对 pnpm.lockyarn.lock 的迁移支持,让团队可以无痛试用 Bun,而无需说服所有成员同时升级工具链。

不过,1.3 版本也带来了一些破坏性变更。Bun.serve() 的 TypeScript 类型被重构,WebSocket 数据定义方式发生变化;SQL 客户端现在强制使用标签模板语法;测试过滤器在没有匹配用例时会报错而非静默成功。这些变更虽然可能给现有项目带来迁移成本,但从长远看有利于 API 的一致性和可维护性。

数据说话:性能对比

根据官方提供的基准测试数据:

Redis 客户端: 比 ioredis 快 7.9 倍以上 postMessage 字符串: 速度提升 500 倍,内存减少 22 倍 postMessage 对象: 速度提升 240 倍 DiffieHellman: 约快 400 倍 Cipheriv/Decipheriv: 约快 400 倍 scrypt: 快 6 倍 AbortSignal.timeout: 快 40 倍 Headers 操作: 快 2 倍 Bun.build on macOS: 快 60% Express: 快 9% Fastify: 快 5.4%

这些数据展示了 Bun 在性能上的持续领先优势。

社区反响与未来规划

Bun 1.3 的发布在社区引发了热烈讨论。开发者们尤其关注全栈开发能力的提升和包管理器的企业级特性。Socket 公司 CTO Ahmad Nassri 对安全扫描 API 的评价颇具代表性:「Bun 团队行动迅速,在包管理器层面保护开发者。开放安全扫描 API,让 Socket 这样的工具能够在安装过程中提供实时威胁检测。这是让开源开发默认更安全的重要一步。」

官方表示,1.3 系列将持续关注全栈应用开发体验的提升。Redis 集群、流式处理和 Lua 脚本支持已在规划中。WebAssembly 流式编译的实现,以及对更多 TC39 提案的支持,也在进行中。

Bun 的快速迭代和对社区反馈的积极响应,让人对其未来发展充满期待。从一个「更快的 Node.js」到一个「完整的 JavaScript 平台」,Bun 正在书写属于自己的故事。

源码地址:点击下载

以上就是Bun 1.3 正式发布的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/24197.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
Java中多态的基本实现方法
上一篇 2025年11月2日 05:14:15
百度搜索app如何启用搜索关键词过滤_百度搜索app关键词过滤的设置技巧
下一篇 2025年11月2日 05:17:18

相关推荐

  • 修复Django电商项目中AJAX过滤产品列表图片不显示问题

    在Django电商项目中,当使用AJAX动态加载过滤后的产品列表时,常遇到图片无法正常显示的问题。这通常是由于前端模板中图片加载方式(如data-setbg属性结合JavaScript库)与AJAX动态内容更新机制不兼容所致。解决方案是直接在AJAX返回的HTML中使用标准的标签来渲染图片,确保浏览…

    2026年5月10日
    000
  • 开源免费PHP工具 PHP开发效率提升利器

    推荐开源免费PHP开发工具以提升效率:VS Code、Sublime Text轻量高效,PhpStorm专业强大;调试用Xdebug、Kint、Ray;依赖管理选Composer;代码质量工具包括PHPStan、Psalm、PHP_CodeSniffer;数据库管理可用%ignore_a_1%MyA…

    2026年5月10日
    000
  • Golang JSON序列化:控制敏感字段暴露的最佳实践

    本教程探讨golang中如何高效控制结构体字段在json序列化时的可见性。当需要将包含敏感信息的结构体数组转换为json响应时,通过利用`encoding/json`包提供的结构体标签,特别是`json:”-“`,可以轻松实现对特定字段的忽略,从而避免敏感数据泄露,确保api…

    2026年5月10日
    000
  • 怎么在PHP代码中实现图片上传功能_PHP图片上传功能实现与安全处理教程

    首先创建含enctype的HTML表单,再用PHP接收文件,检查目录、移动临时文件,验证类型与大小,生成唯一文件名,并调整php.ini限制以确保上传成功。 如果您尝试在PHP项目中添加图片上传功能,但服务器无法正确接收或保存文件,则可能是由于表单配置、文件处理逻辑或安全限制的问题。以下是实现该功能…

    2026年5月10日
    100
  • HTML如何隐藏滚动条或去除滚动条

    滚动条可以存在也可以不存在,本文主要介绍了html 隐藏滚动条和去除滚动条的方法的相关资料,大家一起来学习一下html隐藏滚动条或去除滚动条的方法吧。 1. html 标签加属性 XML/HTML Code复制内容到剪贴板 2.body中加入以下代码 立即学习“前端免费学习笔记(深入)”; html…

    用户投稿 2026年5月10日
    000
  • vscode上怎么运行html_vscode上运行html步骤【指南】

    首先保存文件为.html格式,再通过浏览器或Live Server插件打开预览;推荐安装Live Server实现本地服务器运行与实时刷新,提升开发体验。 在 VS Code 上运行 HTML 文件并不需要复杂的配置,只需几个简单步骤即可预览页面效果。VS Code 本身是一个代码编辑器,不直接运行…

    2026年5月10日
    100
  • css max-height属性怎么用

    max-height 属性设置元素的最大高度。 说明 该属性值会对元素的高度设置一个最高限制。因此,元素可以比指定值矮,但不能比其高。不允许指定负值。 注意:max-height 属性不包括外边距、边框和内边距。 立即学习“前端免费学习笔记(深入)”; 值描述none 默认。定义对元素被允许的最大高…

    2026年5月10日
    100
  • 修复点击时按钮抖动:CSS垂直对齐实践

    本文探讨了在Web开发中,交互式按钮(如播放/暂停按钮)在点击时发生意外垂直位移的问题。通过分析CSS样式变化对元素布局的影响,我们发现这是由于按钮不同状态下的边框样式和内边距改变,以及默认的垂直对齐行为共同作用所致。核心解决方案是利用CSS的vertical-align属性,将其设置为middle…

    2026年5月10日
    000
  • 页面中文本域的值怎么设置

    标签定义多行的文本输入控件。 文本区中可容纳无限数量的文本,其中的文本的默认字体是等宽字体(通常是 Courier)。 可以通过 cols 和 rows 属性来规定 textarea 的尺寸,不过更好的办法是使用 CSS 的 height 和 width 属性。 注释:在文本输入区内的文本行间,用 …

    2026年5月10日
    000
  • 使用 Jupyter Notebook 进行探索性数据分析

    Jupyter Notebook通过单元格实现代码与Markdown结合,支持数据导入(pandas)、清洗(fillna)、探索(matplotlib/seaborn可视化)、统计分析(describe/corr)和特征工程,便于记录与分享分析过程。 Jupyter Notebook 是进行探索性…

    2026年5月10日
    000
  • 如何在HTML中插入表单元素_HTML表单控件与输入类型使用指南

    HTML表单通过标签构建,包含action和method属性定义数据提交目标与方式,常用input类型如text、password、email等适配不同输入需求,配合label、required、placeholder提升可用性,结合textarea、select、button等控件实现完整交互,是…

    2026年5月10日
    000
  • 前端缓存策略与JavaScript存储管理

    根据数据特性选择合适的存储方式并制定清晰的读写与清理逻辑,能显著提升前端性能;合理运用Cookie、localStorage、sessionStorage、IndexedDB及Cache API,结合缓存策略与定期清理机制,可在保证用户体验的同时避免安全与性能隐患。 前端缓存和JavaScript存…

    2026年5月10日
    100
  • HTML5网页如何实现手势操作 HTML5网页移动端交互的处理技巧

    首先利用原生touch事件实现滑动判断,再通过preventDefault解决滚动冲突,接着引入Hammer.js处理复杂手势,最后通过优化点击区域、避免事件冲突和增加视觉反馈提升体验。 在移动端浏览器中,HTML5网页可以通过触摸事件实现手势操作,提升用户体验。虽然原生JavaScript提供了基…

    2026年5月10日
    000
  • 深入理解 Express.js 中 next() 参数的作用与中间件机制

    本文深入探讨 express.js 中间件函数中的 `next()` 参数。它负责将控制权传递给请求-响应周期中的下一个中间件或路由处理程序。文章将详细解释 `next()` 的工作原理、中间件的注册与执行顺序,以及不正确使用 `next()` 可能导致请求挂起的风险,并通过代码示例和实际应用场景,…

    2026年5月10日
    000
  • Python命令怎样使用profile分析脚本性能 Python命令性能分析的基础教程

    使用Python的cProfile模块分析脚本性能最直接的方式是通过命令行执行python -m cProfile your_script.py,它会输出每个函数的调用次数、总耗时、累积耗时等关键指标,帮助定位性能瓶颈;为进一步分析,可将结果保存为文件python -m cProfile -o ou…

    2026年5月10日
    000
  • PHP动态生成表单输入与POST数据获取实践指南

    本教程详细阐述了如何在php中根据动态数据源(如数据库值)生成多个表单输入框,并演示了如何通过post方法准确无误地获取这些动态生成的输入值。文章强调了正确的输入框命名策略,避免了常见的命名误区,并提供了完整的代码示例,确保开发者能够高效处理动态表单数据。 动态生成表单输入 在Web开发中,我们经常…

    2026年5月10日
    000
  • JavaScript 闭包:理解闭包原理与内存泄漏问题

    闭包是函数访问其外部作用域变量的能力,即使外部函数已执行完毕。如 inner 函数引用 outer 中的 count,形成闭包,使变量持久存在。闭包本身无害,但可能因延长变量生命周期导致内存泄漏,例如事件监听器引用大对象时。若未及时清理 DOM 事件或定时器,闭包会阻止垃圾回收,造成内存占用过高。解…

    2026年5月10日
    000
  • JavaScript 动态菜单点击高亮效果实现教程

    本教程详细介绍了如何使用 JavaScript 实现动态菜单的点击高亮功能。通过事件委托和状态管理,当用户点击菜单项时,被点击项会高亮显示(绿色),同时其他菜单项恢复默认样式(白色)。这种方法避免了不必要的DOM操作,提高了性能和代码可维护性,确保了无论点击方向如何,功能都能稳定运行。 动态菜单高亮…

    2026年5月10日
    200
  • c++如何实现UDP通信_c++基于UDP的网络通信示例

    UDP通信基于套接字实现,适用于实时性要求高的场景。1. 流程包括创建套接字、绑定地址(接收方)、发送(sendto)与接收(recvfrom)数据、关闭套接字;2. 服务端监听指定端口,接收客户端消息并回传;3. 客户端发送消息至服务端并接收响应;4. 跨平台需处理Winsock初始化与库链接,编…

    2026年5月10日
    000
  • html5怎么画实线_HTML5用CSS border-style:solid画元素实线边框【绘制】

    可通过CSS的border-style属性设为solid添加实线边框:一、内联样式用border:2px solid #000;二、内部样式表统一设置如div{border:1px solid #333};三、外部CSS文件定义.my-box{border:3px solid red}并引入;四、单…

    2026年5月10日
    200

发表回复

登录后才能评论
关注微信