淺談Atom怎麼實現HTML即時預覽

Atom怎麼實作HTML即時預覽？以下這篇文章跟大家介紹一下Atom編輯器實作HTML即時預覽的原生方式和外掛方法，希望對大家有幫助！

Atom 編輯器實作HTML即時預覽

1.原生實作

在編輯框中按Ctrl Shift M可以開啟原生預覽。 （不含CSS 樣式）

2.外掛程式atom-html-preview 實作

點選File->settings–>install-> 搜尋atom-html -preview -> 下載，在編輯框中按Ctrl Shift H 可以開啟預覽面板（有CSS 樣式）。 【相關建議：atom使用教學】

3. JavaScript window.onload

window.onload() 方法用於網頁載入完畢後立刻執行的操作，也就是當HTML 文件載入完畢後，立刻執行某個方法。

window.onload() 通常用於 元素，在頁面完全載入後(包括圖片、css 檔案等等)執行腳本程式碼。有多個要執行的函數語法：

window.onload=function(){
    Func1();
    Func2();
    Func3();
    .....
}

在頁面載入完成後依序執行 Func1、Func2、Func3,並且只是執行一次。

4.window.requestAnimationFrame

#window.requestAnimationFrame() 告訴瀏覽器－你希望執行一個動畫，並且要求瀏覽器在下次重繪之前調用指定的回調函數更新動畫。此方法需要傳入一個回呼函數作為參數，該回呼函數會在瀏覽器下一次重繪之前執行。

【相關推薦：《atom教學》】

以上是淺談Atom怎麼實現HTML即時預覽的詳細內容。更多資訊請關注PHP中文網其他相關文章！