Heim  >  Artikel  >  Web-Frontend  >  Was sind die Spezifikationen für die monolithische Front-End-Codierung?

Was sind die Spezifikationen für die monolithische Front-End-Codierung?

php中世界最好的语言
php中世界最好的语言Original
2018-03-19 10:42:511640Durchsuche

Dieses Mal werde ich Ihnen die Spezifikationen für die Front-End-Monomercodierung und die Vorsichtsmaßnahmen für die Verwendung der monolithischen Front-End-Codierungsspezifikationen vorstellen. Das Folgende ist ein praktischer Fall, werfen wir einen Blick darauf.

Unabhängig davon, ob es sich um Front-End- oder Back-End-Code handelt, ist die Standardisierung von Code, Format und Anforderungen zu Beginn besonders wichtig spätere Pflege des Codes.

Standardisierung des gemeinsamen Schreibens4Standardisierung allgemeiner Schriften5Gemeinsame Schreibnormativität9HTML – Schreibspezifikationen 2. Für Tags, die nicht selbstschließend sein müssen, wie etwa input, br, img, hr usw.; In HTML5 angegeben, ist kein Selbstschließen zulässig. Ermöglicht das Weglassen von schließenden Tags. 10 HTML-Schreiben normativ Tag 2: ins – einfügen 12
Front-End-Einzelcodierungsspezifikationstabelle
Nein

Kategorie

Verifizierungsinhalt
1

Seitendesign

Der Listentitel wird in der Mitte angezeigt.
2 Seitendesign Datenanzeige im Abfragedatenbereich Stil:
1. Unbestimmte Länge Chinesisch, unbestimmte Länge Englisch, unbestimmte Länge Chinesisch und Englisch, unbestimmte Länge englische Ziffern auf der linken Seite
2 Datencenter, Datum, Uhrzeit, Seriennummer in der Mitte
3 >
Ob jeder Dateikopf korrekte Kommentare enthält
Ob jede Funktion korrekte Kommentare hat
Ob es Kommentare zum relevanten Inhalt jeder Konfigurationsdatei 6Gemeinsame Schreibnormativität
Jeder logische Block ist da Anmerkung 7 Gemeinsame Schreibnormativität
Gibt es Gibt es ungenutzte Variablen und Referenzen? Verwenden Sie Tabulatoren zum Einrücken, stellen Sie Tabulatoren auf 4 Leerzeichen ein
Tag 1: 1. Tag-Namen müssen Kleinbuchstaben enthalten, z. B.

