web新技术双周报

108 阅读2分钟

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容器查询支持给容器命名

ishadeed.com/article/con…

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 框架

Announcing SvelteKit 1.0

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 格式化

Announcing Rome Formatter

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 数据

jsoncrack.com/

动画相关

1. vanilla-tilt.js 1.8:一个流畅的 3D 倾斜效果库

Vanilla-tilt.js

2. Scene.js 1.7:一个基于 CSS 时间轴的动画库——网站上有大量示例。也有 React、Vue 和 Svelte 的组件

GitHub - daybrush/scenejs: 🎬 Scene.js is JavaScript & CSS timeline-based animation library