专栏名称: OSC开源社区
OSChina 开源中国 官方微信账号
目录
相关文章推荐
大淘宝技术  ·  阿里淘天T-Star Lab ... ·  1小时前  
老刘说NLP  ·  RAG&KG&LLM&文档智能四大领域技术前 ... ·  5 小时前  
程序员的那些事  ·  不到 2 个月,OpenAI 火速用 ... ·  3 天前  
程序员小灰  ·  你的技术栈,还能撑几年? ·  3 天前  
51好读  ›  专栏  ›  OSC开源社区

2024年前端大事记​

OSC开源社区  · 公众号  · 程序员  · 2025-01-17 16:30

正文

请到「今天看啥」查看全文


了解更多: 号称迄今最快?又一个新的 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 权限的请求和管理。主要特点包括:

  1. 声明式请求权限 :通过 等声明方式请求特定权限,如摄像头、麦克风等。






请到「今天看啥」查看全文