乐趣区

关于前端:前端食堂技术周刊第-77-期三月登陆浏览器的新功能Nuxt-DevToolspnpm-v800

美味值:🌟🌟🌟🌟🌟

口味:青提茉莉奶茶

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

本期摘要

  • 三月登陆浏览器的新性能
  • Nuxt DevTools
  • Qwik 公布 RC 版本
  • Rome v12
  • pnpm v8.0.0
  • 古代图片性能优化及体验优化指南
  • 探索前端我的项目打包构建的用户故事
  • 从新思考 React 最佳实际
  • 古代 CSS 100 天挑战完结
  • CLI 脚手架工具生态现状

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

技术资讯

1. 三月登陆浏览器的新性能

Firefox 111、Chrome 111 和 Safari 16.4 公布稳固版本。

Firefox 111

  • 新增了对一些 全局 HTML 属性 的反对,包含 autocapitalize 和 translate
  • 在应用文件系统拜访 API 时增加了对 Origin Private File System(OPFS) 的反对

Chrome 111

  • 增加了 View Transitions API
  • 反对新的 CSS 色彩空间和函数,新的 DevTools 也反对相干调试
  • 减少了将选择器列表传递给 :nth-child() 和 :nth-last-child() 的性能
  • 减少针对 Media Session API 的演示幻灯片操作

Safari 16.4

  • 135 个新性能以及超过 280 项改良

2. Nuxt DevTools

Nuxt DevTools 是一款可视化工具,能够帮忙你理解 Nuxt 应用程序并进一步提高开发者体验。它的创立目标是为了更好地展现 Nuxt 和应用程序的透明度,找到性能瓶颈,并帮忙管理应用程序和配置。

3. Qwik 公布 RC 版本

Qwik 达到 RC 版本里程碑。

4. Rome v12

Rome v12 公布,新增如下个性:

  • 反对 JSON 文件
  • 反对 TypeScript 4.7、TypeScript 5.0
  • 🧪 通过 CLI 反对导入排序
  • 优化配置、诊断和主动发现等

5. pnpm v8.0.0

pnpm 公布 v8.0.0,新增如下个性:

  • Node.js 14 不再反对
  • 一系列对于 peer dependencies 的默认配置项更新,以便在从其余包管理器迁徙时可能更加丝滑
  • Lockfile 锁文件采纳 Lockfile v6,去除了包 ID 的哈希值,晋升锁文件的可读性,对 Git 合并抵触有更强的抵抗力
  • 当 package.json 中有 files 字段时,只有其中列出的文件才有幸被 deploy
  • 间接依赖项去重,减肥胜利

上面咱们来看技术材料。

技术材料

1. 古代图片性能优化及体验优化指南

在各种新个性满头飞的明天,咱们如何尽可能的对咱们的图片资源,进行性能优化及体验优化呢,本文总结了大量的实际办法。

2. 探索前端我的项目打包构建的用户故事

为什么已经须要打包?为什么打包后还须要分包?为什么咱们当初能够应用 bundleless?本文会对这些疑难进行一一解答。

3. 从新思考 React 最佳实际

十多年前,React 从新思考了客户端渲染 SPA 畛域的最佳实际。现在,React 的采用率达到了高峰,同时也继续受到大量的批评和质疑,本文将深入探讨 React 从客户端视图库到应用程序架构的演变之路。

4. 古代 CSS 100 天挑战完结

是时候让咱们迎头赶上古代 CSS 了,在 CSS 中有很多新货色,咱们对它们理解得太少。为了扭转这种状况,能够和作者一起回顾这 100 天的挑战。

5. CLI 脚手架工具生态现状

开发 CLI 脚手架工具时,咱们有很多库能够抉择,但许多曾经过期。有些库的开发陷入停滞,有些被维护者放弃,还有许多没有赶上古代开发实际。本文旨在对最风行的包进行分类,并重点介绍其中的一些包及其以后的开发状态。包含参数解析、输入款式、用户输出、框架等方面。

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

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

退出移动版