栗子前端技术周刊第 76 期 - ChatUI 3.0、Tailwind CSS v4.1、Next.js 15.3...

🌰栗子前端技术周刊第 76 期 (2025.04.07- 2025.04.13):浏览前端一周最新消息,学习国内外优秀文章视频,让我们保持对前端的好奇心。

📰 技术资讯

  1. ChatUI 3.0:阿里达摩院发布的 ChatUI 3.0 组件库,这是一款能够同时适配移动端和 PC 端的优秀 AI 聊天组件库。

  2. Tailwind CSS v4.1:Tailwind CSS v4.1 发布,增加了文字阴影工具类、元素遮罩功能、精细化文本换行控制、更强的浏览器兼容性等众多特性。

  3. Next.js 15.3:Next.js 15.3 版本更新亮点:集成 Turbopack 构建工具(Alpha 版)、Rspack 社区支持(实验性)、新增客户端埋点与导航钩子等功能。

  4. React Native 0.79 :React Native 0.79 优化了工具链性能,Metro(React Native 打包工具)现在启动速度大幅提升,并稳定支持 package.jsonexportsimports 字段解析,除此之外 Android 应用启动速度也得到显著提升。

📒 技术文章

  1. Handling large lists efficiently in Vue 3:在 Vue 3 中高效地处理大型列表 - 本文将带你探索优化 Vue 3 中大型列表的最佳技巧。

  2. React Reconciliation: The Hidden Engine Behind Your Components:React 协调机制:组件背后的隐形引擎 - React 的协调算法决定了如何根据虚拟 DOM 的变化来更新实际 DOM,理解其工作原理对开发高效应用至关重要,本文为你揭秘其幕后机制。

  3. 因网速太慢我把 20M+ 的字体压缩到了几 KB:文章围绕字体文件过大影响海报编辑器用户体验展开,介绍了常见字体格式和解释了字体文件大的原因,最后通过字体子集化和按需加载将 22.4M 字体缩减到 3.6KB,极大地优化了加载时间。

🔧 开发工具

  1. Type Buddy:一款帮助你理解 TypeScript 类型的 VS Code 插件。
  1. 404s:该网站收集各种 404 页面。
  1. Embla Carousel 8.6:轻量级轮播组件,带来流畅动效体验,支持原生 JS、React、Vue 等各种接入。

🚀🚀🚀 以上资讯文章选自常见周刊,如 JavaScript Weekly 等,周刊内容也会不断优化改进,希望你们能够喜欢。

💖 欢迎关注微信公众号:栗子前端

相关推荐
JiangJiang22 分钟前
🚀 Vue人看React useRef:它不只是替代 ref
javascript·react.js·面试
1024小神26 分钟前
在GitHub action中使用添加项目中配置文件的值为环境变量
前端·javascript
龙骑utr31 分钟前
qiankun微应用动态设置静态资源访问路径
javascript
Jasmin Tin Wei32 分钟前
css易混淆的知识点
开发语言·javascript·ecmascript
齐尹秦35 分钟前
CSS 列表样式学习笔记
前端
wsz777739 分钟前
js封装系列(一)
javascript
Mnxj39 分钟前
渐变边框设计
前端
用户76787977373242 分钟前
由Umi升级到Next方案
前端·next.js
快乐的小前端43 分钟前
TypeScript基础一
前端
北凉温华44 分钟前
UniApp项目中的多服务环境配置与跨域代理实现
前端