Une brève discussion sur la façon dont Atom implémente l'aperçu HTML en temps réel

AtomComment implémenter l'aperçu HTML en temps réel ? L'article suivant vous présentera les méthodes natives et plug-in d'implémentation de l'aperçu HTML en temps réel dans l'éditeur Atom. J'espère qu'il vous sera utile !

L'éditeur Atom implémente l'aperçu HTML en temps réel

1 Implémentation native

Appuyez sur Ctrl + Shift + M dans la zone d'édition pour ouvrir l'aperçu natif. (Sans style CSS) 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()

2. Implémentation du plug-in atom-html-preview

Cliquez sur Fichier->paramètres–>installer-> Rechercher atom-html-preview -> La case Ctrl + Shift + H ouvre le panneau d'aperçu (avec les styles CSS). [Recommandations associées : atom utilisation tutoriel

]🎜🎜🎜3. La méthode onload🎜🎜🎜🎜window.onload()🎜 est utilisée pour effectuer des opérations immédiatement après le chargement de la page Web, c'est-à-dire que lorsque le document HTML est chargé, une méthode est exécutée immédiatement. 🎜🎜🎜window.onload()🎜 est généralement utilisé pour les éléments permettant d'exécuter du code de script une fois la page complètement chargée (y compris les images, les fichiers CSS, etc.). Il existe plusieurs syntaxes de fonctions à exécuter : 🎜rrreee🎜Une fois la page chargée, exécutez Func1, Func2, Func3 dans l'ordre et ne l'exécutez qu'une seule fois. 🎜🎜🎜4.window.requestAnimationFrame🎜🎜🎜🎜window.requestAnimationFrame()🎜 Dites au navigateur que vous souhaitez effectuer une animation et demandez-lui d'appeler la fonction de rappel spécifiée avant de redessiner la prochaine fois. animation. Cette méthode nécessite de passer une fonction de rappel en paramètre, qui sera exécutée avant la prochaine refonte du navigateur. 🎜🎜【Recommandation associée : "🎜tutoriel atom🎜"】🎜

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!