前端食堂技术周刊第 64 期:Node.js 19、Interop 2022、SvelteKit 1.0、2022 Web 性能回顾、最流行的 Node.js

news/2025/1/12 15:49:34/

美味值:🌟🌟🌟🌟🌟

口味:冰糖雪梨

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

本期摘要

  • Node.js 19 的新特性
  • Interop 2022 年终更新
  • SvelteKit 1.0
  • 2022 Web 性能回顾
  • 最流行的 Node.js 框架
  • 最流行的 CSS-in-JS 库

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

技术资讯

1. Node.js 19 的新特性

  • –watch flag(实验性🧪)
  • 自定义 ESM Resolution
  • V8 版本更新至 10.7,引入处于 stage 3 阶段的 Intl.numberFormat API
  • 不再支持 DTrace/SystemTap/ETW

2. Interop 2022 年终更新

  • Cascade layers 主要的浏览器(Chrome、Firefox、Edge、Safari)目前都已支持,Firefox 还剩一些测试工作
  • The dialog element 主要的浏览器目前都已支持
  • Subgrid Firefox 和 Safari 支持
  • Viewport units 主要的浏览器都已支持
  • Color 4
  • Interop 2023 完成初步规划

3. SvelteKit 1.0

Svelte 也有了自己的元框架,SvelteKit 发布 1.0,并提供了交互式教程。

下面我们来看技术资料。

技术资料

1. 2022 Web 性能回顾

衡量和优化网站速度的方式一直在变化:新的标准、新的工具、新的衡量指标。本文整理了 2022 年 Web 性能方面的变化:

  • Priority Hints
  • 从 Chrome 106 开始,不再发出 OSCP 请求
  • 新的性能指标 INP,可能后面会取代 FID
  • Core Web Vitals 作为桌面端的搜索排名因素
  • Chrome 中的 Back/Forward 缓存
  • HTTP/3 标准化
  • 更好的识别阻塞渲染的请求
  • Chrome DevTools Performance Insights 面板
  • 103 Early Hints
  • Chrome 108 重启了全页预渲染
  • Safari 支持 AVIF 图片格式、图片懒加载
  • DebugBear 的免费网站速度测试、Chrome 插件 Site Speed by DebugBear

2. 最流行的 Node.js 框架

经过多年的稳定统治,Node.js 仍然是最受欢迎的 JavaScript 运行时。但最近 Node.js 框架的格局发生了巨大的变化,诞生了许多元框架。本文针对当前的趋势,探讨了 2022 年最流行的 Node.js 框架。

  • Next.js
  • Nest
  • Strapi
  • Remix
  • Nuxt
  • SvelteKit
  • Fastify
  • Redwood
  • Express
  • Adonis
  • Keystone

3. 最流行的 CSS-in-JS 库

好文推荐

下面来看一下好文推荐,本周推荐的好文是:

  1. Hybrid 远程调试的前世今生

  2. 图解浏览器的多进程渲染机制

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

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


http://www.ppmy.cn/news/6870.html

相关文章

医疗产品设计的新趋势

随着个人健康和医疗数据技术的发展,消费者可以选择更多的方法来跟踪和管理他们的健康状况,因此医疗产品开始转向更多的健康预防领域。医疗器械设计公司认为,随着医疗产品设计从医疗产品转向家庭,医疗产品的设计需要考虑更多的新问…

力扣(LeetCode)1759. 统计同构子字符串的数目(C++)

题目描述 双指针数学 根据同构字符串的定义,还有示例,发现同构子字符串的数量,只和字母相同的区间有关。如abbcccaa,有 444 个影响答案的区间,直观切分为a bb ccc aa,用空格划分区间。遍历的任务就是维护这…

C++ STL 之可变长数组 Vector 详解

文章目录Part.I AttentionChap.I 注意事项Chap.II 操作技巧Part.II FunctionChap.I 构造函数Chap.II 增加函数Chap.III 删除函数Chap.IV 遍历函数Chap.V 判断/大小/其他函数Part.III CodePart.I Attention Chap.I 注意事项 使用vector需要注意的地方: 加引用#inc…

SQL 事务基础

事务基础 1 事务概念 所谓事务就是用户定义的一个数据库操作序列,这些操作要么全做,要不全不做,是一个不可分割的工作单位。 2 事务的特性(ACID) 原子性(atomicity) 事务是数据库工作的逻辑…

Springboot 统计 代码执行耗时时间 ,玩法多到眼花

前言 近日群里有萌新提到关于统计代码执行时间的事: 开始 System.currentTimeMillis() 减去 结束 System.currentTimeMillis() 等于 耗时 其实我个人感觉OK的,就这样就蛮好的,很多项目都是这样用的。 简简单单的挺好。 这一篇就是 …

python 串口通信

需要准备好的工具 windows上找个串口通信工具 Linux上查看设备列表 有可能需要安装串口驱动,去设备管理器中安装一下 或这个一般串口开发,厂家都会给驱动和串口调试工具 如果串口调试工具调试没有问题了 接下来你用python代码调试 你需要在python环境中安装pyserial库 pip …

通过静态LSP、LDP LSP、MPLS TE三种方式实现总部与分支的互通

一、静态LSP 特点:类似静态路由,简单易用,手动建立lsp,定制转发路径,无需控制报文,资源消耗少。 缺点:不适合大型复杂拓扑,不能根据网络变化而动态调整,需要管理员手动调…

Android OpenGL ES 学习(十一) –渲染YUV视频以及视频抖音特效

OpenGL 学习教程 Android OpenGL ES 学习(一) – 基本概念 Android OpenGL ES 学习(二) – 图形渲染管线和GLSL Android OpenGL ES 学习(三) – 绘制平面图形 Android OpenGL ES 学习(四) – 正交投影 Android OpenGL ES 学习(五) – 渐变色 Android OpenGL ES 学习(六) – 使用…