簡單回顧一下 Google 2023 開發(fā)者大會（上海）關(guān)于 Web 平臺的部分。

web的優(yōu)勢

首先介紹了 Web 的一些優(yōu)勢，以超鏈接為基石，把所有生態(tài)都連接起來，是最開放的平臺

接下來開始介紹各種新特性

WebAssembly

WebAssembly 是一種新的編碼方式 ，可以直接運(yùn)行 C/C++等語言，更接近硬件原生性能。

https://web.dev/webassembly/

將瀏覽器端性能提升 50%

支持以下各種托管內(nèi)存語言

WebGPU

「WebGPU」 是 「WebGL」的后繼者，使 web 開發(fā)人員能夠使用底層系統(tǒng)的 GPU（圖形處理器）進(jìn)行高性能計(jì)算并繪制可在瀏覽器中渲染的復(fù)雜圖形。

基于擴(kuò)散的模型，相比WebGL，性能提升3倍以上。

https://developer.mozilla.org/zh-CN/docs/Web/API/WebGPU_API

「cocos」 渲染引擎支持了以 「WebGPU」模型進(jìn)行渲染

INP

新的性能指標(biāo)：Interaction to Next Paint (INP)，優(yōu)化下一次繪制的交互

https://web.dev/inp/

和 FID（First Input Delay）的最大區(qū)別是，「FID」 只統(tǒng)計(jì)首次渲染輸入延遲，而 「INP」統(tǒng)計(jì)的是整個頁面周期

提升 「INP」 的一些方式和帶來的效益

WebView

將 WebView 無縫嵌入原生 Android 應(yīng)用中，以一種安全且便于操作的方式查看 Web 內(nèi)容

無縫拖放

部分式 custom tabs

Authentication

瀏覽器端身份驗(yàn)證

通過 「Passkeys」可以很輕松的將用戶指紋、面部信息等密碼鏈接到自己的賬戶上， 從而不需要手動去輸入賬號密碼

https://developers.google.com/identity/passkeys?hl=zh-cn

Privacy Sandbox

保護(hù)隱私，拋棄第三方 cookie

https://privacysandbox.com/intl/zh_cn/

Web UI 的黃金時代

接下來是關(guān)于 CSS 的新特性，大家可能有些見過有些沒見過

介紹了 18 個和 UI 相關(guān)的新特性

節(jié)奏比較快，這里隨便拍了幾張

第一個就是彈出式窗口，也就是 「popover」，在之前，我還專門寫了一篇文章做了詳細(xì)介紹

原生 popover 終于來了！

還有 View Transition API，也是我之前介紹過的

太絲滑了！了解一下原生的視圖轉(zhuǎn)換動畫 View Transitions API

CSS 嵌套

全新的，可自定義樣式的 「selectmenu」

層聯(lián)級

:has() 選擇器

容器查詢

錨點(diǎn)定位

還有一些沒有拍照...

Baseline

后面還提到了一些新的調(diào)試方式，還有新的 web 可靠性平臺，應(yīng)該是個官方的兼容列表

https://web.dev/baseline/

后續(xù)會在 MDN、web.dev 上推出

總結(jié)一下

以上就是關(guān)于 web 平臺新動向的大致內(nèi)容了，一句話總結(jié)：Web 是最開放的平臺，一切皆有可能，人人都有機(jī)會。

有興趣的可以去官方回顧完整視頻

https://ioconnectchina.googlecnapps.cn