栗子前端技术周刊第 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 等,周刊内容也会不断优化改进,希望你们能够喜欢。

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

相关推荐
随风一样自由4 小时前
【前端独角兽】刚进入前端领域的前端开发用jQuery还是Vue3?
前端·javascript·vue3·jquery
IMPYLH5 小时前
HTML 的 <data> 元素
前端·html
YHHLAI5 小时前
[特殊字符] 面试中的 Promise —— 从入门到精通
前端·javascript·面试
weixin_BYSJ19876 小时前
SpringBoot + MySQL 乒乓球运动员信息管理系统项目实战--附源码04954
java·javascript·spring boot·python·django·flask·php
沪飘大军6 小时前
ll-llm:一个零依赖、可插拔的 OpenAI 兼容 LLM 代理
javascript
kyriewen7 小时前
我扒了 GPT-5.6 的全部编程跑分——有一项 OpenAI 没敢放出来
前端·gpt·ai编程
前端H8 小时前
微前端 v3 架构升级:从加载隔离到状态协同
前端·架构·状态模式
山河木马8 小时前
GPU自动处理专题3-NDC怎么映射成屏幕像素坐标(视口变换)
javascript·webgl·图形学
陆枫Larry9 小时前
小程序包体积优化:用 SVG 图片替换 iconfont,并保留 CSS 控色能力
前端
Appthing9 小时前
在 TanStack Start 中使用 VitePWA 的正确配置
javascript