1. Holen Sie sich die DateierweiterungAnwendungsszenario: Hochladen von Dateien zur Ermittlung des Suffixes /** * Dateierweiterung abrufen * @param {String} Dateiname */ Exportfunktion getExt(Dateiname) { wenn (Typ des Dateinamens == 'Zeichenfolge') { Dateinamen zurückgeben .Teilt('.') .Pop() .toLowerCase() } anders { throw new Error('Dateiname muss ein String-Typ sein') } } Anwendung getExt("1.mp4") //->mp4 2. Inhalt in die Zwischenablage kopierenExportfunktion copyToBoard(Wert) { const element = document.createElement('textarea') document.body.appendChild(Element) element.value = Wert element.auswählen() wenn (document.execCommand('kopieren')) { document.execCommand('kopieren') document.body.removeChild(Element) returniere wahr } document.body.removeChild(Element) return false } Anwendung: //Gibt „true“ zurück, wenn das Kopieren erfolgreich war KopiereAufBoard('lalallala') Prinzip:
3. Wie viele Millisekunden zum Schlafen/** * Schlafen Sie für xxxms * @param {Number} Millisekunden */ Exportfunktion Schlaf (ms) { gib ein neues Promise zurück(auflösen => setTimeout(auflösen, ms)) } //Verwendung const fetchData=async()=>{ warte auf Schlaf (1000) } 4. Generieren Sie eine zufällige Zeichenfolge/** * Generieren Sie eine zufällige ID * @param {*} Länge * @param {*} Zeichen */ Exportfunktion UUID (Länge, Zeichen) { Zeichen = Zeichen || „0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ“ Länge = Länge || 8 var Ergebnis = '' für (var i = Länge; i > 0; --i) Ergebnis += Zeichen[Math.floor(Math.random() * Zeichen.Länge)] Ergebnis zurückgeben } Anwendung: //Der erste Parameter gibt die Anzahl der Ziffern an, und der zweite String gibt die Zeichen an. Beide sind optionale Parameter. Wenn keiner übergeben wird, wird standardmäßig eine 8-Bit-UUID generiert.() Anwendungsszenario: Wird verwendet, um zufällige IDs auf dem Frontend zu generieren. Schließlich müssen sowohl Vue als auch React jetzt Schlüssel binden. 5. Einfaches Deep Copy/** *tiefe Kopie* @export * @param {*} Objekt * @returns */ Exportfunktion deepCopy(obj) { wenn (Typ des Objekts != 'Objekt') { Rückgabeobjekt } wenn (Objekt == null) { Rückgabeobjekt } gibt JSON.parse(JSON.stringify(obj)) zurück } Nachteil: Kopiert nur Objekte, Arrays und Arrays von Objekten, was für die meisten Szenarien ausreichend ist const person={name:'xiaoming',child:{name:'Jack'}} deepCopy(person) //neue Person 6. Array-Deduplizierung/** * Array-Deduplizierung* @param {*} arr */ Exportfunktion uniqueArray(arr) { wenn (!Array.isArray(arr)) { throw new Error('Der erste Parameter muss ein Array sein') } wenn (arr.length == 1) { Rückflug an } zurückgeben [...neues Set(arr)] } Das Prinzip besteht darin, die Eigenschaft auszunutzen, dass im einzigartigesArray([1,1,1,1,1]) // [1] 7. Objekt in FormData-Objekt konvertiert/** * Objekt in Formulardaten konvertiert * @param {Object} Objekt */ Exportfunktion getFormData(Objekt) { const formData = new FormData() Objekt.Schlüssel(Objekt).fürJeden(Schlüssel => { Konstantwert = Objekt[Schlüssel] wenn (Array.isArray(Wert)) { Wert.fürJeden((Teilwert, i) => formData.append(Schlüssel + `[${i}]`, Teilwert) ) } anders { formData.append(Schlüssel, Objekt[Schlüssel]) } }) RücksendeformularDaten } Anwendungsszenario: Beim Hochladen einer Datei müssen wir ein neues Anwendung: lass req={ Datei:xxx, Benutzer-ID: 1, Telefon:'15198763636', //... } holen(getFormData(req)) 8. Beschränken Sie sich auf n Dezimalstellen// Wie viele Dezimalstellen sollen beibehalten werden? Der Standardwert ist 2. export function cutNumber(number, no = 2) { wenn (Typ der Zahl != 'Zahl') { Zahl = Zahl(Zahl) } returniere Zahl(Zahl.toFixed(nein)) } Anwendungsszenario: Abschluss: Dies ist das Ende dieses Artikels über wichtige Das könnte Sie auch interessieren:
|
<<: MySQL 8.0.21 Installationstutorial mit Bildern und Text
Neueste Lösung: -v /usr/share/zoneinfo/Asia/Shang...
1. Gründe Wenn das System Centos7.3 ist, ist die ...
Als Softwareentwickler müssen Sie über ein vollst...
In früheren Blogbeiträgen habe ich mich auf einige...
Wie können wir beim Beenden eines laufenden Conta...
Inhaltsverzeichnis Master-Master-Synchronisierung...
Inhaltsverzeichnis Einstellungen für den abgesich...
Inhaltsverzeichnis Vorwort Frage Online-Lösungen ...
1. Installation von Windows Server 2019 Installie...
In diesem Artikel wird der spezifische Code für J...
Vorwort Als Front-End-Framework, das „für große F...
0. Was ist ein Tag? XML/HTML-CodeInhalt in die Zw...
Über Nginx, eine leistungsstarke, leichte Webserv...
Die gebräuchlichste, am häufigsten verwendete und ...
1 Ziehen Sie das Bild von hup Docker-Pull Nginx 2...