淺談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》】