正文
了解更多:
号称迄今最快?又一个新的 JavaScript 运行时发布了!
[3-12] Meta 开源面向 Web 和 Native 的跨平台 React 解决方案
Meta 开源了
react-strict-dom
库,该库使用 Web API 来渲染组件,从而改进和标准化了用于 Web 和 Native 跨平台 React 组件的编写方式,使开发者可以更轻松地创建通用 React 组件,同时提高了兼容性和开发效率。
了解更多:
Meta 最新开源!面向 Web 和 Native 的跨平台 React 解决方案
[3-16] INP 成为
Web Core Vital
“交互到下一次绘制(
Interaction to Next Paint
,简称 INP)在 3 月份取代首次输入延迟成为核心网络关键指标,以帮助你更全面地衡量页面响应能力,而不仅仅局限于首次用户输入。从那时起,在移动设备上具有 "良好" INP 的网站数量增加了9%,这意味着整个网络上的用户体验更快、更愉快。”
了解更多:https://web.dev/articles/inp
[3-21] VitePress 1.0 发布
VitePress
是一种由 Vue 团队推出的现代化静态站点生成器。VitePress 旨在构建快速、以内容为中心的网站,并能够将 Markdown 格式的内容转换为静态 HTML 页面,支持多平台部署。
VitePress
基于 Vite 和 Vue,作为 VuePress 的继任者,提供了多样化的使用场景,包括技术文档编写、博客、作品集与营销网站等。它支持自定义主题和灵活的 API,能够简化开发者体验并支持实时内容更新。此外,VitePress 结合静态和单页应用程序 (SPA) 模型,实现了初始快速加载和导航时的无缝交互体验,在提升性能的同时,优化了用户体验和 SEO。
了解更多:https://blog.vuejs.org/posts/vitepress-1.0
[4-1] Bun 支持了
Windows
系统
Bun 1.1 正式支持了
Windows
系统,也意味着其覆盖了所有主流操作系统。
性能方面也大幅提升,如在
Windows
上安装依赖速度更快,文件系统操作等方面也有优化;改进了
Node.js
兼容性,修复上千个
bug
并新增大量
API
支持;新增了如
.bunx
文件类型等新特性;
WebSocket
客户端趋于稳定;内置的测试框架得到更新,增加了更多期望方法以及模块模拟功能等。
了解更多:https://bun.sh/blog/bun-v1.1
[4-3] TypeScript 5.4 发布
TypeScript 5.4
版本带来一些新特性和一些破坏性变更。新特性包括优化闭包中的类型收窄、引入了
NoInfer
工具类型以改善类型推断过程、为
Object.groupBy
和
Map.groupBy
添加类型声明。破坏性变更包括更准确的条件类型约束和更灵敏的类型交集处理。文章详细解释了这些特性的实现以及可能带来的影响,使开发者可以更好地理解和应用这些更新。
了解更多:
TypeScript 5.4:带来新的类型和一些 Break Change
[4-8] TC39 推出 Signals 的标准化提案
在前端开发领域,状态管理总是一个绕不开的话题。随着 Web 应用程序越来越复杂,对于高效且可靠的状态管理解决方案的需求也水涨船高。2022 年,
JavaScript
世界中出现了一个新概念:
Signals
,这个概念一度被大家炒作为前端状态管理的未来。
Rob Eisenberg
以及
Daniel Ehrenberg
正式公开发布了
Signals
的 TC39 标准化草案,目前处于 Stage0 阶段,并且也推出了符合规范的
polyfill
。
了解更多:
Signals 的标准化提案,来了!
[4-22] Node.js 22 发布
Node.js 22
版本主要更新包括:增强的
require()
函数以支持
ECMAScript
模块(
ESM
)的直接导入,内置
WebSocket
客户端的引入,以及
V8 JavaScript
引擎的更新。
了解更多:https://nodejs.org/en/blog/announcements/v22-release-announce
[4-27] Iterator Helper 提案正式获得浏览器支持
Iterator
(迭代器)和数组的概念类似,在
JavaScript
中都是用于存储和管理数据集合的机制。但实际开发中,我们使用数组的场景要远远多于
Iterator
,主要原因还是因为 Iterator 太难用了,它不像数组一样给我们提供了很多便捷的高阶函数(如 map、filter 等) 。
Iterator helpers
提案正式出来解决这个问题的,它已经有几年时间了,目前处于 Stage3 阶段。
Iterator helpers
提供了一整套方法,使得迭代器的操作变得像数组一样简单。它允许你可以以链式调用的方式来组合方法,比如可以先用 .map() 处理数据,紧接着用
.filter()
筛选出需要的部分,最后用
.toArray()
将其转换成数组。
在
V8 12.2/Chrome 122
中,
Iterator helpers
正式获得了支持。
了解更多:
ECMAScript 的 Iterator Helper 提案正式获得浏览器支持!
[5-10] Chrome 125 支持 CSS 锚点定位
Chrome 125 新增了一个比较重要的特性:CSS 锚点定位 API。这个新功能允许开发者通过原生方式定位相对于其他元素的元素,从而简化复杂布局的实现,例如菜单、工具提示和对话框等。具体实现方式包括隐式锚点和显式锚点,通过
anchor-name
和
position-anchor
属性进行元素定位。
了解更多:
Chrome 125:CSS 锚点定位来了!
[5-14] Google I/O 2024:下一代 Web 应用的新模型
Google I/O 2024 的值得关注的重点内容就是 Web AI 的新模型、工具和 API,可以直接在用户设备的浏览器中运行 AI 任务,通过 WebAssembly 和 WebGPU 等现代 Web 技术实现即时、隐私友好且低延迟的 AI 服务。
同时,Google 推出了 Visual Blocks,这是一种基于节点图编辑器的机器学习原型工具,简化了 AI 项目的原型设计。此外,还介绍了如何在 Chrome 中使用 JavaScript 大规模实现 Web AI 和进行模型测试。
了解更多:
Web AI:下一代 Web 应用的新模型、工具、API
[5-22] SolidStart 1.0 发布
SolidStart
是一个新的
JavaScript
框架,用于构建和部署
SolidJS
应用。
SolidStart
强调服务器端渲染和优化,采用灵活的路由机制,并首次引入“服务器函数”功能,可以让函数仅在服务器上执行。其基础轻量级设计,支持多种服务器端和客户端功能,旨在提供开发者一个灵活、高效的框架,以更好地抓住日益增长的系统复杂性。
了解更多:https://www.solidjs.com/blog/solid-start-the-shape-frameworks-to-come
[5-22] Angular v18 发布
Angular v18
版本正式发布,带来了一系列新功能和改进。
此次更新的亮点包括实验性的无区分检测(
zoneless change detection
),该功能旨在提高性能和开发者体验;
Angular.dev
成为新的官方开发者文档网站;
Material 3
、可延迟视图和内置控制流现已稳定;以及服务器端渲染方面的增强。这个版本还改进了调试体验,增加了事件重播功能,并引入了用以渐进式提高应用性能的部分水化技术。通过这些更新,
Angular
继续推进其架构的演进,提高开发效率和应用性能。
了解更多:https://blog.angular.dev/angular-v18-is-now-available-e79d5ac0affe
[6-10] WWDC24 - iOS18 下的 WebKit 更新
在
WWDC 2024
上,iOS 18 中 WebKit 的主要更新包括支持
View Transitions API
、样式查询、背景滤镜内容可见性优化、新的 Web API 功能(如空间照片和 WebXR 支持)、加强的安全策略和 JavaScript 正则表达式的改进。这些更新提升了动画效果、性能优化、安全性和功能丰富性,实现了更好用户体验的浏览器表现。
了解更多:
WWDC24 - iOS18 下的 WebKit 有哪些更新?
[6-11] Chrome 126:新元素
、多页
View Transitions API
元素是 HTML 中的新元素,用于改进 Web 权限的请求和管理。主要特点包括:
-
声明式请求权限
:通过
等声明方式请求特定权限,如摄像头、麦克风等。