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

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

Mar 19, 2018 am 10:42 AM
Lequel 编码 规范

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> <div class="wzconShengming_sp"> <div class="bzsmdiv_sp">Déclaration de ce site Web</div> <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> <ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-5902227090019525" data-ad-slot="2507867629"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <div class="AI_ToolDetails_main4sR"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-5902227090019525" data-ad-slot="3653428331" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <!-- <div class="phpgenera_Details_mainR4"> <div class="phpmain1_4R_readrank"> <div class="phpmain1_4R_readrank_top"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/hotarticle2.png" alt="" /> <h2>Article chaud</h2> </div> <div class="phpgenera_Details_mainR4_bottom"> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/fr/faq/1796785841.html" title="Assassin's Creed Shadows: Solution d'énigmes de coquille" class="phpgenera_Details_mainR4_bottom_title">Assassin's Creed Shadows: Solution d'énigmes de coquille</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>3 Il y a quelques semaines</span> <span>By DDD</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/fr/faq/1796789525.html" title="Quoi de neuf dans Windows 11 KB5054979 et comment résoudre les problèmes de mise à jour" class="phpgenera_Details_mainR4_bottom_title">Quoi de neuf dans Windows 11 KB5054979 et comment résoudre les problèmes de mise à jour</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>2 Il y a quelques semaines</span> <span>By DDD</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/fr/faq/1796783009.html" title="Assassin's Creed Shadows - Comment trouver le forgeron et déverrouiller les armes et la personnalisation des armes" class="phpgenera_Details_mainR4_bottom_title">Assassin's Creed Shadows - Comment trouver le forgeron et déverrouiller les armes et la personnalisation des armes</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>1 Il y a quelques mois</span> <span>By DDD</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/fr/faq/1796785857.html" title="Où trouver la courte de la grue à atomide atomique" class="phpgenera_Details_mainR4_bottom_title">Où trouver la courte de la grue à atomide atomique</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>3 Il y a quelques semaines</span> <span>By DDD</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/fr/faq/1796784440.html" title="<🎜>: Dead Rails - Comment relever chaque défi" class="phpgenera_Details_mainR4_bottom_title"><🎜>: Dead Rails - Comment relever chaque défi</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>3 Il y a quelques semaines</span> <span>By DDD</span> </div> </div> </div> <div class="phpgenera_Details_mainR3_more"> <a href="https://www.php.cn/fr/article.html">Afficher plus</a> </div> </div> </div> --> <div class="phpgenera_Details_mainR3"> <div class="phpmain1_4R_readrank"> <div class="phpmain1_4R_readrank_top"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/hottools2.png" alt="" /> <h2>Outils d'IA chauds</h2> </div> <div class="phpgenera_Details_mainR3_bottom"> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/fr/ai/undresserai-undress" title="Undresser.AI Undress" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411540686492.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Undresser.AI Undress" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/fr/ai/undresserai-undress" title="Undresser.AI Undress" class="phpmain_tab2_mids_title"> <h3>Undresser.AI Undress</h3> </a> <p>Application basée sur l'IA pour créer des photos de nu réalistes</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/fr/ai/ai-clothes-remover" title="AI Clothes Remover" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411552797167.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="AI Clothes Remover" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/fr/ai/ai-clothes-remover" title="AI Clothes Remover" class="phpmain_tab2_mids_title"> <h3>AI Clothes Remover</h3> </a> <p>Outil d'IA en ligne pour supprimer les vêtements des photos.</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/fr/ai/undress-ai-tool" title="Undress AI Tool" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173410641626608.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Undress AI Tool" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/fr/ai/undress-ai-tool" title="Undress AI Tool" class="phpmain_tab2_mids_title"> <h3>Undress AI Tool</h3> </a> <p>Images de déshabillage gratuites</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/fr/ai/clothoffio" title="Clothoff.io" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411529149311.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Clothoff.io" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/fr/ai/clothoffio" title="Clothoff.io" class="phpmain_tab2_mids_title"> <h3>Clothoff.io</h3> </a> <p>Dissolvant de vêtements AI</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/fr/ai/video-swap" title="Video Face Swap" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173414504068133.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Video Face Swap" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/fr/ai/video-swap" title="Video Face Swap" class="phpmain_tab2_mids_title"> <h3>Video Face Swap</h3> </a> <p>Échangez les visages dans n'importe quelle vidéo sans effort grâce à notre outil d'échange de visage AI entièrement gratuit !</p> </div> </div> </div> <div class="phpgenera_Details_mainR3_more"> <a href="https://www.php.cn/fr/ai">Afficher plus</a> </div> </div> </div> <script src="https://sw.php.cn/hezuo/cac1399ab368127f9b113b14eb3316d0.js" type="text/javascript"></script> <div class="phpgenera_Details_mainR4"> <div class="phpmain1_4R_readrank"> <div class="phpmain1_4R_readrank_top"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/hotarticle2.png" alt="" /> <h2>Article chaud</h2> </div> <div class="phpgenera_Details_mainR4_bottom"> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/fr/faq/1796785841.html" title="Assassin's Creed Shadows: Solution d'énigmes de coquille" class="phpgenera_Details_mainR4_bottom_title">Assassin's Creed Shadows: Solution d'énigmes de coquille</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>3 Il y a quelques semaines</span> <span>By DDD</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/fr/faq/1796789525.html" title="Quoi de neuf dans Windows 11 KB5054979 et comment résoudre les problèmes de mise à jour" class="phpgenera_Details_mainR4_bottom_title">Quoi de neuf dans Windows 11 KB5054979 et comment résoudre les problèmes de mise à jour</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>2 Il y a quelques semaines</span> <span>By DDD</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/fr/faq/1796783009.html" title="Assassin's Creed Shadows - Comment trouver le forgeron et déverrouiller les armes et la personnalisation des armes" class="phpgenera_Details_mainR4_bottom_title">Assassin's Creed Shadows - Comment trouver le forgeron et déverrouiller les armes et la personnalisation des armes</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>1 Il y a quelques mois</span> <span>By DDD</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/fr/faq/1796785857.html" title="Où trouver la courte de la grue à atomide atomique" class="phpgenera_Details_mainR4_bottom_title">Où trouver la courte de la grue à atomide atomique</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>3 Il y a quelques semaines</span> <span>By DDD</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/fr/faq/1796784440.html" title="<🎜>: Dead Rails - Comment relever chaque défi" class="phpgenera_Details_mainR4_bottom_title"><🎜>: Dead Rails - Comment relever chaque défi</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>3 Il y a quelques semaines</span> <span>By DDD</span> </div> </div> </div> <div class="phpgenera_Details_mainR3_more"> <a href="https://www.php.cn/fr/article.html">Afficher plus</a> </div> </div> </div> <div class="phpgenera_Details_mainR3"> <div class="phpmain1_4R_readrank"> <div class="phpmain1_4R_readrank_top"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/hottools2.png" alt="" /> <h2>Outils chauds</h2> </div> <div class="phpgenera_Details_mainR3_bottom"> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/fr/toolset/development-tools/92" title="Bloc-notes++7.3.1" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58ab96f0f39f7357.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="Bloc-notes++7.3.1" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/fr/toolset/development-tools/92" title="Bloc-notes++7.3.1" class="phpmain_tab2_mids_title"> <h3>Bloc-notes++7.3.1</h3> </a> <p>Éditeur de code facile à utiliser et gratuit</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/fr/toolset/development-tools/93" title="SublimeText3 version chinoise" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58ab97a3baad9677.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="SublimeText3 version chinoise" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/fr/toolset/development-tools/93" title="SublimeText3 version chinoise" class="phpmain_tab2_mids_title"> <h3>SublimeText3 version chinoise</h3> </a> <p>Version chinoise, très simple à utiliser</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/fr/toolset/development-tools/121" title="Envoyer Studio 13.0.1" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58ab97ecd1ab2670.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="Envoyer Studio 13.0.1" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/fr/toolset/development-tools/121" title="Envoyer Studio 13.0.1" class="phpmain_tab2_mids_title"> <h3>Envoyer Studio 13.0.1</h3> </a> <p>Puissant environnement de développement intégré PHP</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/fr/toolset/development-tools/469" title="Dreamweaver CS6" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58d0e0fc74683535.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="Dreamweaver CS6" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/fr/toolset/development-tools/469" title="Dreamweaver CS6" class="phpmain_tab2_mids_title"> <h3>Dreamweaver CS6</h3> </a> <p>Outils de développement Web visuel</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/fr/toolset/development-tools/500" title="SublimeText3 version Mac" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58d34035e2757995.png?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="SublimeText3 version Mac" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/fr/toolset/development-tools/500" title="SublimeText3 version Mac" class="phpmain_tab2_mids_title"> <h3>SublimeText3 version Mac</h3> </a> <p>Logiciel d'édition de code au niveau de Dieu (SublimeText3)</p> </div> </div> </div> <div class="phpgenera_Details_mainR3_more"> <a href="https://www.php.cn/fr/ai">Afficher plus</a> </div> </div> </div> <div class="phpgenera_Details_mainR4"> <div class="phpmain1_4R_readrank"> <div class="phpmain1_4R_readrank_top"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/hotarticle2.png" alt="" /> <h2>Sujets chauds</h2> </div> <div class="phpgenera_Details_mainR4_bottom"> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/fr/faq/gmailyxdlrkzn" title="Où se trouve l'entrée de connexion pour la messagerie Gmail ?" class="phpgenera_Details_mainR4_bottom_title">Où se trouve l'entrée de connexion pour la messagerie Gmail ?</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/eyess.png" alt="" /> <span>7642</span> </div> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>15</span> </div> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/fr/faq/cakephp-tutor" title="Tutoriel CakePHP" class="phpgenera_Details_mainR4_bottom_title">Tutoriel CakePHP</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/eyess.png" alt="" /> <span>1392</span> </div> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>52</span> </div> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/fr/faq/steamdzhmcssmgs" title="Quel est le format du nom de compte de Steam" class="phpgenera_Details_mainR4_bottom_title">Quel est le format du nom de compte de Steam</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/eyess.png" alt="" /> <span>91</span> </div> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>11</span> </div> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/fr/faq/winactivationkeyper" title="Clé d&amp;amp;amp;amp;amp;amp;amp;#39;activation Win11 permanent" class="phpgenera_Details_mainR4_bottom_title">Clé d&amp;amp;amp;amp;amp;amp;amp;#39;activation Win11 permanent</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/eyess.png" alt="" /> <span>72</span> </div> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>19</span> </div> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/fr/faq/newyorktimesdailybrief" title="NYT Connexions Indices et réponses" class="phpgenera_Details_mainR4_bottom_title">NYT Connexions Indices et réponses</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/eyess.png" alt="" /> <span>33</span> </div> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>150</span> </div> </div> </div> </div> <div class="phpgenera_Details_mainR3_more"> <a href="https://www.php.cn/fr/faq/zt">Afficher plus</a> </div> </div> </div> </div> </div> <div class="Article_Details_main2"> <div class="phpgenera_Details_mainL4"> <div class="phpmain1_2_top"> <a href="javascript:void(0);" class="phpmain1_2_top_title">Related knowledge<img src="/static/imghw/index2_title2.png" alt="" /></a> </div> <div class="phpgenera_Details_mainL4_info"> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/fr/faq/513418.html" title="11 techniques courantes d'encodage des caractéristiques de classification" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/000/887/227/168127297093623.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="11 techniques courantes d'encodage des caractéristiques de classification" /> </a> <a href="https://www.php.cn/fr/faq/513418.html" title="11 techniques courantes d'encodage des caractéristiques de classification" class="phphistorical_Version2_mids_title">11 techniques courantes d'encodage des caractéristiques de classification</a> <span class="Articlelist_txts_time">Apr 12, 2023 pm 12:16 PM</span> <p class="Articlelist_txts_p">Les algorithmes d'apprentissage automatique n'acceptent que les entrées numériques, donc si nous rencontrons des caractéristiques catégorielles, nous coderons les caractéristiques catégorielles. Cet article résume 11 méthodes courantes de codage de variables catégorielles. 1. ONE HOT ENCODING La méthode d’encodage la plus populaire et la plus couramment utilisée est One Hot Enoding. Une unique variable à n observations et d valeurs distinctes est convertie en d variables binaires à n observations, chaque variable binaire est identifiée par un bit (0, 1). Par exemple : l'implémentation la plus simple après l'encodage consiste à utiliser get_dummiesnew_df=pd.get_dummies(columns=[‘Sex’], data=df)2 de pandas,</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/fr/faq/501107.html" title="Combien d'octets les caractères chinois codés en utf8 occupent-ils ?" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/202302/21/2023022111354659993.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Combien d'octets les caractères chinois codés en utf8 occupent-ils ?" /> </a> <a href="https://www.php.cn/fr/faq/501107.html" title="Combien d'octets les caractères chinois codés en utf8 occupent-ils ?" class="phphistorical_Version2_mids_title">Combien d'octets les caractères chinois codés en utf8 occupent-ils ?</a> <span class="Articlelist_txts_time">Feb 21, 2023 am 11:40 AM</span> <p class="Articlelist_txts_p">Les caractères chinois codés en UTF8 occupent 3 octets. En codage UTF-8, un caractère chinois équivaut à trois octets et un signe de ponctuation chinois occupe trois octets, tandis qu'en codage Unicode, un caractère chinois (y compris le chinois traditionnel) équivaut à deux octets. UTF-8 utilise 1 à 4 octets pour coder chaque caractère. Un caractère US-ASCIl n'a besoin que de 1 octet pour coder. Le latin, le grec, le cyrillique, l'arménien et l'hébreu avec des signes diacritiques, l'arabe, le syriaque et d'autres lettres nécessitent 2 octets. codage.</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/fr/faq/661557.html" title="Knowledge graph : le partenaire idéal des grands modèles" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/000/887/227/170649129180672.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Knowledge graph : le partenaire idéal des grands modèles" /> </a> <a href="https://www.php.cn/fr/faq/661557.html" title="Knowledge graph : le partenaire idéal des grands modèles" class="phphistorical_Version2_mids_title">Knowledge graph : le partenaire idéal des grands modèles</a> <span class="Articlelist_txts_time">Jan 29, 2024 am 09:21 AM</span> <p class="Articlelist_txts_p">Les grands modèles linguistiques (LLM) ont la capacité de générer un texte fluide et cohérent, ouvrant de nouvelles perspectives dans des domaines tels que la conversation par intelligence artificielle et l'écriture créative. Cependant, le LLM présente également certaines limites clés. Premièrement, leurs connaissances se limitent aux modèles reconnus à partir des données de formation, sans une véritable compréhension du monde. Deuxièmement, les capacités de raisonnement sont limitées et ne peuvent pas faire de déductions logiques ni fusionner des faits provenant de plusieurs sources de données. Face à des questions plus complexes et ouvertes, les réponses de LLM peuvent devenir absurdes ou contradictoires, ce que l'on appelle des « illusions ». Par conséquent, bien que le LLM soit très utile à certains égards, il présente néanmoins certaines limites lorsqu’il s’agit de problèmes complexes et de situations du monde réel. Afin de combler ces lacunes, des systèmes de génération augmentée par récupération (RAG) ont vu le jour ces dernières années.</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/fr/faq/621822.html" title="Plusieurs méthodes de codage courantes" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/202310/24/2023102410093174104.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Plusieurs méthodes de codage courantes" /> </a> <a href="https://www.php.cn/fr/faq/621822.html" title="Plusieurs méthodes de codage courantes" class="phphistorical_Version2_mids_title">Plusieurs méthodes de codage courantes</a> <span class="Articlelist_txts_time">Oct 24, 2023 am 10:09 AM</span> <p class="Articlelist_txts_p">Les méthodes de codage courantes incluent le codage ASCII, le codage Unicode, le codage UTF-8, le codage UTF-16, le codage GBK, etc. Introduction détaillée : 1. Le codage ASCII est la première norme de codage de caractères, utilisant des nombres binaires de 7 bits pour représenter 128 caractères, y compris des lettres anglaises, des chiffres, des signes de ponctuation, des caractères de contrôle, etc. 2. Le codage Unicode est une méthode utilisée pour représenter ; tous les caractères du monde La méthode d'encodage standard des caractères, qui attribue un point de code numérique unique à chaque caractère 3. Encodage UTF-8, etc.</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/fr/faq/642671.html" title="Quels jeux conviennent pour jouer avec des graphiques indépendants i34150 et 1G (quels jeux conviennent pour i34150)" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/000/887/227/170445751544922.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Quels jeux conviennent pour jouer avec des graphiques indépendants i34150 et 1G (quels jeux conviennent pour i34150)" /> </a> <a href="https://www.php.cn/fr/faq/642671.html" title="Quels jeux conviennent pour jouer avec des graphiques indépendants i34150 et 1G (quels jeux conviennent pour i34150)" class="phphistorical_Version2_mids_title">Quels jeux conviennent pour jouer avec des graphiques indépendants i34150 et 1G (quels jeux conviennent pour i34150)</a> <span class="Articlelist_txts_time">Jan 05, 2024 pm 08:24 PM</span> <p class="Articlelist_txts_p">À quels jeux peut-on jouer avec le i34150 avec des graphiques indépendants 1G ? Peut-il jouer à de petits jeux tels que LoL ? GTX750 et GTX750TI sont des choix de cartes graphiques très adaptés. Si vous jouez simplement à quelques petits jeux ou ne jouez pas à des jeux, il est recommandé d'utiliser la carte graphique intégrée i34150. D’une manière générale, la différence de prix entre les cartes graphiques et les processeurs n’est pas très grande, il est donc important de choisir une combinaison raisonnable. Si vous avez besoin de 2 Go de mémoire vidéo, il est recommandé de choisir GTX750TI ; si vous n'avez besoin que de 1 Go de mémoire vidéo, choisissez simplement GTX750. La GTX750TI peut être considérée comme une version améliorée de la GTX750, avec des capacités d'overclocking. La carte graphique pouvant être associée au i34150 dépend de vos besoins. Si vous envisagez de jouer à des jeux autonomes, il est recommandé d'envisager de changer de carte graphique. tu peux choisir</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/fr/faq/592647.html" title="Conseils de codage PHP : Comment générer un code QR avec fonction de vérification anti-contrefaçon ?" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/000/887/227/169225454164600.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Conseils de codage PHP : Comment générer un code QR avec fonction de vérification anti-contrefaçon ?" /> </a> <a href="https://www.php.cn/fr/faq/592647.html" title="Conseils de codage PHP : Comment générer un code QR avec fonction de vérification anti-contrefaçon ?" class="phphistorical_Version2_mids_title">Conseils de codage PHP : Comment générer un code QR avec fonction de vérification anti-contrefaçon ?</a> <span class="Articlelist_txts_time">Aug 17, 2023 pm 02:42 PM</span> <p class="Articlelist_txts_p">Conseils de codage PHP : Comment générer un code QR avec fonction de vérification anti-contrefaçon ? Avec le développement du commerce électronique et d’Internet, les codes QR sont de plus en plus utilisés dans divers secteurs. Lors de l'utilisation des codes QR, afin de garantir la sécurité des produits et de prévenir la contrefaçon, il est très important d'ajouter des fonctions de vérification anti-contrefaçon aux codes QR. Cet article expliquera comment utiliser PHP pour générer un code QR avec fonction de vérification anti-contrefaçon et joindra des exemples de code correspondants. Avant de commencer, nous devons préparer les outils et bibliothèques nécessaires suivants : PHPQRCode : PHP</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/fr/faq/656210.html" title="Conventions de dénomination des variables requises dans l'apprentissage Python" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/000/887/227/170571259296587.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Conventions de dénomination des variables requises dans l'apprentissage Python" /> </a> <a href="https://www.php.cn/fr/faq/656210.html" title="Conventions de dénomination des variables requises dans l'apprentissage Python" class="phphistorical_Version2_mids_title">Conventions de dénomination des variables requises dans l'apprentissage Python</a> <span class="Articlelist_txts_time">Jan 20, 2024 am 09:03 AM</span> <p class="Articlelist_txts_p">Conventions de dénomination des variables que vous devez connaître lors de l'apprentissage de Python Un aspect important lors de l'apprentissage du langage de programmation Python est d'apprendre à nommer et à utiliser correctement les variables. Les variables sont des identifiants utilisés pour stocker et représenter des données. De bonnes conventions de dénomination des variables améliorent non seulement la lisibilité de votre code, mais réduisent également le risque d'erreurs. Cet article présentera certaines conventions de dénomination de variables couramment utilisées et donnera des exemples de code correspondants. Utilisez des noms significatifs Les noms de variables doivent avoir une signification claire et pouvoir décrire les données stockées dans la variable. Utiliser des noms significatifs lui permet de</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/fr/faq/599489.html" title="Quelles sont les règles d'encodage hdb3 ?" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/202308/29/2023082913375211862.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Quelles sont les règles d'encodage hdb3 ?" /> </a> <a href="https://www.php.cn/fr/faq/599489.html" title="Quelles sont les règles d'encodage hdb3 ?" class="phphistorical_Version2_mids_title">Quelles sont les règles d'encodage hdb3 ?</a> <span class="Articlelist_txts_time">Aug 29, 2023 pm 01:38 PM</span> <p class="Articlelist_txts_p">Les règles de codage sont les suivantes : 1. Si le code précédent est 0 et le bit de données actuel est 0, le code est 0 ; 2. Si le code précédent est 0 et le bit de données actuel est 1, le code est une impulsion bipolaire (+A). ou - A), et le compteur est augmenté de 1 ; 3. Si le code précédent est 1 et le bit de données actuel est 1, le code est 0 et le compteur est augmenté de 1 ; , le bit de données actuel est 0. La méthode de codage est déterminée en fonction de la parité du compteur. S'il s'agit d'un nombre pair, le codage est (+B ou -B). S'il s'agit d'un nombre impair, le codage est zéro. niveau et le compteur est effacé et ainsi de suite.</p> </div> </div> <a href="https://www.php.cn/fr/web-designer.html" class="phpgenera_Details_mainL4_botton"> <span>See all articles</span> <img src="/static/imghw/down_right.png" alt="" /> </a> </div> </div> </div> </main> <footer> <div class="footer"> <div class="footertop"> <img src="/static/imghw/logo.png" alt=""> <p>Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!</p> </div> <div class="footermid"> <a href="https://www.php.cn/fr/about/us.html">À propos de nous</a> <a href="https://www.php.cn/fr/about/disclaimer.html">Clause de non-responsabilité</a> <a href="https://www.php.cn/fr/update/article_0_1.html">Sitemap</a> </div> <div class="footerbottom"> <p> © php.cn All rights reserved </p> </div> </div> </footer> <input type="hidden" id="verifycode" value="/captcha.html"> <script>layui.use(['element', 'carousel'], function () {var element = layui.element;$ = layui.jquery;var carousel = layui.carousel;carousel.render({elem: '#test1', width: '100%', height: '330px', arrow: 'always'});$.getScript('/static/js/jquery.lazyload.min.js', function () {$("img").lazyload({placeholder: "/static/images/load.jpg", effect: "fadeIn", threshold: 200, skip_invisible: false});});});</script> <script src="/static/js/common_new.js"></script> <script type="text/javascript" src="/static/js/jquery.cookie.js?1745314211"></script> <script src="https://vdse.bdstatic.com//search-video.v1.min.js"></script> <link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css?2' 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 type="text/javascript" src="/static/js/global.min.js?5.5.53"></script> <script> var _paq = window._paq = window._paq || []; /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); (function () { var u = "https://tongji.php.cn/"; _paq.push(['setTrackerUrl', u + 'matomo.php']); _paq.push(['setSiteId', '9']); var d = document, g = d.createElement('script'), s = d.getElementsByTagName('script')[0]; g.async = true; g.src = u + 'matomo.js'; s.parentNode.insertBefore(g, s); })(); </script> <script> // top layui.use(function () { var util = layui.util; util.fixbar({ on: { mouseenter: function (type) { layer.tips(type, this, { tips: 4, fixed: true, }); }, mouseleave: function (type) { layer.closeAll("tips"); }, }, }); }); document.addEventListener("DOMContentLoaded", (event) => { // 定义一个函数来处理滚动链接的点击事件 function setupScrollLink(scrollLinkId, targetElementId) { const scrollLink = document.getElementById(scrollLinkId); const targetElement = document.getElementById(targetElementId); if (scrollLink && targetElement) { scrollLink.addEventListener("click", (e) => { e.preventDefault(); // 阻止默认链接行为 targetElement.scrollIntoView({ behavior: "smooth" }); // 平滑滚动到目标元素 }); } else { console.warn( `Either scroll link with ID '${scrollLinkId}' or target element with ID '${targetElementId}' not found.` ); } } // 使用该函数设置多个滚动链接 setupScrollLink("Article_Details_main1L2s_1", "article_main_title1"); setupScrollLink("Article_Details_main1L2s_2", "article_main_title2"); setupScrollLink("Article_Details_main1L2s_3", "article_main_title3"); setupScrollLink("Article_Details_main1L2s_4", "article_main_title4"); setupScrollLink("Article_Details_main1L2s_5", "article_main_title5"); setupScrollLink("Article_Details_main1L2s_6", "article_main_title6"); // 可以继续添加更多的滚动链接设置 }); window.addEventListener("scroll", function () { var fixedElement = document.getElementById("Article_Details_main1Lmain"); var scrollTop = window.scrollY || document.documentElement.scrollTop; // 兼容不同浏览器 var clientHeight = window.innerHeight || document.documentElement.clientHeight; // 视口高度 var scrollHeight = document.documentElement.scrollHeight; // 页面总高度 // 计算距离底部的距离 var distanceToBottom = scrollHeight - scrollTop - clientHeight; // 当距离底部小于或等于300px时,取消固定定位 if (distanceToBottom <= 980) { fixedElement.classList.remove("Article_Details_main1Lmain"); fixedElement.classList.add("Article_Details_main1Lmain_relative"); } else { // 否则,保持固定定位 fixedElement.classList.remove("Article_Details_main1Lmain_relative"); fixedElement.classList.add("Article_Details_main1Lmain"); } }); </script> <script> document.addEventListener('DOMContentLoaded', function() { const mainNav = document.querySelector('.Article_Details_main1Lmain'); const header = document.querySelector('header'); if (mainNav) { window.addEventListener('scroll', function() { const scrollPosition = window.scrollY; if (scrollPosition > 84) { mainNav.classList.add('fixed'); } else { mainNav.classList.remove('fixed'); } }); } }); </script> </body> </html>