From 2a76c37d0e733dedf8ed87d1e7e46caf3c44667e Mon Sep 17 00:00:00 2001 From: SphinxKnight Date: Fri, 30 Jul 2021 20:18:17 +0200 Subject: Prepare JS French section for Markdown (#1574) * Rm IDs w/ [^h\d] id=" * Remove class="hidden" * Remove hidden for code blocks * rm summary classes * Use Note consistently * Remove sup * Rm code in pre * Fixes dd/dt/dl * Fix some more dd * Remove inline style and useless/craft from span/font * h2m report fixing - Consistent use of notes * h2m report fixing - Consistent use of warnings * h2m report fixing - reword one callout * h2m report fixing - array cruft spans hell * Cleaning the rest of docs for md conversion --- files/fr/web/javascript/guide/modules/index.html | 24 ++++++++++++------------ 1 file changed, 12 insertions(+), 12 deletions(-) (limited to 'files/fr/web/javascript/guide/modules/index.html') diff --git a/files/fr/web/javascript/guide/modules/index.html b/files/fr/web/javascript/guide/modules/index.html index eae2c2a887..aab9361aa6 100644 --- a/files/fr/web/javascript/guide/modules/index.html +++ b/files/fr/web/javascript/guide/modules/index.html @@ -41,7 +41,7 @@ translation_of: Web/JavaScript/Guide/Modules

Ces opérations sont assez simples mais nous les avons choisies pour nous concentrer plutôt sur le fonctionnement des modules.

-
+

Note : Si vous souhaitez télécharger les exemples et les exécuter en local, vous devrez utiliser un serveur web local.

@@ -55,7 +55,7 @@ modules/ canvas.mjs square.mjs -
+

Note : Tous les exemples de ce guide suivent la même structure.

@@ -79,8 +79,8 @@ modules/ -
-

Note: Pour les modules JavaScript natifs, l'extension .mjs a son importance car elle permet d'importer des fichiers avec un type MIME javascript/esm (on pourra utiliser une autre extension qui fournira le type MIME application/javascript) afin d'éviter les erreurs liées à la vérification des types MIME. L'extension .mjs est notamment utile afin de distinguer plus clairement les scripts « classiques » des modules et pourra être exploitée par d'autres outils. Pour plus de détails, voir cette note de Google.

+
+

Note : Pour les modules JavaScript natifs, l'extension .mjs a son importance car elle permet d'importer des fichiers avec un type MIME javascript/esm (on pourra utiliser une autre extension qui fournira le type MIME application/javascript) afin d'éviter les erreurs liées à la vérification des types MIME. L'extension .mjs est notamment utile afin de distinguer plus clairement les scripts « classiques » des modules et pourra être exploitée par d'autres outils. Pour plus de détails, voir cette note de Google.

Exporter des fonctionnalités

@@ -129,8 +129,8 @@ export function draw(ctx, length, x, y, color) {

Vous pouvez voir ces lignes dans main.mjs.

-
-

Note : Pour certains systèmes de module, on peut omettre l'extension de fichier et le point (c'est-à-dire qu'on peut écrire  '/modules/square'). Cela ne fonctionne pas pour les modules JavaScript !

+
+

Note : Pour certains systèmes de module, on peut omettre l'extension de fichier et le point (c'est-à-dire qu'on peut écrire '/modules/square'). Cela ne fonctionne pas pour les modules JavaScript !

Une fois les fonctionnalités importées dans le script, vous pouvez utiliser les valeurs dans votre script. Dans main.mjs, après les lignes d'import, on trouvera :

@@ -155,8 +155,8 @@ reportPerimeter(square1.length, reportList);

Les instructions import et export ne peuvent être utilisées qu'à l'intérieur de modules et pas à l'intérieur de scripts « classiques ».

-
-

Note : Il est aussi possible d'importer des modules dans des scripts qui sont déclarés en incise si on indique bien type="module". On pourra donc écrire <script type="module"> //code du script utilisant les modules ici </script>.

+
+

Note : Il est aussi possible d'importer des modules dans des scripts qui sont déclarés en incise si on indique bien type="module". On pourra donc écrire <script type="module"> //code du script utilisant les modules ici </script>.

Différences entre les modules et les scripts « classiques »

@@ -194,8 +194,8 @@ reportPerimeter(square1.length, reportList); 
import {default as randomSquare} from './modules/square.mjs';
-
-

Note : Pour en savoir plus sur le renommage des objets exportés, voir ci-après {{anch("Renommage des imports et des exports")}}.

+
+

Note : Pour en savoir plus sur le renommage des objets exportés, voir ci-après {{anch("Renommage des imports et des exports")}}.

Gestion des conflits de nommage

@@ -364,8 +364,8 @@ export { Circle } from './shapes/circle.mjs';

On récupère ainsi l'ensemble des exports de chaque module et on les rend disponibles via shapes.mjs.

-
-

Note : Cette notation ne permet que de rediriger les exports via le fichier. Les objets importés/exportés n'existent pas vraiment dans shapes.mjs et on ne peut donc pas écrire de code utile qui les manipule.

+
+

Note : Cette notation ne permet que de rediriger les exports via le fichier. Les objets importés/exportés n'existent pas vraiment dans shapes.mjs et on ne peut donc pas écrire de code utile qui les manipule.

Dans le fichier main.mjs, on pourra alors remplacer :

-- cgit v1.2.3-54-g00ecf