栗子前端技术周刊第 72 期 - 快 10 倍的 TypeScript、React Router 7.3、Astro 5.5...

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

📰 技术资讯

  1. 快 10 倍的 TypeScript:微软将使用 Go 语言对 TypeScript 进行全面重写,以提高其性能。其中关键性能提升包括:构建时间缩短约 10 倍,项目加载速度提升 8 倍,内存占用减少至当前实现的大约一半。这个特性将会在 TypeScript 7.0 正式发布,最初的预览版将于 2025 年年中推出。至于为什么不使用 Rust,官方回答是 Go 语言在重写 TypeScript 的方面提供了更高的可移植性,同时提供具有竞争力的性能表现。

  2. React Router v7.3:React Router v7.3 发布,带来了 Vite 环境 API 的改进、客户端上下文(unstable)和中间件(unstable)等功能。

  3. Astro 5.5:Astro 5.5 更好地支持图表工具、改进了 Markdown 兼容性和类型安全会话(sessions)。

  4. Nuxt 3.16 :Nuxt 3.16 引入了新的 create-nuxt 命令,它是 nuxi init 的精简版,让你能更快的初始化项目;升级 unhead 到 v2 以改进上下文处理;增强了 Nuxt Devtools 等。

  5. Bun v1.2.5:Bun 此次更新内容为:对前端开发服务器的改进、CSS modules 支持、更好的 Node-API 兼容性等。

📒 技术文章

  1. 7 Powerful JavaScript Inheritance Techniques:7 种强大的 JavaScript 继承实现方式 - JavaScript 提供了多种继承模式,包括原型链继承、构造函数继承、组合继承、寄生继承、原型式继承、寄生组合式继承以及 ES6 的类继承。每种方法都有其独特的优势和局限性,为不同的应用场景提供了多样化的解决方案。

  2. Beyond React.memo: Smarter Ways to Optimize Performance:超越 React.memo:更巧妙的性能优化方法 - 提到性能优化,React.memo 通常是开发们最先使用的 API,但在很多情况下,还有更简单、更优雅、更符合 React 特性的解决方案。

  3. 前端白屏检测SDK:从方案设计到原理实现的全方位讲解:文章先介绍了白屏的表现和原因,接着对比了各个检测方案,最后介绍了页面关键点采样对比这一方案的数据采集。

🔧 开发工具

  1. Ink 5.2:在 React 中使用 Ink 构建交互式 CLI 应用。
  1. code-inspector:点击页面元素查看源代码,可定位到 IDE 源码中。
  1. Chrome Extension Boilerplate:Chrome 扩展工具模板,使用 React 和 Typescript 创建 Chrome/Firefox 扩展。

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

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

相关推荐
牧天白衣.2 小时前
html中margin的用法
前端·html
NoneCoder2 小时前
HTML与安全性:XSS、防御与最佳实践
前端·html·xss
沃野_juededa2 小时前
关于uniapp 中uview input组件设置为readonly 或者disabled input区域不可点击问题
java·前端·uni-app
哎哟喂_!2 小时前
UniApp 实现分享功能
前端·javascript·vue.js·uni-app
k1955142392 小时前
uniapp常用
前端·javascript·uni-app
wuhen_n4 小时前
CSS元素动画篇:基于页面位置的变换动画
前端·css·html·css3·html5
sql123456789115 小时前
前端——CSS1
前端
Nueuis5 小时前
微信小程序分页和下拉刷新
服务器·前端·微信小程序
小白64025 小时前
前端性能优化(实践篇)
前端·性能优化
白瑕5 小时前
[JavaScript]对象关联风格与行为委托模式
javascript