随着
網站建設技(jì )術的不斷發展視圖轉換API成為(wèi)一個新(xīn)的亮點它允許我們進行反應式的基于狀态的UI和頁(yè)面轉換,這在傳統上是JavaScript框架獨有(yǒu)的。我們可(kě)以用(yòng)這個新(xīn)的技(jì )術來實現更好的用(yòng)戶體(tǐ)驗。
動畫是網站的重要組成部分(fēn)。它們可(kě)以吸引注意力,引導用(yòng)戶的旅程,為(wèi)交互提供令人滿意且有(yǒu)意義的反饋,添加特色和天賦,使網站脫穎而出,還有(yǒu)更多(duō)好處。最重要的是,CSS已經為(wèi)我們提供了過渡和基于關鍵幀的動畫。不僅如此網絡動畫API和基于JavaScript的動畫庫,如流行的GSAP廣泛用(yòng)于構建非常複雜和精(jīng)細的動畫。
如果還是不清楚,請記住JavaScript是最昂貴的資源我們的轉換将取決于我們選擇的JavaScript動畫庫,它需要在執行之前進行加載和解析。換句話說,像這樣的轉換在構建、可(kě)訪問性、維護和性能(néng)方面可(kě)能(néng)會非常昂貴。你不會因為(wèi)質(zhì)疑動畫的成本是否值得回報而受到責備。
如果我們可(kě)以把額外的依賴包袱扔在門外,依靠普通的JavaScript和CSS會怎麽樣呢(ne)?我們可(kě)以讓優化的浏覽器API完成所有(yǒu)繁重的工(gōng)作(zuò)在…期間保持完全控制狀态之間的轉換行為(wèi)。這就是視圖轉換API的價值,也是我們需要它的原因。它淡化了當前需要額外開銷的流行效果的類型。