【Chrome web.dev Live 2020總結】第一天第9集：JS的輕松實現

本課程主要內容：

1. 簡單介紹當前主流web開發，JavaScript的現狀與問題。

2. 介紹如何通過amp-script執行JavaScript

1 JavaScript現狀

在當前主流web應用中，JavaScript非常流行，甚至在很多web開發者嚴重，JavaScript無所不能。但是，過多的JavaScript會嚴重影響web應用的性能，比如我們在刷手機時，經常就會盯著手機等待頁面響應。對于提升頁面性能，可以通過實現更多的js來提升頁面的性能，但是引入的越多，web體積就會越龐大。

JavaScript為了避免線程執行出錯，有自己完整的執行隊列：

JavaScript單線程執行，瀏覽器web UI是單線程操作，頁面渲染只有有一個線程可以修改DOM，Js如果多線程執行可能操作頁面crash。js多線程的可行性，在很早之前就有過分析的，但是因為一些限制，無法替換JavaScript單線程執行。

2 amp-script

AMP旨在為用戶提供更快，更穩定的網站。過多的JavaScript可能會使網頁變慢。但是有時您需要創建AMP組件不提供的功能。在這種情況下，您可以使用該組件編寫自定義JavaScript。

在2018年引入的WorkerDom，是Main thread的副本，web開發者只會修改WorkerDom，當WorkerDom修改時，會postMessage通知主Dom，同步修改實現修改真實Dom。當真實Dom修改時，也會postMessage去同步WorkerDom。存在開發者可以在主線程之外去操作dom。

在Web Worker中運行JavaScript。Web Workers無法直接訪問DOM，因此允許其訪問DOM的虛擬副本，該副本與真實DOM保持同步。提供許多常見DOM API的仿真，您幾乎可以使用通常的方式在JavaScript中使用所有這些仿真。

如果您隨時需要調試腳本，則可以使用與任何JavaScript相同的方式在Web Worker中的JavaScript中設置斷點，您只需要知道在哪里可以找到它，更多使用指導詳見：

amp-script指導：https://amp.dev/documentation/guides-and-tutorials/develop/custom-javascript-tutorial/

參考文檔：https://amp.dev/documentation/components/amp-script/?format=websites

視頻直播 web前端

版權聲明：本文內容由網絡用戶投稿，版權歸原作者所有，本站不擁有其著作權，亦不承擔相應法律責任。如果您發現本站中有涉嫌抄襲或描述失實的內容，請聯系我們jiasou666@gmail.com 處理，核實后本網站將在24小時內刪除侵權內容。

版權聲明：本文內容由網絡用戶投稿，版權歸原作者所有，本站不擁有其著作權，亦不承擔相應法律責任。如果您發現本站中有涉嫌抄襲或描述失實的內容，請聯系我們jiasou666@gmail.com 處理，核實后本網站將在24小時內刪除侵權內容。