Maison  >  Article  >  interface Web  >  Quelles sont les spécifications pour le codage des unités frontales ?

Quelles sont les spécifications pour le codage des unités frontales ?

php中世界最好的语言
php中世界最好的语言original
2018-03-19 10:42:511632parcourir

Cette fois, je vais vous apporter les spécifications du codage monolithique front-end et quelles sont les précautions à prendre pour utiliser les spécifications de codage monolithique front-end. Ce qui suit est un cas pratique, jetons un coup d'œil.

Qu'il s'agisse de code front-end ou back-end, les normes de codage sont particulièrement importantes. Surtout dans les grands projets, la normalisation du code, du format et des exigences au début réduira beaucoup de charge de travail. maintenance ultérieure du code.

Standardisation de l'écriture communeStandardisation de l'écriture communeNormativité d'écriture communefichier de configurationNormativité d'écriture commune La normativité de l'écriture communeStandardisation de l'écriture commune HTML - Spécifications d'écriture Normative d'écriture HTML 12
Tableau de spécifications de codage unique frontal
Non

Catégorie

Contenu de vérification
1

Conception de pages

Le titre de la liste est affiché au centre.
2 Conception de la page Affichage des données de la zone de données de requête Style :
1. Longueur indéfinie chinois, longueur indéfinie anglais, longueur indéfinie chinois et anglais, longueur indéfinie Chiffres anglais à gauche
2. Data Center, date, heure, numéro de série au centre
3
Si chaque en-tête de fichier contient des commentaires corrects 4
Si chaque fonction a des commentaires corrects 5
Existe-t-il des commentaires sur le contenu pertinent de chaque 6
Chaque bloc logique Y a-t-il annotation 7
Existe-t-il des variables et des références inutilisées 8
Utilisez des tabulations pour l'indentation, définissez les tabulations sur 4 espaces 9
Balise 1 : 1. Les noms de balises doivent utiliser des lettres minuscules, telles que

;
2. Pour les balises qui n'ont pas besoin d'être fermées automatiquement, la fermeture automatique n'est pas autorisée, comme input, br, img, hr, etc.
3. spécifié en HTML5, aucune fermeture automatique n'est autorisée. Permet d'omettre les balises de fermeture.