;
1 Die Verwendung von Tags muss den Tag-Verschachtelungsregeln entsprechen. Beispielsweise darf p nicht in p platziert werden und tbody muss in der Tabelle platziert werden.
2. Die Verwendung von HTML-Tags sollte der Semantik der Tags folgen. Allgemeine Tag-Semantik p – Absatz
h1,h2,h3,h4,h5,h6 – hierarchischer Titel
strong, em – Hervorhebung
del – löschen abbr – Abkürzung code – Code-Identifikation
Zitieren – Zitieren Sie den Titel des Quellwerks
q – Zitieren Blockquote – ein Absatz oder langes Zitat
ul – ungeordnete Liste
ol – geordnete Liste
dl,dt, dd - Definitionstabelle
11 HTML-Schreibnormativ Attribute:
1. Attributnamen müssen Kleinbuchstaben enthalten.
3. Es wird empfohlen, benutzerdefinierten Attributen das Präfix „xxx-“ und „data-“ voranzustellen, beispielsweise
    .

    HTML-Schreiben normativ Kodierung 1: 1. Verwenden Sie HTML5-Doctype, um den Standardmodus zu aktivieren. Es wird empfohlen, DOCTYPE in Großbuchstaben zu verwenden.
    2. Die Seite muss den Title-Tag enthalten, um den Titel zu deklarieren.
    3.title muss ein direktes untergeordnetes Element von head und unmittelbar nach der Zeichensatzdeklaration sein.
    Beispiel

    Seitentitel < ;/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 -Schreibstandardisierung</td> <td><span style="font-family: Microsoft YaHei; font-size: 12px"></span></td>Kodierung 2: <td> <p style="text-align: left;"><span style="font-family: Microsoft YaHei; font-size: 12px">Stellen Sie sicher, dass auf das Favicon zugegriffen werden kann (legen Sie die Datei favicon.ico im Stammverzeichnis ab, Link verwenden (Favicon angeben) </span><br><span style="font-family: Microsoft YaHei; font-size: 12px"></span>wie <link rel="shortcut icon" href="path/to/favicon.ico">; ></p>2. Wenn es sich bei dem Projekt um ein mobiles oder <p style="text-align: left;">responsives Layout<span style="font-family: Microsoft YaHei; font-size: 12px"> handelt, muss der Darstellungsbereich der Seite angegeben werden. </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"> HTML-Schreibspezifikation </span></td> <td style="word-break: break-all;"> <span style="font-family: Microsoft YaHei; font-size: 12px"> Einführung: </span> <br><span style="font-family: Microsoft YaHei; font-size: 12px">1. Bei der Einführung von CSS müssen Sie rel="stylesheet" angeben, z. B. <link rel="stylesheet" href="page.css">; . Bei der Verwendung von CSS und JavaScript ist es nicht erforderlich, das Typattribut anzugeben (es gibt einen Standardwert). </span><br><span style="font-family: Microsoft YaHei; font-size: 12px">3 Geben Sie alle für die Seite erforderlichen CSS-Ressourcen ein am Ende der Seite platziert oder asynchron geladen werden. (Wenn Sie das Skript in der Mitte der Seite platzieren, wird die Darstellung der Seite blockiert.) </span><br><span style="font-family: Microsoft YaHei; font-size: 12px"></span> </td> </tr>15<tr> <td> <span style="font-family: Microsoft YaHei; font-size: 12px"></span> HTML-Schreiben normativ </td> <td><span style="font-family: Microsoft YaHei; font-size: 12px"></span></td> Bild: <td> <p style="text-align: left;"><span style="font-family: Microsoft YaHei; font-size: 12px">1. Der src-Wert von img darf nicht leer sein. Beim verzögerten Laden von Bildern sollte auch die Standard-Quelle hinzugefügt werden (eine leere Quelle führt dazu, dass die Seite neu geladen wird). 🎜> 2. Vermeiden Sie das Hinzufügen unnötiger Titelattribute zu img (überflüssiger Titel beeinträchtigt das Bildanzeigeerlebnis und erhöht die Seitengröße). </span><br><span style="font-family: Microsoft YaHei; font-size: 12px">3. Fügen Sie Alt-Attribute zu wichtigen Bildern hinzu. </span></p> <p style="text-align: left;"><span style="font-family: Microsoft YaHei; font-size: 12px">4. Diejenigen, die Bilder herunterladen müssen, werden mithilfe von IMG-Tags implementiert implementiert mit CSS-Hintergrundbildern. </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"> HTML-Schreibspezifikation </span></td> <td> <span style="font-family: Microsoft YaHei; font-size: 12px"> Form: </span> <br><span style="font-family: Microsoft YaHei; font-size: 12px">1. Steuerelemente mit Texttiteln müssen Label-Tags verwenden, um sie mit ihren Titeln zu verknüpfen. </span><br><span style="font-family: Microsoft YaHei; font-size: 12px">2. Bei Verwendung von Schaltflächenelementen muss der Typattributwert angegeben werden 🎜 ></span>3. Die für die Hauptfunktionen verantwortlichen Schaltflächen sollten zuerst im DOM platziert werden (empfohlen, abhängig vom Design). <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>HTML-Schreibstandardisierung<td><span style="font-family: Microsoft YaHei; font-size: 12px"></span></td>Video & Audio: <td> <span style="font-family: Microsoft YaHei; font-size: 12px"></span>1. Priorisieren Sie die Verwendung von Audio- und Video-Tags, um Audio- und Videoelemente in Browsern zu definieren, die HTML5 unterstützen. <br><span style="font-family: Microsoft YaHei; font-size: 12px"></span>2 Automatische Wiedergabe von Videos; <br><span style="font-family: Microsoft YaHei; font-size: 12px"></span>3. Geben Sie im Objekt-Tag eine Beschreibung an, die angibt, dass der Browser das Tag nicht unterstützt, z. B. <object width="100" height="50" data= „something. swf“>DIESEN TAG NICHT UNTERSTÜTZEN</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> CSS-Schreibnormativ <td><span style="font-family: Microsoft YaHei; font-size: 12px"></span></td> Stillinie Die Die Länge jeder Zeile darf 120 Zeichen nicht überschreiten, es sei denn, die Zeile ist unteilbar. <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> CSS-Schreiben normativ <td><span style="font-family: Microsoft YaHei; font-size: 12px"></span></td> Benennung: <td> <span style="font-family: Microsoft YaHei; font-size: 12px"></span>1.Klasse und ID müssen in Kleinbuchstaben angegeben und durch - (unterstrichen) getrennt werden. <br><span style="font-family: Microsoft YaHei; font-size: 12px"></span>2.Klasse und ID müssen das entsprechende Modul oder den Inhalt oder die Funktion darstellen der Komponente darf nicht mit Stilinformationen wie links, rechts, Mitte, rot, schwarz und anderen Wörtern benannt werden, die allein im Namen vorkommen. <br><span style="font-family: Microsoft YaHei; font-size: 12px"></span>3.class muss mit dem entsprechenden Präfix hinzugefügt werden (Globale Verschmutzung vermeiden), z. B. g-repräsentiert den globalen Stil, m-repräsentiert den Modulstil, ui-repräsentiert den Komponentenstil usw. Die Einzelheiten unterliegen den Projektvorschriften <br><span style="font-family: Microsoft YaHei; font-size: 12px"></span>4 darf nicht erscheinen! <br><span style="font-family: Microsoft YaHei; font-size: 12px"></span>Klasse wird nur verwendet, um bestimmte Elemente auszuwählen und eine Klasse zu erstellen (mithilfe von id); 🎜><br>6. Element Die ID muss sicherstellen, dass die Seite eindeutig ist;<span style="font-family: Microsoft YaHei; font-size: 12px">7. Gleiche Seite, unterschiedliche Tags, vermeiden Sie die Verwendung desselben Namens und derselben ID (es kann dasselbe Tag verwendet werden). </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"> CSS-Schreibnormativität</span></td> <td><span style="font-family: Microsoft YaHei; font-size: 12px"> Wenn ein Wann Da eine Regel mehrere Selektoren enthält, muss jede Selektordeklaration in einer eigenen Zeile stehen. </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"> CSS-Schreibnormativität</span></td> <td><span style="font-family: Microsoft YaHei; font-size: 12px"> <a href="http://www.php.cn/code/5673.html" target="_blank"> Werte in Attributselektoren </a> müssen in doppelte Anführungszeichen gesetzt werden. Wie zum Beispiel 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"> CSS -normativ schreiben</span></td> <td><span style="font-family: Microsoft YaHei; font-size: 12px"> Wenn der Wert eine Dezimalzahl zwischen 0 und 1 ist, wird die 0 im ganzzahligen Teil weggelassen. Zum Beispiel Deckkraft: .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"> CSS-Schreibnormativ </span></td> <td> <span style="font-family: Microsoft YaHei; font-size: 12px"> Der Pfad in der Funktion url() wird nicht in Anführungszeichen gesetzt. Wie zum Beispiel Hintergrund: 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"> CSS-Schreibstandardisierung</span></td> <td><span style="font-family: Microsoft YaHei; font-size: 12px"> Wenn die Länge 0 ist, muss die Einheit weggelassen werden. Zum Beispiel Polsterung: 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"> CSS-Schreibspezifikation </span></td> <td> <span style="font-family: Microsoft YaHei; font-size: 12px"> Stilcode sollte unabhängig in einer Datei mit dem Suffix .css gespeichert werden. Inline-Stile sind außer unter besonderen Umständen nicht zulässig. </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"> CSS-Schreibspezifikation </span></td> <td><span style="font-family: Microsoft YaHei; font-size: 12px"> RGB-Farbwert muss die hexadezimale Notation Form #rrggbb verwenden. rgb() ist nicht erlaubt. </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"> CSS-Schreiben normativ </span></td> <td> <span style="font-family: Microsoft YaHei; font-size: 12px"> Farbe: </span><br><span style="font-family: Microsoft YaHei; font-size: 12px">1. RGB-Farbwerte müssen die hexadezimale Schreibweise #aabbcc verwenden, rgb() ist nicht zulässig. </span><br><span style="font-family: Microsoft YaHei; font-size: 12px">2 Für Farbwerte wie Rot, Grün und andere unsichere Werte sind keine Abkürzungen zulässig </span>4. Farbwerte verwenden alle englische Kleinbuchstaben. <br><span style="font-family: Microsoft YaHei; font-size: 12px"></span><br><span style="font-family: Microsoft YaHei; font-size: 12px"></span>28</td> </tr> <tr> <td> CSS-Schreibstandardisierung<span style="font-family: Microsoft YaHei; font-size: 12px"></span> </td> <td> Schriftart 1: <span style="font-family: Microsoft YaHei; font-size: 12px"></span> </td>1. Der Schriftfamilienname im Attribut „font-family“ sollte den englischen Familiennamen der Schriftart verwenden. Wenn Leerzeichen vorhanden sind, müssen diese in Anführungszeichen gesetzt werden strengstens verboten. Beispiel-Schriftfamilie: „Microsoft YaHei“;<td> <span style="font-family: Microsoft YaHei; font-size: 12px"></span>Familienname des Schriftart-Betriebssystems<br><span style="font-family: Microsoft YaHei; font-size: 12px"></span>宋体 (中易宋体) Windows SimSun<br><span style="font-family: Microsoft YaHei; font-size: 12px"></span> Heihei (Zhongyi Heihei) Windows SimHei<br><span style="font-family: Microsoft YaHei; font-size: 12px"></span>Microsoft YaHei<br><span style="font-family: Microsoft YaHei; font-size: 12px"></span>Microsoft JhengHei<br><span style="font-family: Microsoft YaHei; font-size: 12px"> Windows<span style="font-family: Microsoft YaHei; font-size: 12px">中文字幕                                                         约 🎜>Holly Black 体       🎜></span> 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></span> </td>CSS-Schreibstandardisierung</tr> <tr> <td><span style="font-family: Microsoft YaHei; font-size: 12px"> Schriftart 2: </span></td> <td>1.font-family Klicken Sie auf „Westliche Schriftart vorne, chinesische Schriftart innen“. zurück“, „Gute Wirkung (hohe Qualität/effizienter)“ Die Schriftarten, die den Anforderungen entsprechen, werden zuerst geschrieben, und die Schriftarten mit durchschnittlicher Wirkung werden in der Reihenfolge „danach“ geschrieben. Schließlich wird eine allgemeine Schriftfamilie (Serife / <span style="font-family: Microsoft YaHei; font-size: 12px"></span> </td>Zum Beispiel Schriftfamilie: 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> CSS-Schreibnorm </tr> <tr> <td><span style="font-family: Microsoft YaHei; font-size: 12px"> Schriftgröße: </span></td> <td>1. Die Schriftgröße des chinesischen Inhalts, der verwendet werden muss Der auf der Windows-Plattform angezeigte chinesische Inhalt sollte nicht kleiner als 12 Pixel sein. Verwenden Sie keinen anderen als den normalen Schriftstil. <span style="font-family: Microsoft YaHei; font-size: 12px"></span> </td> <td> <span style="font-family: Microsoft YaHei; font-size: 12px"></span>31<br><span style="font-family: Microsoft YaHei; font-size: 12px"></span><br> JS-Schreibspezifikation <span style="font-family: Microsoft YaHei; font-size: 12px"></span> </td> </tr> Benennung: <tr> <td><span style="font-family: Microsoft YaHei; font-size: 12px"> Mehrere gebräuchliche Namen: Camel Case für die Benennung von thisIsAnApple, Pascal für die Benennung von thisIsAnApple, Unterstrich für die Benennung von this_is_an_apple und Unterstrich für die Benennung von this-is-an-apple </span></td> <td>1. Methoden-/Attributname , Variablenname, Parametername, <span style="font-family: Microsoft YaHei; font-size: 12px"> Namespace </span>, Funktionsname muss in Kamel-Schreibweise benannt werden </td> <td> <span style="font-family: Microsoft YaHei; font-size: 12px">2 Verwenden Sie Pascal-Namen; </span><br><span style="font-family: Microsoft YaHei; font-size: 12px">3. Konstante Namen, Aufzählungsattribute: müssen alle Unterstreichungsnomenklaturen in Großbuchstaben verwenden, wie z. B. IS_DEBUG_ENABLED; .Private (geschützte) Mitglieder (Eigenschaften). , Funktionen usw.): muss mit dem Unterstrich _ beginnen; </span><br><span style="font-family: Microsoft YaHei; font-size: 12px">5. Der boolesche Typ sollte mit „is“, „has“ usw. beginnen<span style="font-family: Microsoft YaHei; font-size: 12px">6. Bei der Benennung muss auch auf die Semantik geachtet werden. Variablennamen sollten beispielsweise Substantive verwenden, Funktionsnamen sollten Verb-Objekt-Phrasen verwenden (getAccListData) und Klassennamen sollten Substantive verwenden. </span></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"> JS-Schreibstandardisierung</span></td> <td><span style="font-family: Microsoft YaHei; font-size: 12px"> JavaScript-Programm It sollten unabhängig in einer Datei mit dem Suffix .js gespeichert werden. </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"> JS-Schreibstandardisierung</span></td> <td><span style="font-family: Microsoft YaHei; font-size: 12px"> Vermeiden Sie jede Zeile überschreitet 80 Zeichen. </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"> JS-Schreibspezifikation </span></td> <td><span style="font-family: Microsoft YaHei; font-size: 12px"> Versuchen Sie zu reduzieren es so weit wie möglich Wenn Sie globale Variablen verwenden, lassen Sie nicht zu, dass lokale Variablen globale Variablen überschreiben. </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"> JS-Schreibspezifikation </span></td> <td><span style="font-family: Microsoft YaHei; font-size: 12px"> kann verwendet werden Im Falle einer gemeinsamen Funktion, ob die gemeinsame Funktion verwendet wird. </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"> JS-Schreiben normativ </span></td> <td> <span style="font-family: Microsoft YaHei; font-size: 12px"> Aussage: </span><br><span style="font-family: Microsoft YaHei; font-size: 12px">1. Jede Zeile enthält höchstens eine Anweisung (Semikolon) am Ende jeder einfachen Anweisung </span><br> <span style="font-family: Microsoft YaHei; font-size: 12px">Verwenden Sie () (Klammern) nicht, um den Rückgabewert in einer Rückgabeanweisung mit einem Rückgabewert einzuschließen. Wenn ein Ausdruck zurückgegeben wird, sollte sich der Ausdruck in derselben Zeile wie das Schlüsselwort return befinden, um den Fehler zu vermeiden, dass versehentlich ein Semikolon hinzugefügt wird Logikprozess des Programms schwer zu verstehen </span><br><span style="font-family: Microsoft YaHei; font-size: 12px">4.eval ist die am leichtesten zu missbrauchende Methode in JavaScript. Vermeiden Sie deren Verwendung. </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 Normativ</span></td> <td><span style="font-family: Microsoft YaHei; font-size: 12px"> ES5-Syntax Die Code muss in einen IIFE (Immediately-Invoked Function Expression) verpackt werden, um eine unabhängige und isolierte Definitionsdomäne zu erstellen und zu verhindern, dass der globale Namespace verschmutzt wird. </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"> JS-Schreibspezifikation </span></td> <td><span style="font-family: Microsoft YaHei; font-size: 12px"> im Code JS-Strict-Modus „use strict“ hinzufügen</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"> JS-Schreibstandardisierung</span></td> <td><span style="font-family: Microsoft YaHei; font-size: 12px"> Variablendeklaration: Verwenden Sie var oder let, um Variablen zu deklarieren. Wenn Sie eine Variable nicht angeben, wird sie implizit als globale Variable deklariert, was die Steuerung der Variablen erschwert. </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"> JS-Programm-Unblockierbarkeit </span></td> <td><span style="font-family: Microsoft YaHei; font-size: 12px"> mit Bedacht True verwenden und falsches Urteil, if(a == true) unterscheidet sich von if(a). Dieses Urteil wird durch spezielle Operationen in true oder false umgewandelt. Die folgenden Ausdrücke geben alle false zurück: false, 0, undefiniert, null, NaN, (. leere Zeichenfolge). > Vermeiden Sie das Erstellen von Funktionen in Schleifen. Das Hinzufügen von Funktionen zu einfachen Schleifenanweisungen kann leicht zu Abschlüssen führen und versteckte Gefahren verursachen. </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"> JS-Programm-Entsperrung </span></td> <td> <span style="font-family: Microsoft YaHei; font-size: 12px"> Bei der Deklaration vermeiden eine Funktion innerhalb eines Anweisungsblocks, wird im strikten Modus ein </span> Syntaxfehler </td> gemeldet. </tr> <tr> <td><span style="font-family: Microsoft YaHei; font-size: 12px"></span></td>43<td><span style="font-family: Microsoft YaHei; font-size: 12px"></span></td> JS-Programm-Entsperrung <td><span style="font-family: Microsoft YaHei; font-size: 12px"><a href="http://www.php.cn/wiki/96.html" target="_blank"></a> Verwenden Sie Arrays und Objektliterale anstelle von Arrays und Objektkonstruktoren machen es leicht, Fehler mit seinen Argumenten zu machen. </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"> JS-Program Smoothness</span></td> <td><span style="font-family: Microsoft YaHei; font-size: 12px"> Sanyuan Für bedingt Urteil (Abkürzungsmethode von if), verwenden Sie den ternären Operator, um Anweisungen zuzuweisen oder zurückzugeben, um deren Verwendung in komplexen Situationen zu vermeiden. </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"> JS-Programm-Entsperrung</span></td> <td><span style="font-family: Microsoft YaHei; font-size: 12px"> String Einzeln verwenden Setzen Sie (') einheitlich in Anführungszeichen und verwenden Sie keine doppelten Anführungszeichen ("), was beim Erstellen von HTML-Strings sehr nützlich ist: z. B. </span></td> </tr>var msg = 'This is some HTML <p class=" macht -sense"></p>'.<tr> <td><span style="font-family: Microsoft YaHei; font-size: 12px"></span></td> <td>46<span style="font-family: Microsoft YaHei; font-size: 12px"></span> </td> <td> JS-Program Smoothness<span style="font-family: Microsoft YaHei; font-size: 12px"> </span><br><span style="font-family: Microsoft YaHei; font-size: 12px">Verwenden Sie keine redundanten Programme. Die folgenden Beispiele dienen als Referenz: </span> </td> </tr>・Es gibt nicht verwendete Unterprogramme<tr> <td><span style="font-family: Microsoft YaHei; font-size: 12px">・Wiederholte Initialisierung </span></td> <span style="font-family: Microsoft YaHei; font-size: 12px">・Definieren Sie nicht verwendete Variablen</span> </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"> JS-logische Korrektheit</span></td> <td><span style="font-family: Microsoft YaHei; font-size: 12px"> Keine seltsame Logik (leere Funktionen, unverarbeitete Zweige usw.) </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- logische Korrektheit</span></td> <td> <span style="font-family: Microsoft YaHei; font-size: 12px"> Die Zeichenfolgenlänge des Texteingabefelds ist anhand von zwei Punkten begrenzt: 1. Ob es sich um eine Geschäftsanforderung handelt; 2. Ob die Datenbankfeldlänge den Anforderungen entspricht</span> </td> </tr> <tr> <td><span style="font-family: Microsoft YaHei; font-size: 12px">49</span></td> <td><span style="font-family: Microsoft YaHei; font-size: 12px"> JS-logische Korrektheit</span></td> <td><span style="font-family: Microsoft YaHei; font-size: 12px"> Nachdem die Abfrage abgeschlossen ist , Abfrage Die Bedingung sollte im entsprechenden Eingabefeld bleiben</span></td> </tr> <tr> <td><span style="font-family: Microsoft YaHei; font-size: 12px">50</span></td> <td><span style="font-family: Microsoft YaHei; font-size: 12px"> JS-logische Korrektheit</span></td> <td><span style="font-family: Microsoft YaHei; font-size: 12px"> Ob die Abfrageergebnisse sortiert sind. </span></td> </tr> <tr> <td><span style="font-family: Microsoft YaHei; font-size: 12px">51</span></td> <td><span style="font-family: Microsoft YaHei; font-size: 12px"> JS-logische Korrektheit</span></td> <td><span style="font-family: Microsoft YaHei; font-size: 12px"> Abfragebereich Die Die Gesamtzahl der Einträge sollte der Gesamtzahl aller aktuell abgefragten Daten entsprechen. Anstelle der Anzahl der auf der aktuellen Seite angezeigten Elemente </span></td> </tr> <tr> <td><span style="font-family: Microsoft YaHei; font-size: 12px">52</span></td> <td><span style="font-family: Microsoft YaHei; font-size: 12px"> JS-logische Korrektheit </span></td> <td><span style="font-family: Microsoft YaHei; font-size: 12px"> Das Eingabefeld für die Abfragebedingung sollte vor der Abfrage die führenden und nachfolgenden Leerzeichen entfernen </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> <p>Ich glaube, du hast es gemeistert Nachdem Sie den Fall in diesem Artikel gelesen haben, lesen Sie die Methode. Weitere spannende Inhalte finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website! </p> <p>Empfohlene Lektüre: </p> <p><a href="http://www.php.cn/js-tutorial-389106.html" target="_blank">Die Lösung für das Problem, dass der Text in der Auswahlliste des Safari-Browsers zu lang ist und nicht in neue Zeilen umgebrochen wird</a><br></p> <p><a href="http://www.php.cn/js-tutorial-389102.html" target="_blank">HTML und CCS kombinieren </a><br></p><p>Das obige ist der detaillierte Inhalt vonWas sind die Spezifikationen für die monolithische Front-End-Codierung?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!</p></div><div class="nphpQianMsg"><div class="clear"></div></div><div class="nphpQianSheng"><span>Stellungnahme:</span><div>Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn</div></div></div><div class="nphpSytBox"><span>Vorheriger Artikel:<a class="dBlack" title="Teilen von Methoden zum dynamischen Erstellen und Löschen von Daten in Vue" href="http://m.php.cn/de/faq/389121.html">Teilen von Methoden zum dynamischen Erstellen und Löschen von Daten in Vue</a></span><span>Nächster Artikel:<a class="dBlack" title="Teilen von Methoden zum dynamischen Erstellen und Löschen von Daten in Vue" href="http://m.php.cn/de/faq/389123.html">Teilen von Methoden zum dynamischen Erstellen und Löschen von Daten in Vue</a></span></div><div class="nphpSytBox2"><div class="nphpZbktTitle"><h2>In Verbindung stehende Artikel</h2><em><a href="http://m.php.cn/de/article.html" class="bBlack"><i>Mehr sehen</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/de/faq/1609.html" title="Eine eingehende Analyse der Bootstrap-Listengruppenkomponente" class="aBlack">Eine eingehende Analyse der Bootstrap-Listengruppenkomponente</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/de/faq/1640.html" title="Detaillierte Erläuterung des JavaScript-Funktions-Curryings" class="aBlack">Detaillierte Erläuterung des JavaScript-Funktions-Curryings</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/de/faq/1949.html" title="Vollständiges Beispiel für die Generierung von JS-Passwörtern und die Erkennung der Stärke (mit Download des Demo-Quellcodes)" class="aBlack">Vollständiges Beispiel für die Generierung von JS-Passwörtern und die Erkennung der Stärke (mit Download des Demo-Quellcodes)</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/de/faq/2248.html" title="Angularjs integriert WeChat UI (weui)" class="aBlack">Angularjs integriert WeChat UI (weui)</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/de/faq/2351.html" title="Wie man mit JavaScript schnell zwischen traditionellem Chinesisch und vereinfachtem Chinesisch wechselt und wie Websites den Wechsel zwischen vereinfachtem und traditionellem Chinesisch unterstützen – Javascript-Kenntnisse" class="aBlack">Wie man mit JavaScript schnell zwischen traditionellem Chinesisch und vereinfachtem Chinesisch wechselt und wie Websites den Wechsel zwischen vereinfachtem und traditionellem Chinesisch unterstützen – Javascript-Kenntnisse</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/de/"><b class="icon1"></b><p>Heim</p></a></li><li><a href="http://m.php.cn/de/course.html"><b class="icon2"></b><p>Kurs</p></a></li><li><a href="http://m.php.cn/de/wenda.html"><b class="icon4"></b><p>Fragen und Antworten</p></a></li><li><a href="http://m.php.cn/de/login"><b class="icon5"></b><p>Mein</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/de/"></a><div class="clear"></div></div><ul class="nphpYouList"><li><a href="http://m.php.cn/de/"><b class="icon1"></b><span>Heim</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/de/course.html"><b class="icon2"></b><span>Kurs</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/de/article.html"><b class="icon3"></b><span>Artikel</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/de/wenda.html"><b class="icon4"></b><span>Fragen und Antworten</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/de/dic.html"><b class="icon6"></b><span>Wörterbuch</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/de/course/type/99.html"><b class="icon7"></b><span>Handbuch</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/de/xiazai/"><b class="icon8"></b><span>Herunterladen</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/de/faq/zt" title="Thema"><b class="icon12"></b><span>Thema</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/de/"></a></div><div class="nphpNavIn1"><div class="swiper-container nphpNavSwiper1"><div class="swiper-wrapper"><div class="swiper-slide"><a href="http://m.php.cn/de/" >Heim</a></div><div class="swiper-slide"><a href="http://m.php.cn/de/article.html" class="hover">Artikel</a></div><div class="swiper-slide"><a href="http://m.php.cn/de/wenda.html" >Fragen und Antworten</a></div><div class="swiper-slide"><a href="http://m.php.cn/de/course.html" >Kurs</a></div><div class="swiper-slide"><a href="http://m.php.cn/de/faq/zt" >Thema</a></div><div class="swiper-slide"><a href="http://m.php.cn/de/xiazai" >Herunterladen</a></div><div class="swiper-slide"><a href="http://m.php.cn/de/game" >Spiel</a></div><div class="swiper-slide"><a href="http://m.php.cn/de/dic.html" >Wörterbuch</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:setlang('fr');" class="language course-right-orders chooselan " href="javascript:;"><span>Français</span><span>(FR)</span></a><a onclick="javascript:;" class="language course-right-orders chooselan chooselanguage" 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>