web新技术双周报

185 阅读2分钟

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

Change favicon on switching browser tabs in JavaScript — Amit Merchant — A blog on PHP, JavaScript, and more

工具

1.discord.js 是一个功能强大的Node.js模块,可让您非常轻松地与Discord API进行交互

discord.js.org/#/

2.Javascript 中的自然语言日期解析器

GitHub - wanasit/chrono: A natural language date parser in Javascript

3.Transformers.js:在浏览器中运行 ML 模型——Transformers 是一种机器学习模型,通常用于自然语言或视觉处理

Transformers.js

4.StatiCrypt工具:使用密码保护静态 HTML 页面

StatiCrypt: Password protect static HTML

5.MiniSearch是一个用 JavaScript 编写的小巧但功能强大的本地全文搜索引擎(例如前缀搜索、模糊搜索、排名、字段提升……),可以在 Node 和浏览器中舒适地运行

GitHub - lucaong/minisearch: Tiny and powerful JavaScript full-text search engine for browser and Node

其他

1.Microsoft Edge 正在开发视频升频器,使模糊的旧视频看起来更清晰

Microsoft Edge’s AI upscaling feature can improve low-resolution video - The Verge

2.2023 年 Web 框架性能报告,这份报告的目的是查看真实世界的数据,以更好地理解框架选择、性能和网络上的实际用户体验之间的关系

2023 Web Framework Performance Report | Astro