web新技术双周报(3.12-3.26)
html与css
1.使用css锚点定位元素,一个新的(实验性的)API 即,以帮助您以自适应的方式定位元素
developer.chrome.com/blog/tether…
2.Chrome 的 Headless 模式得到升级:通过添加命令行启动参数--headless=new
developer.chrome.com/articles/ne…
3.Chrome 111支持 View Transition API 允许您一步更新 DOM,允许以动画的方式进行视图转换
developer.chrome.com/blog/spa-vi…
4.关于自定义列表marker样式
Everything You Need to Know About the Gap After the List Marker | CSS-Tricks - CSS-Tricks
js相关
1.如何使缓慢的 React Native 应用程序更快
How to Make Slow React Native Apps Faster | Retool
2.TypeScript 5.0 的发布
Announcing TypeScript 5.0 - TypeScript
3.Turbowatch-适用于 Node.js 的快速文件更改检测器,类似Nodemon但功能更强大
GitHub - gajus/turbowatch: Extremely fast file change detector and task orchestrator for Node.js.
4.如何在 Safari 中使用新的检查 API 和 Web Inspector-在您的APP中启用对 WebView的检查
Enabling the Inspection of Web Content in Apps | WebKit
5.如何在切换浏览器选项卡时更改网站 Favicon
工具
1.discord.js 是一个功能强大的Node.js模块,可让您非常轻松地与Discord API进行交互
2.Javascript 中的自然语言日期解析器
GitHub - wanasit/chrono: A natural language date parser in Javascript
3.Transformers.js:在浏览器中运行 ML 模型——Transformers 是一种机器学习模型,通常用于自然语言或视觉处理
4.StatiCrypt工具:使用密码保护静态 HTML 页面
StatiCrypt: Password protect static HTML
5.MiniSearch是一个用 JavaScript 编写的小巧但功能强大的本地全文搜索引擎(例如前缀搜索、模糊搜索、排名、字段提升……),可以在 Node 和浏览器中舒适地运行
其他
1.Microsoft Edge 正在开发视频升频器,使模糊的旧视频看起来更清晰
Microsoft Edge’s AI upscaling feature can improve low-resolution video - The Verge
2.2023 年 Web 框架性能报告,这份报告的目的是查看真实世界的数据,以更好地理解框架选择、性能和网络上的实际用户体验之间的关系