web新技术双周报(11.14-11.27)
chrome(108)
1. Elements面板可以显示非活跃的 CSS 属性
DevTools 现在可以识别那些语法有效但在页面上没有效果的 CSS 样式。 在样式边栏中，DevTools 会通过淡化字体颜色的方式来展示那些不活跃的属性。 将鼠标悬停在它旁边的图标上，以便于了解为什么该规则没有可见效果。
2.逐步执行逗号分隔的表达式
您现在可以在调试期间单步执行那些以逗号分隔的表达式。 这种做法提升了调试压缩代码的用户体验。之前 DevTools 仅支持单步执行那些以分号分隔的表达式
3.改进忽略列表设置
转到 设置（Settings） > 忽略列表（Ignore List） 。 DevTools 改进了设计以帮助您配置规则以忽略单个脚本或脚本模式。现在可以在忽略脚本中使用正则表达式匹配文件
忽略列表介绍：developer.chrome.com/docs/devtoo…
css与html
1. 优化html中的图像，更好地为具有响应式大小和现代格式的用户提供图像，介绍了img标签的srcset属性
6 Steps to Improve HTML Images For Users & Developers
2. 条件自适应 CSS，避免下载不必要的css文件，例如当用户在移动设备上加载您的网站时，避免下载不相关的桌面样式
Conditionally adaptive CSS. Browser behavior that might improve your performance — Vadim Makeev
3. css蒙版渐变虚线Masked Gradient Dashed Lines – Eric’s Archived Thoughts
4. css回旋角，类似iphone图标的圆角
5. css单位：vh、svh、lvh 和 dvh介绍(移动端浏览器的small viewport和the large viewport）
Day 38: vh, svh, lvh, and dvh - Manuel Matuzović
js相关
1. 全新 JavaScript 框架 Qwik：以独特的可恢复性方式提速网页应用，无论应用程序有多大，Qwik 都能够快速地构建。在多数情况下，Qwik 会先下载 1KB 的 JavaScript，在需要的时候才会懒加载或预处理程序和应用程序代码。
2. Deno 1.28 发布，具有（更好的）npm兼容性，这意味着您现在可以在 Deno 中导入超过 130 万个 npm 模块。构建应用程序将比以往任何时候都更容易、更安全，因为您可以使用自己喜欢的持久数据模块（例如 Prisma、Mongoose 和 MySQL）以及前端框架（例如 React、Vue 等）。
JavaScript Weekly Issue 615: November 18, 2022
3. Nuxt 3.0 稳定版发布，Nuxt 3 是基于Vite、Vue3和Nitro的 Nuxt 框架的现代重写，具有一流的 Typescript 支持
4. ECMAScript 提议：RegExp 的/v标志——一个提议的新正则表达式标志/v将改进对字符类中多代码点字形（如某些表情符号）的支持
5. Eruda 2.6：移动浏览器的控制台——如果您处于无法访问 DevTools 的情况，您可以将 Eruda 添加到您的页面，它提供了一种虚拟开发工具，您可以在任何浏览器（包括移动浏览器）上使用
Eruda: Console for Mobile Browsers
6. 使用Shepherd引导用户浏览您的应用程序
GitHub - shipshapecode/shepherd: Guide your users through a tour of your app
==================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================
