Nuxt UI v4.12.0 把 Chart 组件做成了服务端渲染。折线图、面积图、柱状图、环形图,全部在服务端以 SVG 形式输出,底层基于 TanStack Charts,系列配色跟随主题走。
![]()
同一版本里,菜单、命令面板和 Toast 这些浮层改成了懒加载。周报给出的数字是:页面加载的 JavaScript 最多减少 27%。用 i18n 的项目也只会打包实际列出的语言区域,不再整包带走。
这一周的更新不止 Nuxt UI 一家。七个 shadcn 注册表集中发了一轮新组件,清单如下:
- @coss:聊天与输入框区块
- @reui:颜色、表情、文件类型选择器,以及推理轨迹
- @beui:K 线图与环形图
- @assistant-ui:图表与地图元素
- 面向 Svelte 的 AI Elements
- @remocn:36 个着色器预设
色彩系统这块,Kyle Van Deusen 给了一个拆法:把 HEX 调色板定义成原始令牌,再用 --button-background 这类语义令牌去引用它们。改一次 --blue-600,按钮、链接和 CTA 就同步更新;客户临时要橙色,只需要把语义令牌重新指过去,不用满项目翻颜色值。
Flavio Copes 列了 12 项原生 CSS 特性,说这些让 Sass 和 PostCSS 的技巧可以退休了。名单里包括嵌套、:has()、容器查询、subgrid、oklch() 配合 color-mix()、@layer 等等。他也点了一句:滚动驱动动画这类特性还没到 Baseline 标准,别急着全押。
资源区有两个值得看的。Zernio 是一个带托管 MCP 端点的营销基础设施 API。Remocn 是一套免费的 MIT 许可组件集,约 395 个 Remotion 组件,可以当技能装进 Claude Code、Cursor 或 ChatGPT,然后合成为带时间轴的场景,直接留在代码仓库里,不需要账号,也不需要运行时环境。
另外还有 Manuel Matuzović 的 2026 HTML 样板详解,以及 Cool Stuff 板块的 Tiiny Host、Droppy、Feedsmith 和 hostflip。
对天天跟构建链打交道的人来说,这一期的信号挺明确:能交给浏览器原生做的,就别再挂一层编译。27% 的 JS 体积是靠懒加载省下来的,不是靠换框架。
特别声明:以上内容(如有图片或视频亦包括在内)为自媒体平台“网易号”用户上传并发布,本平台仅提供信息存储服务。
Notice: The content above (including the pictures and videos if any) is uploaded and posted by a user of NetEase Hao, which is a social media platform and only provides information storage services.