web新技术周报

web新技术双周报(3.12-3.26) html与css 1.使用css锚点定位元素，一个新的（实验性的）API 即，以帮助您以自适应的方式定位元素 https://developer.chrome

web新技术双周报(4.2-4.16) html和css 1.使用CSS resize调整控件大小 CSS { In Real Life } | Resizing with CSS 2.使用 CSS

web新技术双周报(5.1-5.15) 1. 回看 2023 年 Google I/O 大会 主题演讲https://io.google/2023/intl/zh/2. CSS 艺术家 Ben 分享了

web新技术双周报 1. 新的视口单位，例如svh、lvh和dvh）以及它们如何在各种移动浏览器中工作 https://ishadeed.com/article/new-viewport-units/

web新技术双周报（8.16-8.30） chrome(100-101) @support：用来检测浏览器是否支持某个期望的样式功能，支持声明语法、函数语法、not操作符、and操作符、or操作符 相

chrome(102-104) 1. performance insights面板 这是一项预览功能，可帮助 Web 开发人员（尤其是非性能专家）识别和修复潜在的性能问题，相比perfomance面板

web新技术双周报(9.30-10.14) chrome(105) Recorder面板中分步重放和设置断点 点击步骤侧边的蓝点以设置断点，然后重放您的用户流程。该重放动作将在执行该步骤前暂停。 从这

web新技术双周报(9.30-10.14) chrome(106) 1. console面板自动忽略已知的第三方脚本 在调试过程中可以更快地识别代码中的问题，因为DevTools现在会自动将已知的第三

web新技术双周报(10.15-10.29) 1. Chrome浏览器将停止支持 Windows 7/8/8.1_产品_罗燕珊_InfoQ精选文章 2. Turbopack：基于 Rust 的 Web

web新技术双周报(10.30-11.13) chrome(107) 1. Sources面板支持查看内存检查器里的 C/C++ 对象 https://developer.chrome.com/blo

web新技术双周报(10.30-11.13) chrome(107) 1. Sources面板支持查看内存检查器里的 C/C++ 对象 https://developer.chrome.com/blo

chrome(108) 1. Elements面板可以显示非活跃的 CSS 属性 DevTools 现在可以识别那些语法有效但在页面上没有效果的 CSS 样式。 在样式边栏中，DevTools 会通过

css和html相关 1. flex-gap属性介绍： gap (grid-gap) - CSS（层叠样式表） | MDN 2. 使用 overscroll-behavior CSS 属性防止移动设备

css和html相关 1. Interaction to Next Paint (INP)是一项实验指标，它通过观察在用户访问页面的整个生命周期内发生的所有点击、点击和键盘交互的延迟来评估页面对用户交