Articles of Javascript

Reagieren – Benutzerdefinierte JSX-Komponenten werden nicht gerendert

Ich habe versucht, einen AJAX-Anruf zu tätigen und ihn nach dem Abrufen zu meiner Ansicht hinzuzufügen. Mit dem aktuellen Code passiert wirklich nichts. const View = () => ( Reports ); export default View; var statisticsPage = React.createClass({ getInitialState: function() { return {info: “loading … “}; }, componentDidMount: function() { this.requestStatistics(1); }, render: function() { […]

Überprüfen Sie, ob eine Zeichenfolge mit einer Regex in JS übereinstimmt

Ich möchte JavaScript verwenden (kann mit jQuery sein), um eine clientseitige validation durchzuführen, um zu prüfen, ob eine Zeichenkette der Regex entspricht: ^([a-z0-9]{5,})$ Idealerweise wäre es ein Ausdruck, der wahr oder falsch zurückkehrt. Ich bin ein JavaScript-Neuling, passt match() was ich brauche? Es scheint zu überprüfen, ob ein Teil einer Zeichenkette mit einer Regex übereinstimmt, […]

Was machen drei Punkte in ReactJS

const peopleList = this.state.people.map( x => { return }) Was bedeutet “{… x}” dieser Code?

Welche Vorteile bietet die Verwendung (function (Fenster, Dokument, undefiniert) {…}) (Fenster, Dokument)?

Ich denke, dass die Verwendung dieses Musters die neue Schärfe ist, aber ich verstehe nicht, was der Vorteil ist, und ich verstehe die Auswirkungen des Scopings nicht. Das Muster: (function(window, document, undefined){ window.MyObject = { methodA: function() { … }, methodB: function() { … } }; })(window, document) Also habe ich einige Fragen dazu. Gibt […]

Warum zeigt Javascript-Objekt in Chrome, Firefox, Safari unterschiedliche Werte in der Konsole an?

Mögliche Duplikate: Ist die JavaScript-Konsole von Chrome bei der Auswertung von Arrays faul? Betrachten Sie dieses Javascript: var foo = {bar : 1111}; console.log(foo); console.log(foo.bar); foo.bar = 2222; console.log(foo); console.log(foo.bar); Im Firebug von Firefox zeigt dies, was ich erwartet hätte: Object { bar=1111} 1111 Object { bar=2222} 2222 In der Safari- und Chrome-Konsole wird jedoch […]

$ (Dokument) .ready (function () {}); vs Skript am unteren Ende der Seite

Was ist der Unterschied / Vorteil / Nachteil des Skripts am unteren Rand der Seite zu schreiben und das Skript zu schreiben? $(document).ready(function(){});

Wie legen Sie die Dateiobjekte und die Längeneigenschaft im FileList-Objekt fest, wobei die Dateien auch im FormData-Objekt wiedergegeben werden?

Es ist möglich, die Eigenschaft .files des -Elements in eine FileList zu setzen, beispielsweise aus einer anderen Element .files oder .files . Siehe Make .files einstellbar # 2866 , Was passiert beim Hochladen einer Datei in ein HTML-Formular und beim Senden? . FileList Objekt besitzt eine Symbol.iterator Eigenschaft, mit der wir ein Symbol.iterator File Objekt […]

Abrufen der Benutzer-ID aus einer database in Cloud Functions für Firebase?

Im folgenden Beispiel gibt es eine Möglichkeit, die Benutzer-ID des Benutzers zu erhalten, der / messages / {pushId} / original geschrieben hat? exports.makeUppercase = functions.database.ref(‘/messages/{pushId}/original’) .onWrite(event => { // Grab the current value of what was written to the Realtime Database. const original = event.data.val(); console.log(‘Uppercasing’, event.params.pushId, original); const uppercase = original.toUpperCase(); // You must […]

Kann ich verhindern, dass die Chrome Developer Tools-Konsole Fehler von Image 404 protokolliert?

In der Chrome Developer Tools-Konsole wird jedes Mal ein Fehler protokolliert, wenn ein Seitenasset (einschließlich eines Bilds) nicht gefunden wird (dh 404 zurückgegeben wird). In meiner Arbeit arbeite ich oft an Websites, auf denen Bilder von Dritten bereitgestellt werden und die während der Entwicklung möglicherweise nicht verfügbar sind. Wenn jedes fehlende Bild als Fehler in […]

So erhalten Sie den Unterschied zwischen zwei Objektgruppen in JavaScript

Ich habe zwei Ergebnismengen wie folgt: // Result 1 [ { value=”4a55eff3-1e0d-4a81-9105-3ddd7521d642″, display=”Jamsheer” }, { value=”644838b3-604d-4899-8b78-09e4799f586f”, display=”Muhammed” }, { value=”b6ee537a-375c-45bd-b9d4-4dd84a75041d”, display=”Ravi” }, { value=”e97339e1-939d-47ab-974c-1b68c9cfb536″, display=”Ajmal” }, { value=”a63a6f77-c637-454e-abf2-dfb9b543af6c”, display=”Ryan” } ] // Result 2 [ { value=”4a55eff3-1e0d-4a81-9105-3ddd7521d642″, display=”Jamsheer”, $$hashKey=”008″ }, { value=”644838b3-604d-4899-8b78-09e4799f586f”, display=”Muhammed”, $$hashKey=”009″ }, { value=”b6ee537a-375c-45bd-b9d4-4dd84a75041d”, display=”Ravi”, $$hashKey=”00A” }, { value=”e97339e1-939d-47ab-974c-1b68c9cfb536″, display=”Ajmal”, $$hashKey=”00B” } […]