前端食堂技术周刊第 83 期:TS 5.1 RC、Nuxt 3.5、INP、Knip、管理 GitHub 通知、WebXR

By Midjournery

美味值:

口味:杏花乌龙拿铁

  • 食堂技术周刊仓库地址:https://github.com/Geekhyt/weekly

本期摘要

  • TypeScript 5.1 RC
  • Nuxt 3.5
  • INP 将成为新的 Core Web Vital 指标
  • Knip
  • 如何管理 GitHub 通知
  • WebXR 应用开发之 aframe 框架入门
  • 143 DevTools Tips
  • Web Vitals 插件实践

大家好,我是童欧巴。欢迎来到前端食堂技术周刊,我们先来看下上周的技术资讯。

技术资讯

1. TypeScript 5.1 RC

自 Beta 版本以来的新变化:

  • 修正了装饰器中 init hooks 的一些行为
  • 改变了在 isolatedModules 下的 emit 行为,确保脚本文件不会被重写为模块。使用 transpileModule API 也将确保脚本文件不被解释为模块,因为它假定了isolatedModules 的使用
  • 添加了新的重构功能,可以将声明移动到现有文件

2. Nuxt 3.5

主要特性如下:

  • Vue3.3、Nitropack v2.4
  • 丰富的 JSON payloads,各种丰富的 JS 类型都支持开箱即用
  • 交互式服务器组件
  • 支持环境配置
  • 全类型化的路由
  • Bundler 模块解析,支持 subpath 导出的类型
  • server 类型分离

3. INP 将成为新的 Core Web Vital 指标

FID 的局限性众所周知,第一次交互并不能代表页面整个生命周期中的所有交互。

所以 INP 将于 2024 年 3 月起被推广为新的核心网络要素指标,用来取代 FID。这篇文章中介绍了决策背后的动机、引起的变化以及如何开始使用。

下面我们来看技术资料。

技术资料

1. Knip

Knip 可以在 JavaScript 和 TypeScript 项目中寻找未使用的文件、依赖和导出,并移除掉他们。更少的代码和依赖将会提升性能、降低维护成本,并使重构更加容易。

前端食堂技术周刊第 83 期:TS 5.1 RC、Nuxt 3.5、INP、Knip、管理 GitHub 通知、WebXR_第1张图片

2. 如何管理 GitHub 通知

antfu 分享了他管理海量 GitHub 通知的最佳实践。

  • 项目管理工具 Volta
  • 将通知按仓库分组
  • 增强 GitHub 通知的用户脚本

3. WebXR 应用开发之 aframe 框架入门

本文介绍了 WebXR 的概念、标准、优点、主流的开发方式以及 aframe 框架的入门实践。

4. 143 DevTools Tips

DevTools 技巧合集。

前端食堂技术周刊第 83 期:TS 5.1 RC、Nuxt 3.5、INP、Knip、管理 GitHub 通知、WebXR_第2张图片

5. Web Vitals 插件实践

Web Vitals 插件现在展示了更多的调试信息,来帮助我们确定 Core Web Vitals 问题的根本原因,本文给出了实践指南。

好了,以上就是本期的食堂周刊,观众老爷们如果觉得还不错,一键三连是对食堂老板最大的支持。

你的前端食堂,吃好每一顿饭,我们下期见。

你可能感兴趣的:(技术周刊,前端,github,javascript)