web新技术双周报(4.2-4.16)
html和css
1.使用CSS resize调整控件大小
CSS { In Real Life } | Resizing with CSS
2.使用 CSS :empty 和 :has() 隐藏空元素
Hiding empty elements with CSS :empty and :has() | Tobias Ahlin
3.使用三角函数和 CSS 绘制多边形
Improving CSS Shapes with Trigonometric Functions
4.CSS-revert-layer全局关键字，可以让CSS属性值还原为上一层@layer中设置的同属性值
CSS又出了个revert-layer全局关键字😂 « 张鑫旭-鑫空间-鑫生活
js和其他
1.Safari 16.4发布，这是一个庞大的版本，添加了 135个新功能，包括对 Web 推送的支持、大量新的 CSS 属性（包括margin-trim）、声明式 Shadow DOM 支持、iframe延迟加载支持、devtool 更改以及典型的错误修复】
WebKit Features in Safari 16.4 | WebKit
2.经过多年的开发，Chrome 团队发布了 WebGPU，它允许在网络上进行高性能 3D 图形和数据并行计算
developer.chrome.com/blog/webgpu…
3.一些DevTools 特性介绍
Some Cross-Browser DevTools Features You Might Not Know | CSS-Tricks - CSS-Tricks
4.Eruda 3.0：移动浏览器调试控制台
GitHub - liriliri/eruda: Console for mobile browsers
5.x-crawl 是一个灵活的 Node.js 多功能爬虫库。用于爬取页面、爬取接口、爬取文件、轮询爬取，其内部使用puppeteer库
6.Concurrent.js-一个动态模块导入器，但是它不是将模块加载到主线程中，而是将模块加载到后台线程中。Concurrent.js 有助于在 JavaScript RTE 上进行非阻塞计算，并促进与其他语言的互操作性
7.pnpm8.1发布
Release v8.1.0 · pnpm/pnpm · GitHub
8.V8引擎 v11.2 中发布了对WebAssembly 尾调用的支持
9.Electron 24.0.0 已经发布！它包括对 Chromium 112.0、V8 11.2和 Node.js 18.14.0
的升级
10.Chrome Extension CLI，方便开发Chrome扩展的CLI工具
GitHub - dutiyesh/chrome-extension-cli: 🚀 The CLI for your next Chrome Extension
11.tween.js 19.0 用于动画的 JS 补间引擎
补间（来自in-between）是一个允许您以平滑的方式更改对象属性值的概念。您只需告诉它您想要更改哪些属性、当补间完成运行时它们应该具有哪些最终值以及这需要多长时间，补间引擎将负责查找从起点到终点的中间值
tween.js user guide | tween.js
12.ChatGPT + i18n，此应用程序旨在帮助您轻松翻译语言环境文件。无论您是翻译应用程序、网站还是任何其他需要本地化的项目，它都会使流程更快、更高效
GitHub - ObservedObserver/chatgpt-i18n: Translate your locale json files with AI assistance.
13.通过该网站快速生成想要的css平滑阴影效果
14.使用单个终端命令在您自己的存储库中直观地模拟 Git 操作。这会生成描述 Git 命令行为的图像（默认）或视频可视化。
git-sim - Visually simulate Git operations in your own repos with a single terminal command.
