css和html相关
=============
1. Interaction to Next Paint (INP)是一项实验指标,它通过观察在用户访问页面的整个生命周期内发生的所有点击、点击和键盘交互的延迟来评估页面对用户交互的整体响应。最终的 INP 值是观察到的最长相互作用,忽略异常值
Optimize Interaction to Next Paint
2. 完全可定制的下拉框,元素是由Open UI Community Group提出的一种新的 HTML 元素。它尚未进入HTML 规范,但正在Chromium中制作原型。您可以通过打开“Experimental Web Platform Features”标志来测试它(转到 about:flags 并搜索此标志)
One day we'll have a fully customisable select - HTMHell
3. css容器查询支持给容器命名
js相关
1. 指针事件--目前,各大主流浏览器已经支持了 Pointer Events Level 2 标准,版本更新的 Pointer Events Level 3 已经发布,并且大多数情况下与 Pointer Events Level 2 兼容。 因此,除非你写的代码需要兼容旧版本的浏览器,例如 IE 10 或 Safari 12 或更低的版本,否则无需继续使用鼠标事件或触摸事件 —— 我们可以使用指针事件。 这样,你的代码就可以在触摸设备和鼠标设备上都能正常工作了
zh.javascript.info/pointer-eve…
2. SvelteKit 1.0 宣布推出,— Svelte是一个无虚拟 DOM、提前编译的前端 UI 框架
3. ECMAScript 提案:迭代器helpers
ECMAScript proposal: iterator helpers
4. Spacetime 7.4 – 轻量级时区库
● 计算远程时区的时间
● 支持夏令时、闰年和半球
● 类似moment的 API
● 按季度、季节、月、周定位时间
● 零依赖-(无国际 API) 大小约40kb
GitHub - spencermountain/spacetime: A lightweight javascript timezone library
5. AbortController提供了一种无需等待响应即可随时中止 Web 网络请求的方AbortController is your friend
6. Rome Formatter:超快速 JavaScript 格式化
7. Bun 于 2022 年夏季作为一个新的 JavaScript 运行时出现,它不是围绕 V8(如 Node.js 或 Deno)构建的,而是围绕 WebKit/Apple 的JavaScriptCore构建的。它包括自己的捆绑器、转译器、任务运行器和 npm 客户端,但最重要的是拥有比现有选项更大的性能改进,并支持大量开箱即用的 Node 和 Web API
Bun — fast all-in-one JavaScript runtime
8. JSON CRACK-以图形方式可视化 JSON 数据
动画相关
1. vanilla-tilt.js 1.8:一个流畅的 3D 倾斜效果库
2. Scene.js 1.7:一个基于 CSS 时间轴的动画库——网站上有大量示例。也有 React、Vue 和 Svelte 的组件
GitHub - daybrush/scenejs: 🎬 Scene.js is JavaScript & CSS timeline-based animation library