10
Balise 2 : 1 L'utilisation des balises doit être conforme aux règles d'imbrication des balises. Par exemple, p ne doit pas être placé dans p, et tbody doit être placé dans un tableau. 2. L'utilisation des balises HTML doit suivre la sémantique des balises. Sémantique commune des balises p - paragraphe
h1,h2,h3,h4,h5,h6 - titre hiérarchique
fort, em - emphase
ins - insérer
del - supprimer
abbr - abréviation
code - code d'identification
citer - citer le titre de l'œuvre source
q - citer blockquote - un paragraphe ou une longue citation
ul - liste non ordonnée
ol - liste ordonnée
dl,dt, dd - tableau de définition
11 normative d'écriture HTML Attributs :
1. Les noms d'attributs doivent utiliser des lettres minuscules ;
2. Les valeurs d'attribut doivent être entourées de guillemets doubles ; > 3. Il est recommandé que les attributs personnalisés soient préfixés par xxx- et data-, tels que
    .

    Normand d'écriture HTML Encodage 1 : 1. Utilisez le doctype HTML5 pour activer le mode standards. Il est recommandé d'utiliser des DOCTYPE en majuscules.
    2. La page doit contenir la balise title pour déclarer le titre.
    3.title doit être un élément enfant direct de head et immédiatement après la déclaration charset.
    Exemple

    Titre de la page < ;/title></span><br><span style="font-family: Microsoft YaHei; font-size: 12px"></head></span><br><span style="font-family: Microsoft YaHei; font-size: 12px"></span> </td> </tr>13<tr> <td> <span style="font-family: Microsoft YaHei; font-size: 12px"></span> HTML -normalisation de l'écriture</td> <td><span style="font-family: Microsoft YaHei; font-size: 12px"></span></td>Encodage 2 : <td> <p style="text-align: left;"><span style="font-family: Microsoft YaHei; font-size: 12px">1. Assurez-vous que le favicon est accessible (placez le fichier favicon.ico dans le répertoire racine, utilisez le lien Spécifiez le favicon) </span><br><span style="font-family: Microsoft YaHei; font-size: 12px"></span>tel que <link rel="shortcut icon" href="path/to/favicon.ico">; ></p>2. Si le projet est mobile ou <p style="text-align: left;">responsive layout<span style="font-family: Microsoft YaHei; font-size: 12px">, la fenêtre d'affichage de la page doit être précisée. </span></p> </td> </tr> <tr> <td><span style="font-family: Microsoft YaHei; font-size: 12px">14</span></td> <td><span style="font-family: Microsoft YaHei; font-size: 12px"> Spécification d'écriture HTML </span></td> <td style="word-break: break-all;"> <span style="font-family: Microsoft YaHei; font-size: 12px"> Introduction : </span> <br><span style="font-family: Microsoft YaHei; font-size: 12px">1. Lors de l'introduction de CSS, vous devez spécifier rel="stylesheet", tel que <link rel="stylesheet" href="page.css"> </span><br><span style="font-family: Microsoft YaHei; font-size: 12px">2. . Importer Il n'est pas nécessaire de spécifier l'attribut type lors de l'utilisation de CSS et JavaScript (il existe une valeur par défaut </span><br><span style="font-family: Microsoft YaHei; font-size: 12px">3) Introduisez toutes les ressources CSS nécessaires à la page dans l'en-tête. placé en fin de page, ou chargé de manière asynchrone. (Placer le script au milieu de la page bloquera le rendu de la page). </span> </td> </tr> <tr> <td><span style="font-family: Microsoft YaHei; font-size: 12px">15</span></td> <td><span style="font-family: Microsoft YaHei; font-size: 12px"> Norme d'écriture HTML </span></td> <td> <p style="text-align: left;"><span style="font-family: Microsoft YaHei; font-size: 12px"> Image : </span><br><span style="font-family: Microsoft YaHei; font-size: 12px">1. Il est interdit que la valeur src de img soit vide. Les images à chargement paresseux doivent également ajouter le src par défaut (un src vide entraînera le rechargement de la page) ; 🎜> 2. Évitez d'ajouter des attributs de titre inutiles à img (un titre redondant affecte l'expérience de visualisation des images et augmente la taille de la page </span>) ; </p> <p style="text-align: left;"><span style="font-family: Microsoft YaHei; font-size: 12px">3. Ajoutez des attributs alt aux images importantes </span></p> <p style="text-align: left;"><span style="font-family: Microsoft YaHei; font-size: 12px">4. Ceux qui ont besoin de télécharger les images sont implémentés à l'aide de balises img et les images sans exigences de téléchargement le sont. implémenté à l'aide d'images d'arrière-plan CSS. </span></p> </td> </tr> <tr> <td><span style="font-family: Microsoft YaHei; font-size: 12px">16</span></td> <td><span style="font-family: Microsoft YaHei; font-size: 12px"> Spécification d'écriture HTML </span></td> <td> <span style="font-family: Microsoft YaHei; font-size: 12px"> Formulaire : </span> <br><span style="font-family: Microsoft YaHei; font-size: 12px">1. Les contrôles avec des titres de texte doivent utiliser des balises d'étiquette pour les associer à leurs titres </span><br><span style="font-family: Microsoft YaHei; font-size: 12px">2 Lors de l'utilisation d'éléments de bouton, la valeur de l'attribut type doit être spécifiée ; 🎜></span>3. Les boutons responsables des fonctions principales doivent être placés en premier dans le DOM (recommandé, sous réserve de conception). <br><span style="font-family: Microsoft YaHei; font-size: 12px"></span> </td> </tr> <tr>17<td><span style="font-family: Microsoft YaHei; font-size: 12px"></span></td> Standardisation de l'écriture HTML<td><span style="font-family: Microsoft YaHei; font-size: 12px"></span></td> Vidéo et amp; Audio : <td> <span style="font-family: Microsoft YaHei; font-size: 12px"></span>1. Donner la priorité à l'utilisation de balises audio et vidéo pour définir les éléments audio et vidéo dans les navigateurs prenant en charge HTML5 <br><span style="font-family: Microsoft YaHei; font-size: 12px"></span>2. Lecture automatique des vidéos ; <br><span style="font-family: Microsoft YaHei; font-size: 12px"></span>3. Fournissez une description à l'intérieur de la balise d'objet indiquant que le navigateur ne prend pas en charge la balise, telle que <object width="100" height="50" data= "quelque chose. swf">NE PAS SUPPORTER CETTE ÉTIQUETTE</object>. <br><span style="font-family: Microsoft YaHei; font-size: 12px"></span> </td> </tr> <tr>18<td><span style="font-family: Microsoft YaHei; font-size: 12px"></span></td> Ligne de style normative d'écriture CSS <td><span style="font-family: Microsoft YaHei; font-size: 12px"></span></td> Le La longueur de chaque ligne ne doit pas dépasser 120 caractères, sauf si la ligne est indivisible. <td><span style="font-family: Microsoft YaHei; font-size: 12px"></span></td> </tr> <tr>19<td><span style="font-family: Microsoft YaHei; font-size: 12px"></span></td> Norme d'écriture CSS <td><span style="font-family: Microsoft YaHei; font-size: 12px"></span></td> Nommage : <td> <span style="font-family: Microsoft YaHei; font-size: 12px"></span>1.class, l'identifiant doit être composé uniquement de lettres minuscules et les mots sont séparés par - (souligné) <br><span style="font-family: Microsoft YaHei; font-size: 12px"></span>2.class, l'identifiant doit représenter le module correspondant ou Le le contenu ou la fonction du composant ne doit pas être nommé avec des informations de style, telles que gauche, droite, centre, rouge, noir et d'autres mots apparaissant seuls dans le nom <br><span style="font-family: Microsoft YaHei; font-size: 12px"></span>3.class doit être ajouté avec ; le préfixe correspondant (éviter la pollution globale), tel que g-représente le style global, m-représente le style du module, ui-représente le style des composants, etc. Les spécificités sont soumises aux réglementations du projet <br><span style="font-family: Microsoft YaHei; font-size: 12px"></span>4. Un seul style n'est pas autorisé à apparaître ! Important ; <br><span style="font-family: Microsoft YaHei; font-size: 12px"></span>5. Il n'est pas autorisé à permettre à JavaScript de sélectionner certains éléments et de créer une classe sans informations de style (en utilisant l'identifiant). 🎜><br><span style="font-family: Microsoft YaHei; font-size: 12px">6. Élément L'identifiant doit garantir que la page est unique </span><br><span style="font-family: Microsoft YaHei; font-size: 12px">7. Même page, balises différentes, évitez d'utiliser le même nom et identifiant (la même balise peut être utilisée). </span> </td> </tr> <tr> <td><span style="font-family: Microsoft YaHei; font-size: 12px">20</span></td> <td><span style="font-family: Microsoft YaHei; font-size: 12px"> normativité de l'écriture CSS</span></td> <td><span style="font-family: Microsoft YaHei; font-size: 12px"> Quand un Quand une règle contient plusieurs sélecteurs, chaque déclaration de sélecteur doit être sur sa propre ligne. </span></td> </tr> <tr> <td><span style="font-family: Microsoft YaHei; font-size: 12px">21</span></td> <td><span style="font-family: Microsoft YaHei; font-size: 12px"> Normativité de l'écriture CSS</span></td> <td><span style="font-family: Microsoft YaHei; font-size: 12px"> <a href="http://www.php.cn/code/5673.html" target="_blank"> Les valeurs dans les sélecteurs d'attributs </a> doivent être entourées de guillemets doubles. Tels que input[name="acd"] {...}</span></td> </tr> <tr> <td><span style="font-family: Microsoft YaHei; font-size: 12px">22</span></td> <td><span style="font-family: Microsoft YaHei; font-size: 12px"> Norme d'écriture CSS </span></td> <td><span style="font-family: Microsoft YaHei; font-size: 12px"> Lorsque la valeur est une valeur décimale comprise entre 0 et 1, le 0 dans la partie entière est omis. Tel que l'opacité : .8 </span></td> </tr> <tr> <td><span style="font-family: Microsoft YaHei; font-size: 12px">23</span></td> <td><span style="font-family: Microsoft YaHei; font-size: 12px"> normative d'écriture CSS </span></td> <td> <span style="font-family: Microsoft YaHei; font-size: 12px"> Le chemin dans la fonction url() n'est pas cité. Tels que l'arrière-plan : url(bg.png);</span> </td> </tr> <tr> <td><span style="font-family: Microsoft YaHei; font-size: 12px">24</span></td> <td><span style="font-family: Microsoft YaHei; font-size: 12px"> Standardisation de l'écriture CSS</span></td> <td><span style="font-family: Microsoft YaHei; font-size: 12px"> Lorsque la longueur est 0, l'unité doit être omise. Tels que le remplissage : 0 5px</span></td> </tr> <tr> <td><span style="font-family: Microsoft YaHei; font-size: 12px">25</span></td> <td><span style="font-family: Microsoft YaHei; font-size: 12px"> Spécification d'écriture CSS </span></td> <td> <span style="font-family: Microsoft YaHei; font-size: 12px"> Le code de style doit être enregistré indépendamment dans un fichier avec le suffixe .css. Les styles en ligne ne sont pas autorisés, sauf dans des circonstances particulières. </span> </td> </tr> <tr> <td><span style="font-family: Microsoft YaHei; font-size: 12px">26</span></td> <td><span style="font-family: Microsoft YaHei; font-size: 12px"> Norme d'écriture CSS </span></td> <td><span style="font-family: Microsoft YaHei; font-size: 12px"> Valeur de couleur RVB doit utiliser la forme de notation hexadécimale #rrggbb. rgb() n'est pas autorisé. </span></td> </tr> <tr> <td><span style="font-family: Microsoft YaHei; font-size: 12px">27</span></td> <td><span style="font-family: Microsoft YaHei; font-size: 12px"> Norme d'écriture CSS </span></td> <td> <span style="font-family: Microsoft YaHei; font-size: 12px"> Couleur : </span><br><span style="font-family: Microsoft YaHei; font-size: 12px">1. Les valeurs de couleur RVB doivent utiliser la notation hexadécimale #aabbcc, rgb() n'est pas autorisé </span><br><span style="font-family: Microsoft YaHei; font-size: 12px">2. doit utiliser des abréviations telles que #fff, #000</span><br><span style="font-family: Microsoft YaHei; font-size: 12px">3. Les valeurs de couleur nommées ne sont pas autorisées pour les valeurs de couleur telles que le rouge vert et d'autres valeurs incertaines </span><br> <span style="font-family: Microsoft YaHei; font-size: 12px">4. Les valeurs de couleur utilisent toutes des lettres anglaises minuscules. </span> </td> </tr> <tr> <td><span style="font-family: Microsoft YaHei; font-size: 12px">28</span></td> <td><span style="font-family: Microsoft YaHei; font-size: 12px"> Standardisation de l'écriture CSS</span></td> <td> <span style="font-family: Microsoft YaHei; font-size: 12px"> Police 1 : </span><br><span style="font-family: Microsoft YaHei; font-size: 12px">1. Le nom de famille de police dans l'attribut font-family doit utiliser le nom de famille anglais de la police. S'il y a des espaces, ils doivent être placés entre guillemets. strictement interdit. Exemple de famille de polices : "Microsoft YaHei" ;</span><br><span style="font-family: Microsoft YaHei; font-size: 12px">Nom de famille du système d'exploitation de la police</span><br><span style="font-family: Microsoft YaHei; font-size: 12px">宋体 (中易宋体) Windows SimSun</span><br><span style="font-family: Microsoft YaHei; font-size: 12px"> Heihei (Zhongyi Heihei) Windows SimHei</span><br><span style="font-family: Microsoft YaHei; font-size: 12px">Microsoft YaHei</span><br><span style="font-family: Microsoft YaHei; font-size: 12px">Microsoft JhengHei</span><br> Windows<span style="font-family: Microsoft YaHei; font-size: 12px">中文字幕                                 </span>WenQuanY i Micron Black Linux WenQuanYi Micro Hei<br><span style="font-family: Microsoft YaHei; font-size: 12px"></span><br><span style="font-family: Microsoft YaHei; font-size: 12px"></span>29<br><span style="font-family: Microsoft YaHei; font-size: 12px"></span> </td> Standardisation de l'écriture CSS</tr> <tr> <td><span style="font-family: Microsoft YaHei; font-size: 12px"> Police 2 : </span></td> <td>1.font-family Cliquez sur "Police occidentale devant, police chinoise à l'intérieur back", "Bon effet (haute qualité/plus efficace)" Les polices qui répondent aux besoins) sont écrites en premier, et les polices avec des effets moyens sont écrites dans l'ordre "après". Enfin, une famille de polices générale (serif / sans-serif) doit être spécifié ; <span style="font-family: Microsoft YaHei; font-size: 12px"></span> </td>Par exemple, font-family : Arial, sans-serif;<td> <span style="font-family: Microsoft YaHei; font-size: 12px"></span><br><span style="font-family: Microsoft YaHei; font-size: 12px"></span>30<br><span style="font-family: Microsoft YaHei; font-size: 12px"></span> </td> Norme d'écriture CSS </tr> <tr> <td><span style="font-family: Microsoft YaHei; font-size: 12px"> Taille de la police : </span></td> <td>1. être affiché sur la plate-forme Windows ne doit pas être inférieur à 12 pixels ; <span style="font-family: Microsoft YaHei; font-size: 12px"></span> </td>2. Le contenu chinois qui doit être affiché sur la plate-forme Windows, n'utilisez pas de style de police autre que celui normal. <td> <span style="font-family: Microsoft YaHei; font-size: 12px"></span><br><span style="font-family: Microsoft YaHei; font-size: 12px"></span>31<br><span style="font-family: Microsoft YaHei; font-size: 12px"></span> </td> Spécification d'écriture JS </tr> <tr> <td><span style="font-family: Microsoft YaHei; font-size: 12px"> Nommage : </span></td> <td> Plusieurs noms communs : Camel Case nommant thisIsAnApple, Pascal nommant thisIsAnApple, soulignez nommant this_is_an_apple et soulignez nommant this-is-an-apple <span style="font-family: Microsoft YaHei; font-size: 12px"></span> </td>1. , nom de la variable, nom du paramètre, <td> espace de noms <span style="font-family: Microsoft YaHei; font-size: 12px">, le nom de la fonction doit être nommé en casse chameau </span><br><span style="font-family: Microsoft YaHei; font-size: 12px">2. utilisez la dénomination Pascal ; </span><br><span style="font-family: Microsoft YaHei; font-size: 12px">3. Noms de constantes, attributs d'énumération : doivent utiliser toute la nomenclature soulignée en majuscules, telle que <a href="http://www.php.cn/wiki/220.html" target="_blank"></a></span>4 .Membres privés (protégés) (propriétés) , fonctions, etc.) : doit commencer par un trait de soulignement _ ; <br><span style="font-family: Microsoft YaHei; font-size: 12px"><a href="http://www.php.cn/wiki/77.html" target="_blank">5. Les types booléens doivent commencer par is, has, etc. pour indiquer leur type ;<span style="font-family: Microsoft YaHei; font-size: 12px">6. La dénomination nécessite également une attention particulière à la sémantique. Par exemple, les noms de variables doivent utiliser des noms, les noms de fonctions doivent utiliser des expressions verbe-objet (getAccListData) et les noms de classe doivent utiliser des noms. </span></a></span> </td> </tr> <tr> <td><span style="font-family: Microsoft YaHei; font-size: 12px">32</span></td> <td><span style="font-family: Microsoft YaHei; font-size: 12px"> Standardisation de l'écriture JS</span></td> <td><span style="font-family: Microsoft YaHei; font-size: 12px"> Programme JavaScript Il doit être enregistré indépendamment dans un fichier avec un suffixe .js. </span></td> </tr> <tr> <td><span style="font-family: Microsoft YaHei; font-size: 12px">33</span></td> <td><span style="font-family: Microsoft YaHei; font-size: 12px"> Standardisation de l'écriture JS</span></td> <td><span style="font-family: Microsoft YaHei; font-size: 12px"> Évitez chaque ligne dépasse 80 caractères. </span></td> </tr> <tr> <td><span style="font-family: Microsoft YaHei; font-size: 12px">34</span></td> <td><span style="font-family: Microsoft YaHei; font-size: 12px"> Spécification d'écriture JS </span></td> <td><span style="font-family: Microsoft YaHei; font-size: 12px"> Essayez de réduire autant que possible Lorsque vous utilisez des variables globales, ne laissez pas les variables locales écraser les variables globales. </span></td> </tr> <tr> <td><span style="font-family: Microsoft YaHei; font-size: 12px">35</span></td> <td><span style="font-family: Microsoft YaHei; font-size: 12px"> La spécification d'écriture JS </span></td> <td><span style="font-family: Microsoft YaHei; font-size: 12px"> peut être utilisée Dans le cas d'une fonction commune, si la fonction commune est utilisée. </span></td> </tr> <tr> <td><span style="font-family: Microsoft YaHei; font-size: 12px">36</span></td> <td><span style="font-family: Microsoft YaHei; font-size: 12px"> Déclaration normative d'écriture JS </span></td> <td> <span style="font-family: Microsoft YaHei; font-size: 12px"> : </span><br><span style="font-family: Microsoft YaHei; font-size: 12px">1. Chaque ligne contient au plus une instruction, mettez ; (point-virgule) à la fin de chaque instruction simple </span><br><span style="font-family: Microsoft YaHei; font-size: 12px">2. </span>N'utilisez pas ( ) (crochets) pour placer la valeur de retour dans une instruction return avec une valeur de retour. Si une expression est renvoyée, l'expression doit être sur la même ligne que le mot-clé return pour éviter l'erreur d'ajouter accidentellement un point-virgule <br><span style="font-family: Microsoft YaHei; font-size: 12px"></span>3. processus logique du programme obscur.<span style="font-family: Microsoft YaHei; font-size: 12px">4.eval est la méthode la plus facilement abusée en JavaScript, évitez de l'utiliser. </span> </td> </tr> <tr> <td><span style="font-family: Microsoft YaHei; font-size: 12px">37</span></td> <td><span style="font-family: Microsoft YaHei; font-size: 12px"> JS-Writing Normative</span></td> <td><span style="font-family: Microsoft YaHei; font-size: 12px"> Syntaxe ES5 La le code doit être encapsulé dans une IIFE (Immediately-Invoked Function Expression) pour créer un domaine de définition indépendant et isolé afin d'éviter que l'espace de noms global ne soit pollué. </span></td> </tr> <tr> <td><span style="font-family: Microsoft YaHei; font-size: 12px">38</span></td> <td><span style="font-family: Microsoft YaHei; font-size: 12px"> Spécification d'écriture JS </span></td> <td><span style="font-family: Microsoft YaHei; font-size: 12px"> dans le code Ajouter js mode strict 'utiliser strict'</span></td> </tr> <tr> <td><span style="font-family: Microsoft YaHei; font-size: 12px">39</span></td> <td><span style="font-family: Microsoft YaHei; font-size: 12px"> Standardisation de l'écriture JS</span></td> <td><span style="font-family: Microsoft YaHei; font-size: 12px"> Déclaration de variable : utilisez var ou let pour déclarer des variables. Si vous ne spécifiez pas de variable, elle sera implicitement déclarée comme variable globale, ce qui rendra difficile le contrôle de la variable. </span></td> </tr> <tr> <td><span style="font-family: Microsoft YaHei; font-size: 12px">40</span></td> <td><span style="font-family: Microsoft YaHei; font-size: 12px"> Débloquabilité du programme JS </span></td> <td><span style="font-family: Microsoft YaHei; font-size: 12px"> Utiliser judicieusement true et faux jugement, if(a == true) est différent de if(a). Ce jugement le convertira en vrai ou faux via des opérations spéciales. Les expressions suivantes renvoient toutes false : false, 0, undefined, null, NaN, (. chaîne vide). </span></td> </tr> <tr> <td><span style="font-family: Microsoft YaHei; font-size: 12px">41</span></td> <td><span style="font-family: Microsoft YaHei; font-size: 12px"> Douceur du programme JS</span></td> <td><span style="font-family: Microsoft YaHei; font-size: 12px"> Évitez de créer des fonctions dans des boucles. L'ajout de fonctions à de simples instructions de boucle peut facilement former des fermetures et provoquer des dangers cachés. </span></td> </tr> <tr> <td><span style="font-family: Microsoft YaHei; font-size: 12px">42</span></td> <td><span style="font-family: Microsoft YaHei; font-size: 12px"> Déblocage du programme JS </span></td> <td><span style="font-family: Microsoft YaHei; font-size: 12px"> À éviter lors de la déclaration une fonction au sein d'un bloc d'instructions, une <a href="http://www.php.cn/wiki/96.html" target="_blank"> erreur de syntaxe </a> sera signalée en mode strict. </span></td> </tr> <tr> <td><span style="font-family: Microsoft YaHei; font-size: 12px">43</span></td> <td><span style="font-family: Microsoft YaHei; font-size: 12px"> Communication avec le programme JS </span></td> <td><span style="font-family: Microsoft YaHei; font-size: 12px"> Utilisation de tableaux et des littéraux d'objet au lieu de tableaux et de constructeurs d'objets. Le constructeur de tableau facilite les erreurs avec ses arguments. </span></td> </tr> <tr> <td><span style="font-family: Microsoft YaHei; font-size: 12px">44</span></td> <td><span style="font-family: Microsoft YaHei; font-size: 12px"> Douceur du programme JS</span></td> <td><span style="font-family: Microsoft YaHei; font-size: 12px"> Sanyuan Pour le conditionnel jugement (méthode de raccourci de if), utilisez l'opérateur ternaire pour attribuer ou renvoyer des instructions afin d'éviter de les utiliser dans des situations complexes. </span></td> </tr> <tr> <td><span style="font-family: Microsoft YaHei; font-size: 12px">45</span></td> <td><span style="font-family: Microsoft YaHei; font-size: 12px"> Déblocage du programme JS </span></td> <td> <span style="font-family: Microsoft YaHei; font-size: 12px"> Utilisation de chaîne unique guillemets (') uniformément et n'utilisez pas de guillemets doubles ("), ce qui est très bénéfique lors de la création de chaînes HTML : comme </span><br><span style="font-family: Microsoft YaHei; font-size: 12px">var msg = 'Ceci est du HTML <p class=" fait -sense"></p>'.</span> </td> </tr> <tr> <td><span style="font-family: Microsoft YaHei; font-size: 12px">46</span></td> <td> <span style="font-family: Microsoft YaHei; font-size: 12px"> Douceur du programme JS</span> </td> <td> <span style="font-family: Microsoft YaHei; font-size: 12px"> N'utilisez pas de programmes redondants. Les exemples suivants sont utilisés à titre de référence : </span><br><span style="font-family: Microsoft YaHei; font-size: 12px">・Il y a des sous-programmes inutilisés</span><br><span style="font-family: Microsoft YaHei; font-size: 12px">・Initialisation répétée </span><br>・Initialisation répétée N'utilisez pas de programmes redondants. 🎜><span style="font-family: Microsoft YaHei; font-size: 12px">・Définir les variables inutilisées</span> </td> </tr> <tr> <td><span style="font-family: Microsoft YaHei; font-size: 12px">47</span></td> <td><span style="font-family: Microsoft YaHei; font-size: 12px"> Exactitude logique JS</span></td> <td><span style="font-family: Microsoft YaHei; font-size: 12px"> Pas de logique étrange (fonctions vides, branches non traitées, etc.) </span></td> </tr> <tr> <td><span style="font-family: Microsoft YaHei; font-size: 12px">48</span></td> <td><span style="font-family: Microsoft YaHei; font-size: 12px"> JS- exactitude logique</span></td> <td><span style="font-family: Microsoft YaHei; font-size: 12px"> La longueur de la chaîne de la zone de saisie de texte est limitée en fonction de deux points : 1. S'il s'agit d'une exigence commerciale 2. Si la longueur du champ de la base de données répond aux exigences </span></td> </tr> <tr> <td>49<span style="font-family: Microsoft YaHei; font-size: 12px"></span> </td> <td> Exactitude logique JS <span style="font-family: Microsoft YaHei; font-size: 12px"></span> </td> <td> Une fois la requête terminée , requête La condition doit rester dans la zone de saisie correspondante<span style="font-family: Microsoft YaHei; font-size: 12px"></span> </td> </tr> <tr> <td>50<span style="font-family: Microsoft YaHei; font-size: 12px"></span> </td> <td> Exactitude logique JS<span style="font-family: Microsoft YaHei; font-size: 12px"></span> </td> <td> Indique si les résultats de la requête sont triés. <span style="font-family: Microsoft YaHei; font-size: 12px"></span> </td> </tr> <tr> <td>51<span style="font-family: Microsoft YaHei; font-size: 12px"></span> </td> <td> Exactitude logique JS<span style="font-family: Microsoft YaHei; font-size: 12px"></span> </td> <td> Zone de requête La le nombre total d'entrées doit être le nombre total de toutes les données actuellement interrogées. Au lieu du nombre d'éléments affichés sur la page actuelle <span style="font-family: Microsoft YaHei; font-size: 12px"></span> </td> </tr> <tr> <td>52<span style="font-family: Microsoft YaHei; font-size: 12px"></span> </td> <td> Exactitude logique JS <span style="font-family: Microsoft YaHei; font-size: 12px"></span> </td> <td> La zone de saisie de la condition de requête doit supprimer les espaces de début et de fin avant d'interroger <span style="font-family: Microsoft YaHei; font-size: 12px"></span> </td> </tr> <tr> <td style="word-break: break-all;"></td> <td style="word-break: break-all;"></td> <td style="word-break: break-all;"></td> </tr> </tbody> </table> <br><p><br></p> <p><br></p> <p><br></p> <p> <br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br> </p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br> </p> <p> <br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p> <br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br> </p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br> </p> <p> <br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p> <br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br> </p> <p><br></p> <p><br></p> <p><br></p> <p><br></p>Je crois que tu maîtrises la méthode après avoir lu le cas dans cet article, Pour un contenu plus passionnant, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php ! <p></p>Lecture recommandée : <p></p> <p>La solution au problème selon lequel le texte dans la liste déroulante de sélection du navigateur Safari est trop long et ne s'enroule pas sur de nouvelles lignes<a href="http://www.php.cn/js-tutorial-389106.html" target="_blank"></a><br></p> <p>HTML et CCS combinent <a href="http://www.php.cn/js-tutorial-389102.html" target="_blank"></a><br></p><p>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!</p></div><div class="nphpQianMsg"><div class="clear"></div></div><div class="nphpQianSheng"><span>Déclaration:</span><div>Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn</div></div></div><div class="nphpSytBox"><span>Article précédent:<a class="dBlack" title="Comment créer et supprimer dynamiquement des données dans Vue" href="http://m.php.cn/fr/faq/389121.html">Comment créer et supprimer dynamiquement des données dans Vue</a></span><span>Article suivant:<a class="dBlack" title="Comment créer et supprimer dynamiquement des données dans Vue" href="http://m.php.cn/fr/faq/389123.html">Comment créer et supprimer dynamiquement des données dans Vue</a></span></div><div class="nphpSytBox2"><div class="nphpZbktTitle"><h2>Articles Liés</h2><em><a href="http://m.php.cn/fr/article.html" class="bBlack"><i>Voir plus</i><b></b></a></em><div class="clear"></div></div><ins class="adsbygoogle" style="display:block" data-ad-format="fluid" data-ad-layout-key="-6t+ed+2i-1n-4w" data-ad-client="ca-pub-5902227090019525" data-ad-slot="8966999616"></ins><script> (adsbygoogle = window.adsbygoogle || []).push({}); </script><ul class="nphpXgwzList"><li><b></b><a href="http://m.php.cn/fr/faq/1609.html" title="Une analyse approfondie du composant de groupe de liste Bootstrap" class="aBlack">Une analyse approfondie du composant de groupe de liste Bootstrap</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/fr/faq/1640.html" title="Explication détaillée du currying de la fonction JavaScript" class="aBlack">Explication détaillée du currying de la fonction JavaScript</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/fr/faq/1949.html" title="Exemple complet de génération de mot de passe JS et de détection de force (avec téléchargement du code source de démonstration)" class="aBlack">Exemple complet de génération de mot de passe JS et de détection de force (avec téléchargement du code source de démonstration)</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/fr/faq/2248.html" title="Angularjs intègre l'interface utilisateur WeChat (weui)" class="aBlack">Angularjs intègre l'interface utilisateur WeChat (weui)</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/fr/faq/2351.html" title="Comment basculer rapidement entre le chinois traditionnel et le chinois simplifié avec JavaScript et l'astuce permettant aux sites Web de prendre en charge le basculement entre les compétences en chinois simplifié et traditionnel_javascript" class="aBlack">Comment basculer rapidement entre le chinois traditionnel et le chinois simplifié avec JavaScript et l'astuce permettant aux sites Web de prendre en charge le basculement entre les compétences en chinois simplifié et traditionnel_javascript</a><div class="clear"></div></li></ul></div></div><ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-5902227090019525" data-ad-slot="5027754603"></ins><script> (adsbygoogle = window.adsbygoogle || []).push({}); </script><div class="nphpFoot"><div class="nphpFootBg"><ul class="nphpFootMenu"><li><a href="http://m.php.cn/fr/"><b class="icon1"></b><p>Maison</p></a></li><li><a href="http://m.php.cn/fr/course.html"><b class="icon2"></b><p>Cours</p></a></li><li><a href="http://m.php.cn/fr/wenda.html"><b class="icon4"></b><p>Questions et réponses</p></a></li><li><a href="http://m.php.cn/fr/login"><b class="icon5"></b><p>Mon</p></a></li><div class="clear"></div></ul></div></div><div class="nphpYouBox" style="display: none;"><div class="nphpYouBg"><div class="nphpYouTitle"><span onclick="$('.nphpYouBox').hide()"></span><a href="http://m.php.cn/fr/"></a><div class="clear"></div></div><ul class="nphpYouList"><li><a href="http://m.php.cn/fr/"><b class="icon1"></b><span>Maison</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/fr/course.html"><b class="icon2"></b><span>Cours</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/fr/article.html"><b class="icon3"></b><span>Article</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/fr/wenda.html"><b class="icon4"></b><span>Questions et réponses</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/fr/dic.html"><b class="icon6"></b><span>Dictionnaire</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/fr/course/type/99.html"><b class="icon7"></b><span>Manuel</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/fr/xiazai/"><b class="icon8"></b><span>Télécharger</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/fr/faq/zt" title="Sujet"><b class="icon12"></b><span>Sujet</span><div class="clear"></div></a></li><div class="clear"></div></ul></div></div><div class="nphpDing" style="display: none;"><div class="nphpDinglogo"><a href="http://m.php.cn/fr/"></a></div><div class="nphpNavIn1"><div class="swiper-container nphpNavSwiper1"><div class="swiper-wrapper"><div class="swiper-slide"><a href="http://m.php.cn/fr/" >Maison</a></div><div class="swiper-slide"><a href="http://m.php.cn/fr/article.html" class="hover">Article</a></div><div class="swiper-slide"><a href="http://m.php.cn/fr/wenda.html" >Questions et réponses</a></div><div class="swiper-slide"><a href="http://m.php.cn/fr/course.html" >Cours</a></div><div class="swiper-slide"><a href="http://m.php.cn/fr/faq/zt" >Sujet</a></div><div class="swiper-slide"><a href="http://m.php.cn/fr/xiazai" >Télécharger</a></div><div class="swiper-slide"><a href="http://m.php.cn/fr/game" >Jeu</a></div><div class="swiper-slide"><a href="http://m.php.cn/fr/dic.html" >Dictionnaire</a></div><div class="clear"></div></div></div><div class="langadivs" ><a href="javascript:;" class="bg4 bglanguage"></a><div class="langadiv" ><a onclick="javascript:setlang('zh-cn');" class="language course-right-orders chooselan " href="javascript:;"><span>简体中文</span><span>(ZH-CN)</span></a><a onclick="javascript:setlang('en');" class="language course-right-orders chooselan " href="javascript:;"><span>English</span><span>(EN)</span></a><a onclick="javascript:setlang('zh-tw');" class="language course-right-orders chooselan " href="javascript:;"><span>繁体中文</span><span>(ZH-TW)</span></a><a onclick="javascript:setlang('ja');" class="language course-right-orders chooselan " href="javascript:;"><span>日本語</span><span>(JA)</span></a><a onclick="javascript:setlang('ko');" class="language course-right-orders chooselan " href="javascript:;"><span>한국어</span><span>(KO)</span></a><a onclick="javascript:setlang('ms');" class="language course-right-orders chooselan " href="javascript:;"><span>Melayu</span><span>(MS)</span></a><a onclick="javascript:;" class="language course-right-orders chooselan chooselanguage" href="javascript:;"><span>Français</span><span>(FR)</span></a><a onclick="javascript:setlang('de');" class="language course-right-orders chooselan " href="javascript:;"><span>Deutsch</span><span>(DE)</span></a></div></div><script> var swiper = new Swiper('.nphpNavSwiper1', { slidesPerView : 'auto', observer: true,//修改swiper自己或子元素时,自动初始化swiper observeParents: true,//修改swiper的父元素时,自动初始化swiper }); </script></div></div><!--顶部导航 end--><script>isLogin = 0;</script><script type="text/javascript" src="/static/layui/layui.js"></script><script type="text/javascript" src="/static/js/global.js?4.9.47"></script></div><script src="https://vdse.bdstatic.com//search-video.v1.min.js"></script><link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css' type='text/css' media='all'/><script type='text/javascript' src='/static/js/viewer.min.js?1'></script><script type='text/javascript' src='/static/js/jquery-viewer.min.js'></script><script>jQuery.fn.wait = function (func, times, interval) { var _times = times || -1, //100次 _interval = interval || 20, //20毫秒每次 _self = this, _selector = this.selector, //选择器 _iIntervalID; //定时器id if( this.length ){ //如果已经获取到了,就直接执行函数 func && func.call(this); } else { _iIntervalID = setInterval(function() { if(!_times) { //是0就退出 clearInterval(_iIntervalID); } _times <= 0 || _times--; //如果是正数就 -- _self = $(_selector); //再次选择 if( _self.length ) { //判断是否取到 func && func.call(_self); clearInterval(_iIntervalID); } }, _interval); } return this; } $("table.syntaxhighlighter").wait(function() { $('table.syntaxhighlighter').append("<p class='cnblogs_code_footer'><span class='cnblogs_code_footer_icon'></span></p>"); }); $(document).on("click", ".cnblogs_code_footer",function(){ $(this).parents('table.syntaxhighlighter').css('display','inline-table');$(this).hide(); }); $('.nphpQianCont').viewer({navbar:true,title:false,toolbar:false,movable:false,viewed:function(){$('img').click(function(){$('.viewer-close').trigger('click');});}}); </script></body></html>