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

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

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

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> <div class="wzconShengming_sp"> <div class="bzsmdiv_sp">Erklärung dieser Website</div> <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> <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>Heißer Artikel</h2> </div> <div class="phpgenera_Details_mainR4_bottom"> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/de/faq/1796780570.html" title="R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)" class="phpgenera_Details_mainR4_bottom_title">R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>2 Wochen vor</span> <span>By 尊渡假赌尊渡假赌尊渡假赌</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/de/faq/1796773439.html" title="Repo: Wie man Teamkollegen wiederbelebt" class="phpgenera_Details_mainR4_bottom_title">Repo: Wie man Teamkollegen wiederbelebt</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>4 Wochen vor</span> <span>By 尊渡假赌尊渡假赌尊渡假赌</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/de/faq/1796774171.html" title="Hello Kitty Island Abenteuer: Wie man riesige Samen bekommt" class="phpgenera_Details_mainR4_bottom_title">Hello Kitty Island Abenteuer: Wie man riesige Samen bekommt</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>3 Wochen vor</span> <span>By 尊渡假赌尊渡假赌尊渡假赌</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/de/faq/1796775427.html" title="Wie lange dauert es, um Split Fiction zu schlagen?" class="phpgenera_Details_mainR4_bottom_title">Wie lange dauert es, um Split Fiction zu schlagen?</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>3 Wochen vor</span> <span>By DDD</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/de/faq/1796775336.html" title="R.E.P.O. Dateispeicherspeicherort: Wo ist es und wie schützt sie?" class="phpgenera_Details_mainR4_bottom_title">R.E.P.O. Dateispeicherspeicherort: Wo ist es und wie schützt sie?</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>3 Wochen vor</span> <span>By DDD</span> </div> </div> </div> <div class="phpgenera_Details_mainR3_more"> <a href="https://www.php.cn/de/article.html">Mehr anzeigen</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>Heiße KI -Werkzeuge</h2> </div> <div class="phpgenera_Details_mainR3_bottom"> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/de/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/de/ai/undresserai-undress" title="Undresser.AI Undress" class="phpmain_tab2_mids_title"> <h3>Undresser.AI Undress</h3> </a> <p>KI-gestützte App zum Erstellen realistischer Aktfotos</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/de/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/de/ai/ai-clothes-remover" title="AI Clothes Remover" class="phpmain_tab2_mids_title"> <h3>AI Clothes Remover</h3> </a> <p>Online-KI-Tool zum Entfernen von Kleidung aus Fotos.</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/de/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/de/ai/undress-ai-tool" title="Undress AI Tool" class="phpmain_tab2_mids_title"> <h3>Undress AI Tool</h3> </a> <p>Ausziehbilder kostenlos</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/de/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/de/ai/clothoffio" title="Clothoff.io" class="phpmain_tab2_mids_title"> <h3>Clothoff.io</h3> </a> <p>KI-Kleiderentferner</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/de/ai/ai-hentai-generator" title="AI Hentai Generator" 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/173405034393877.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="AI Hentai Generator" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/de/ai/ai-hentai-generator" title="AI Hentai Generator" class="phpmain_tab2_mids_title"> <h3>AI Hentai Generator</h3> </a> <p>Erstellen Sie kostenlos Ai Hentai.</p> </div> </div> </div> <div class="phpgenera_Details_mainR3_more"> <a href="https://www.php.cn/de/ai">Mehr anzeigen</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>Heißer Artikel</h2> </div> <div class="phpgenera_Details_mainR4_bottom"> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/de/faq/1796780570.html" title="R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)" class="phpgenera_Details_mainR4_bottom_title">R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>2 Wochen vor</span> <span>By 尊渡假赌尊渡假赌尊渡假赌</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/de/faq/1796773439.html" title="Repo: Wie man Teamkollegen wiederbelebt" class="phpgenera_Details_mainR4_bottom_title">Repo: Wie man Teamkollegen wiederbelebt</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>4 Wochen vor</span> <span>By 尊渡假赌尊渡假赌尊渡假赌</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/de/faq/1796774171.html" title="Hello Kitty Island Abenteuer: Wie man riesige Samen bekommt" class="phpgenera_Details_mainR4_bottom_title">Hello Kitty Island Abenteuer: Wie man riesige Samen bekommt</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>3 Wochen vor</span> <span>By 尊渡假赌尊渡假赌尊渡假赌</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/de/faq/1796775427.html" title="Wie lange dauert es, um Split Fiction zu schlagen?" class="phpgenera_Details_mainR4_bottom_title">Wie lange dauert es, um Split Fiction zu schlagen?</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>3 Wochen vor</span> <span>By DDD</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/de/faq/1796775336.html" title="R.E.P.O. Dateispeicherspeicherort: Wo ist es und wie schützt sie?" class="phpgenera_Details_mainR4_bottom_title">R.E.P.O. Dateispeicherspeicherort: Wo ist es und wie schützt sie?</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>3 Wochen vor</span> <span>By DDD</span> </div> </div> </div> <div class="phpgenera_Details_mainR3_more"> <a href="https://www.php.cn/de/article.html">Mehr anzeigen</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>Heiße Werkzeuge</h2> </div> <div class="phpgenera_Details_mainR3_bottom"> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/de/toolset/development-tools/92" title="Notepad++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="Notepad++7.3.1" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/de/toolset/development-tools/92" title="Notepad++7.3.1" class="phpmain_tab2_mids_title"> <h3>Notepad++7.3.1</h3> </a> <p>Einfach zu bedienender und kostenloser Code-Editor</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/de/toolset/development-tools/93" title="SublimeText3 chinesische Version" 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 chinesische Version" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/de/toolset/development-tools/93" title="SublimeText3 chinesische Version" class="phpmain_tab2_mids_title"> <h3>SublimeText3 chinesische Version</h3> </a> <p>Chinesische Version, sehr einfach zu bedienen</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/de/toolset/development-tools/121" title="Senden Sie 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="Senden Sie Studio 13.0.1" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/de/toolset/development-tools/121" title="Senden Sie Studio 13.0.1" class="phpmain_tab2_mids_title"> <h3>Senden Sie Studio 13.0.1</h3> </a> <p>Leistungsstarke integrierte PHP-Entwicklungsumgebung</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/de/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/de/toolset/development-tools/469" title="Dreamweaver CS6" class="phpmain_tab2_mids_title"> <h3>Dreamweaver CS6</h3> </a> <p>Visuelle Webentwicklungstools</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/de/toolset/development-tools/500" title="SublimeText3 Mac-Version" 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 Mac-Version" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/de/toolset/development-tools/500" title="SublimeText3 Mac-Version" class="phpmain_tab2_mids_title"> <h3>SublimeText3 Mac-Version</h3> </a> <p>Codebearbeitungssoftware auf Gottesniveau (SublimeText3)</p> </div> </div> </div> <div class="phpgenera_Details_mainR3_more"> <a href="https://www.php.cn/de/ai">Mehr anzeigen</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>Heiße Themen</h2> </div> <div class="phpgenera_Details_mainR4_bottom"> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/de/faq/gmailyxdlrkzn" title="Wo ist der Login-Zugang für Gmail-E-Mail?" class="phpgenera_Details_mainR4_bottom_title">Wo ist der Login-Zugang für Gmail-E-Mail?</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/eyess.png" alt="" /> <span>7318</span> </div> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>9</span> </div> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/de/faq/java-tutorial" title="Java-Tutorial" class="phpgenera_Details_mainR4_bottom_title">Java-Tutorial</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/eyess.png" alt="" /> <span>1625</span> </div> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>14</span> </div> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/de/faq/cakephp-tutor" title="CakePHP-Tutorial" class="phpgenera_Details_mainR4_bottom_title">CakePHP-Tutorial</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/eyess.png" alt="" /> <span>1349</span> </div> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>46</span> </div> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/de/faq/laravel-tutori" title="Laravel-Tutorial" class="phpgenera_Details_mainR4_bottom_title">Laravel-Tutorial</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/eyess.png" alt="" /> <span>1261</span> </div> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>25</span> </div> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/de/faq/php-tutorial" title="PHP-Tutorial" class="phpgenera_Details_mainR4_bottom_title">PHP-Tutorial</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/eyess.png" alt="" /> <span>1209</span> </div> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>29</span> </div> </div> </div> </div> <div class="phpgenera_Details_mainR3_more"> <a href="https://www.php.cn/de/faq/zt">Mehr anzeigen</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/de/faq/513418.html" title="11 gängige Techniken zur Kodierung von Klassifizierungsmerkmalen" 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 gängige Techniken zur Kodierung von Klassifizierungsmerkmalen" /> </a> <a href="https://www.php.cn/de/faq/513418.html" title="11 gängige Techniken zur Kodierung von Klassifizierungsmerkmalen" class="phphistorical_Version2_mids_title">11 gängige Techniken zur Kodierung von Klassifizierungsmerkmalen</a> <span class="Articlelist_txts_time">Apr 12, 2023 pm 12:16 PM</span> <p class="Articlelist_txts_p">Algorithmen für maschinelles Lernen akzeptieren nur numerische Eingaben. Wenn wir also auf kategoriale Merkmale stoßen, werden wir die kategorialen Merkmale kodieren. In diesem Artikel werden 11 gängige Methoden zur Kodierung kategorialer Variablen zusammengefasst. 1. ONE HOT ENCODING Die beliebteste und am häufigsten verwendete Kodierungsmethode ist One Hot Enoding. Eine einzelne Variable mit n Beobachtungen und d unterschiedlichen Werten wird in d binäre Variablen mit n Beobachtungen umgewandelt, wobei jede binäre Variable durch ein Bit (0, 1) identifiziert wird. Beispiel: Die einfachste Implementierung nach dem Codieren ist die Verwendung von pandas' get_dummiesnew_df=pd.get_dummies(columns=[‘Sex’], data=df)2,</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/de/faq/501107.html" title="Wie viele Bytes belegen utf8-codierte chinesische Zeichen?" 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="Wie viele Bytes belegen utf8-codierte chinesische Zeichen?" /> </a> <a href="https://www.php.cn/de/faq/501107.html" title="Wie viele Bytes belegen utf8-codierte chinesische Zeichen?" class="phphistorical_Version2_mids_title">Wie viele Bytes belegen utf8-codierte chinesische Zeichen?</a> <span class="Articlelist_txts_time">Feb 21, 2023 am 11:40 AM</span> <p class="Articlelist_txts_p">UTF8-kodierte chinesische Zeichen belegen 3 Bytes. Bei der UTF-8-Kodierung entspricht ein chinesisches Zeichen drei Bytes und ein chinesisches Satzzeichen belegt drei Bytes, während bei der Unicode-Kodierung ein chinesisches Zeichen (einschließlich traditionellem Chinesisch) zwei Bytes entspricht. UTF-8 benötigt zur Kodierung jedes Zeichens nur 1 Byte. Für Latein, Griechisch, Kyrillisch und Hebräisch sind 2 Byte erforderlich Codierung.</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/de/faq/661557.html" title="Knowledge Graph: der ideale Partner für große Modelle" 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: der ideale Partner für große Modelle" /> </a> <a href="https://www.php.cn/de/faq/661557.html" title="Knowledge Graph: der ideale Partner für große Modelle" class="phphistorical_Version2_mids_title">Knowledge Graph: der ideale Partner für große Modelle</a> <span class="Articlelist_txts_time">Jan 29, 2024 am 09:21 AM</span> <p class="Articlelist_txts_p">Große Sprachmodelle (LLMs) sind in der Lage, flüssige und kohärente Texte zu generieren, was neue Perspektiven für Bereiche wie Konversation mit künstlicher Intelligenz und kreatives Schreiben eröffnet. Allerdings weist LLM auch einige wesentliche Einschränkungen auf. Erstens beschränkt sich ihr Wissen auf Muster, die aus Trainingsdaten erkannt werden, und es mangelt ihnen an einem echten Verständnis der Welt. Zweitens sind die Denkfähigkeiten begrenzt und können keine logischen Schlussfolgerungen ziehen oder Fakten aus mehreren Datenquellen zusammenführen. Bei komplexeren und offeneren Fragen können die Antworten von LLM absurd oder widersprüchlich werden, was als „Illusionen“ bekannt ist. Obwohl LLM in einigen Aspekten sehr nützlich ist, weist es dennoch gewisse Einschränkungen bei der Bearbeitung komplexer Probleme und realer Situationen auf. Um diese Lücken zu schließen, sind in den letzten Jahren Retrieval-Augmented-Generation-Systeme (RAG) entstanden</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/de/faq/621822.html" title="Mehrere gängige Kodierungsmethoden" 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="Mehrere gängige Kodierungsmethoden" /> </a> <a href="https://www.php.cn/de/faq/621822.html" title="Mehrere gängige Kodierungsmethoden" class="phphistorical_Version2_mids_title">Mehrere gängige Kodierungsmethoden</a> <span class="Articlelist_txts_time">Oct 24, 2023 am 10:09 AM</span> <p class="Articlelist_txts_p">Zu den gängigen Kodierungsmethoden gehören ASCII-Kodierung, Unicode-Kodierung, UTF-8-Kodierung, UTF-16-Kodierung, GBK-Kodierung usw. Ausführliche Einführung: 1. Die ASCII-Kodierung ist der früheste Zeichenkodierungsstandard und verwendet 7-Bit-Binärzahlen zur Darstellung von 128 Zeichen, einschließlich englischer Buchstaben, Zahlen, Satzzeichen, Steuerzeichen usw. 2. Die Unicode-Kodierung ist eine Methode zur Darstellung alle Zeichen der Welt Die Standardkodierungsmethode für Zeichen, die jedem Zeichen einen eindeutigen digitalen Codepunkt zuweist. 3. UTF-8-Kodierung usw.</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/de/faq/502589.html" title="So lösen Sie das Problem der Codierung von PHP-Datenbankabfrageergebnissen" 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/202303/21/2023032113541877620.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="So lösen Sie das Problem der Codierung von PHP-Datenbankabfrageergebnissen" /> </a> <a href="https://www.php.cn/de/faq/502589.html" title="So lösen Sie das Problem der Codierung von PHP-Datenbankabfrageergebnissen" class="phphistorical_Version2_mids_title">So lösen Sie das Problem der Codierung von PHP-Datenbankabfrageergebnissen</a> <span class="Articlelist_txts_time">Mar 21, 2023 am 11:49 AM</span> <p class="Articlelist_txts_p">PHP ist eine beliebte Web-Programmiersprache, mit der dynamische Webseiten und Anwendungen geschrieben werden können. In praktischen Anwendungen muss PHP häufig mit der Datenbank interagieren, um Daten abzufragen und zu verarbeiten. Wenn Sie jedoch PHP verwenden, um Ergebnisse aus einer Datenbank abzurufen, kann es zu Codierungsproblemen kommen, die häufig zu verstümmelten Zeichen führen. Wie lässt sich also das Problem der Codierung von PHP-Datenbankabfrageergebnissen lösen?</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/de/faq/642671.html" title="Welche Spiele eignen sich zum Spielen mit i34150 und 1G-unabhängiger Grafik (welche Spiele sind für i34150 geeignet)" 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="Welche Spiele eignen sich zum Spielen mit i34150 und 1G-unabhängiger Grafik (welche Spiele sind für i34150 geeignet)" /> </a> <a href="https://www.php.cn/de/faq/642671.html" title="Welche Spiele eignen sich zum Spielen mit i34150 und 1G-unabhängiger Grafik (welche Spiele sind für i34150 geeignet)" class="phphistorical_Version2_mids_title">Welche Spiele eignen sich zum Spielen mit i34150 und 1G-unabhängiger Grafik (welche Spiele sind für i34150 geeignet)</a> <span class="Articlelist_txts_time">Jan 05, 2024 pm 08:24 PM</span> <p class="Articlelist_txts_p">Welche Spiele können mit dem i34150 mit 1G-unabhängiger Grafik gespielt werden? Kann er kleine Spiele wie LoL spielen? GTX750 und GTX750TI sind sehr geeignete Grafikkarten. Wenn Sie nur ein paar kleine Spiele spielen oder keine Spiele spielen, empfiehlt sich die Verwendung der integrierten i34150-Grafikkarte. Im Allgemeinen ist der Preisunterschied zwischen Grafikkarten und Prozessoren nicht sehr groß, daher ist es wichtig, eine vernünftige Kombination zu wählen. Wenn Sie 2 GB Videospeicher benötigen, wird empfohlen, GTX750TI zu wählen. Wenn Sie nur 1 GB Videospeicher benötigen, wählen Sie einfach GTX750. Die GTX750TI kann als verbesserte Version der GTX750 mit Übertaktungsfunktionen angesehen werden. Welche Grafikkarte mit dem i34150 gekoppelt werden kann, hängt von Ihren Anforderungen ab. Wenn Sie eigenständige Spiele spielen möchten, empfiehlt es sich, einen Wechsel der Grafikkarte in Betracht zu ziehen. du kannst wählen</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/de/faq/656210.html" title="Konventionen zur Benennung von Variablen, die beim Python-Lernen erforderlich sind" 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="Konventionen zur Benennung von Variablen, die beim Python-Lernen erforderlich sind" /> </a> <a href="https://www.php.cn/de/faq/656210.html" title="Konventionen zur Benennung von Variablen, die beim Python-Lernen erforderlich sind" class="phphistorical_Version2_mids_title">Konventionen zur Benennung von Variablen, die beim Python-Lernen erforderlich sind</a> <span class="Articlelist_txts_time">Jan 20, 2024 am 09:03 AM</span> <p class="Articlelist_txts_p">Konventionen zur Benennung von Variablen, die Sie beim Erlernen von Python kennen müssen. Ein wichtiger Aspekt beim Erlernen der Programmiersprache Python ist das Erlernen der korrekten Benennung und Verwendung von Variablen. Variablen sind Bezeichner, die zum Speichern und Darstellen von Daten verwendet werden. Gute Namenskonventionen für Variablen verbessern nicht nur die Lesbarkeit Ihres Codes, sondern verringern auch die Fehlerwahrscheinlichkeit. In diesem Artikel werden einige häufig verwendete Konventionen zur Variablenbenennung vorgestellt und entsprechende Codebeispiele gegeben. Verwenden Sie aussagekräftige Namen. Variablennamen sollten eine klare Bedeutung haben und die in der Variablen gespeicherten Daten beschreiben können. Die Verwendung aussagekräftiger Namen ermöglicht dies</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/de/faq/731826.html" title="Erfahren Sie in einem Artikel, wie Sie die Codierungsleistung basierend auf GenAI verbessern können" 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/000/164/171196855986752.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Erfahren Sie in einem Artikel, wie Sie die Codierungsleistung basierend auf GenAI verbessern können" /> </a> <a href="https://www.php.cn/de/faq/731826.html" title="Erfahren Sie in einem Artikel, wie Sie die Codierungsleistung basierend auf GenAI verbessern können" class="phphistorical_Version2_mids_title">Erfahren Sie in einem Artikel, wie Sie die Codierungsleistung basierend auf GenAI verbessern können</a> <span class="Articlelist_txts_time">Apr 01, 2024 pm 06:49 PM</span> <p class="Articlelist_txts_p">Hallo Leute, mein Name ist Luga, und heute werden wir über Technologien im Zusammenhang mit dem ökologischen Bereich der künstlichen Intelligenz (KI) sprechen – GenAI. Angesichts der Herausforderungen schneller technologischer Innovationen und differenzierter Geschäftsszenarien haben sich traditionelle Codierungsmethoden allmählich eingewöhnt und können den wachsenden Anforderungen nicht mehr vollständig gerecht werden. Gleichzeitig hat die aufkommende GenAI (Technologie der künstlichen Intelligenz) für allgemeine Zwecke ein großes Potenzial, diesen Bedarf zu decken. Als Vertreter der Technologie der künstlichen Intelligenz hat GenAI mit seinem starken Potenzial und seinen Fähigkeiten begonnen, in allen Lebensbereichen weit verbreitet zu sein. Es kann automatisch lernen und sich an die Codierungsanforderungen in verschiedenen Szenarien anpassen, wodurch die Effizienz und Qualität der Codierung erheblich verbessert wird. Durch Deep Learning und Modelloptimierung ist GenAI in der Lage, unterschiedliche Aspekte genau zu verstehen</p> </div> </div> <a href="https://www.php.cn/de/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>Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!</p> </div> <div class="footermid"> <a href="https://www.php.cn/de/about/us.html">Über uns</a> <a href="https://www.php.cn/de/about/disclaimer.html">Haftungsausschluss</a> <a href="https://www.php.cn/de/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?1743516544"></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> </body> </html>