web新技术双周报(10.30-11.13)

chrome(107)

1. Sources面板支持查看内存检查器里的 C/C++ 对象

2. Elements面板中新增即输即搜（Search as you type）功能

每当您在搜索栏中输入一个字母, DOM 树会默认跳到第一个符合条件的元素。

对于经常使用搜索的用户, 这个设定并不是很不理想。因为 DOM 树可能会在用户输入时, 不断地跳跃搜寻，造成不必要的动效。您也可以禁止该功能，通过设置来点击 Enter 后开始DOM搜索。

打开设置 (Settings) > 偏好设置 (Preferences) , 禁止即输即搜 (Search as you type) , 更改设置后，搜索将会在您点击回车键后才开始。

html与css

1. 新的 CSS 媒体查询范围语法——媒体查询 4 级规范引入了一种新语法，用于使用常见的数学比较运算符（如 <、> 和 =）来定位视口宽度范围，这在语法上更有意义，同时为响应式编写的代码更少网页设计。

2. htmlx:它允许您直接从 HTML 访问现代浏览器功能，而不是使用 javascript。

3. 浏览器中的烟花特效

4. Shared Element Transition API(用于制作动画)

js相关

1. TypeScript 4.9 的候选版本 (RC)发布

2. React Native 已将其默认的新应用程序模板从使用 Flow 切换为 TypeScript

3. Node.js 的关键安全版本将发布

4. 使用 WasmEdge 在 WebAssembly 中运行 JavaScript

其他：

1. Safari 技术预览版 157 已发布，其中包含对 Web Inspector、CSS、WebCodecs、大量 Web API 改进等的更新

2. 谷歌将从Chrome 中删除对 JPEG-XL的支持，看起来谷歌最终将专注于进一步推进下一代图像的 WebP 和 AVIF。

3. 构建一个可以通过手势控制的 Web 应用程序, 注意：演示需要摄像头输入才能工作。