简单回顾一下 Google 2023 开发者大会(上海)关于 Web 平台的部分。KdX28资讯网——每日最新资讯28at.com
KdX28资讯网——每日最新资讯28at.com
web的优势
首先介绍了 Web 的一些优势,以超链接为基石,把所有生态都连接起来,是最开放的平台KdX28资讯网——每日最新资讯28at.com
KdX28资讯网——每日最新资讯28at.com
接下来开始介绍各种新特性KdX28资讯网——每日最新资讯28at.com
WebAssembly
WebAssembly 是一种新的编码方式 ,可以直接运行 C/C++等语言,更接近硬件原生性能。KdX28资讯网——每日最新资讯28at.com
https://web.dev/webassembly/KdX28资讯网——每日最新资讯28at.com
KdX28资讯网——每日最新资讯28at.com
将浏览器端性能提升 50%KdX28资讯网——每日最新资讯28at.com
KdX28资讯网——每日最新资讯28at.com
KdX28资讯网——每日最新资讯28at.com
支持以下各种托管内存语言KdX28资讯网——每日最新资讯28at.com
KdX28资讯网——每日最新资讯28at.com
WebGPU
「WebGPU」 是 「WebGL」的后继者,使 web 开发人员能够使用底层系统的 GPU(图形处理器)进行高性能计算并绘制可在浏览器中渲染的复杂图形。KdX28资讯网——每日最新资讯28at.com
基于扩散的模型,相比WebGL,性能提升3倍以上。KdX28资讯网——每日最新资讯28at.com
https://developer.mozilla.org/zh-CN/docs/Web/API/WebGPU_APIKdX28资讯网——每日最新资讯28at.com
KdX28资讯网——每日最新资讯28at.com
「cocos」 渲染引擎支持了以 「WebGPU」模型进行渲染KdX28资讯网——每日最新资讯28at.com
KdX28资讯网——每日最新资讯28at.com
INP
新的性能指标:Interaction to Next Paint (INP),优化下一次绘制的交互KdX28资讯网——每日最新资讯28at.com
https://web.dev/inp/KdX28资讯网——每日最新资讯28at.com
KdX28资讯网——每日最新资讯28at.com
和 FID(First Input Delay)的最大区别是,「FID」 只统计首次渲染输入延迟,而 「INP」统计的是整个页面周期KdX28资讯网——每日最新资讯28at.com
KdX28资讯网——每日最新资讯28at.com
提升 「INP」 的一些方式和带来的效益KdX28资讯网——每日最新资讯28at.com
KdX28资讯网——每日最新资讯28at.com
WebView
将 WebView 无缝嵌入原生 Android 应用中,以一种安全且便于操作的方式查看 Web 内容KdX28资讯网——每日最新资讯28at.com
KdX28资讯网——每日最新资讯28at.com
无缝拖放KdX28资讯网——每日最新资讯28at.com
KdX28资讯网——每日最新资讯28at.com
部分式 custom tabsKdX28资讯网——每日最新资讯28at.com
KdX28资讯网——每日最新资讯28at.com
Authentication
浏览器端身份验证KdX28资讯网——每日最新资讯28at.com
KdX28资讯网——每日最新资讯28at.com
通过 「Passkeys」可以很轻松的将用户指纹、面部信息等密码链接到自己的账户上, 从而不需要手动去输入账号密码KdX28资讯网——每日最新资讯28at.com
https://developers.google.com/identity/passkeys?hl=zh-cnKdX28资讯网——每日最新资讯28at.com
KdX28资讯网——每日最新资讯28at.com
Privacy Sandbox
保护隐私,抛弃第三方 cookieKdX28资讯网——每日最新资讯28at.com
https://privacysandbox.com/intl/zh_cn/KdX28资讯网——每日最新资讯28at.com
KdX28资讯网——每日最新资讯28at.com
Web UI 的黄金时代
接下来是关于 CSS 的新特性,大家可能有些见过有些没见过KdX28资讯网——每日最新资讯28at.com
KdX28资讯网——每日最新资讯28at.com
介绍了 18 个和 UI 相关的新特性KdX28资讯网——每日最新资讯28at.com
KdX28资讯网——每日最新资讯28at.com
节奏比较快,这里随便拍了几张KdX28资讯网——每日最新资讯28at.com
第一个就是弹出式窗口,也就是 「popover」,在之前,我还专门写了一篇文章做了详细介绍KdX28资讯网——每日最新资讯28at.com
原生 popover 终于来了!KdX28资讯网——每日最新资讯28at.com
KdX28资讯网——每日最新资讯28at.com
还有 View Transition API,也是我之前介绍过的KdX28资讯网——每日最新资讯28at.com
太丝滑了!了解一下原生的视图转换动画 View Transitions APIKdX28资讯网——每日最新资讯28at.com
KdX28资讯网——每日最新资讯28at.com
CSS 嵌套KdX28资讯网——每日最新资讯28at.com
KdX28资讯网——每日最新资讯28at.com
全新的,可自定义样式的 「selectmenu」KdX28资讯网——每日最新资讯28at.com
KdX28资讯网——每日最新资讯28at.com
层联级KdX28资讯网——每日最新资讯28at.com
KdX28资讯网——每日最新资讯28at.com
:has() 选择器KdX28资讯网——每日最新资讯28at.com
KdX28资讯网——每日最新资讯28at.com
容器查询KdX28资讯网——每日最新资讯28at.com
KdX28资讯网——每日最新资讯28at.com
锚点定位KdX28资讯网——每日最新资讯28at.com
KdX28资讯网——每日最新资讯28at.com
还有一些没有拍照...KdX28资讯网——每日最新资讯28at.com
Baseline
后面还提到了一些新的调试方式,还有新的 web 可靠性平台,应该是个官方的兼容列表KdX28资讯网——每日最新资讯28at.com
https://web.dev/baseline/KdX28资讯网——每日最新资讯28at.com
KdX28资讯网——每日最新资讯28at.com
后续会在 MDN、web.dev 上推出KdX28资讯网——每日最新资讯28at.com
KdX28资讯网——每日最新资讯28at.com
总结一下
以上就是关于 web 平台新动向的大致内容了,一句话总结:Web 是最开放的平台,一切皆有可能,人人都有机会。KdX28资讯网——每日最新资讯28at.com
有兴趣的可以去官方回顾完整视频KdX28资讯网——每日最新资讯28at.com
https://ioconnectchina.googlecnapps.cnKdX28资讯网——每日最新资讯28at.com
KdX28资讯网——每日最新资讯28at.com
本文链接:http://www.28at.com/showinfo-26-10444-0.htmlGoogle 2023开发者大会简单回顾 - Web 平台新动向
声明:本网页内容旨在传播知识,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。邮件:2376512515@qq.com
上一篇: 火山引擎 ByteHouse:ClickHouse 如何保证海量数据一致性
下一篇: 解锁数据之门:掌握Python操作MySQL的实用技巧