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
Manchmal erstellen wir einen Dateiserver über ngi...
Was ist eine Tabelle? Eine Tabelle ist eine HTML-...
1. Einleitung MySQL Group Replication (kurz MGR) ...
Inhaltsverzeichnis 1. Einführung in Sysbench #Pro...
Sicht: Ansichten in MySQL haben viele Ähnlichkeit...
01. Befehlsübersicht Der Befehl „seq“ wird verwen...
Der Grund für das Schreiben dieses Artikels beste...
1. Hintergrund Wenn der Docker-Dienst gestartet w...
Cooper sprach über den visuellen Pfad des Benutze...
Inhaltsverzeichnis 1. Funktionsdefinition 1.1 Fun...
Einführung In Orm-Frameworks wie Hibernate und My...
Normalerweise verwenden wir die Tags <ul><...
Inhaltsverzeichnis 1. Einleitung 2. auswählen 2.1...
In Projekten werden häufig Batch-Operationsanweis...
Hyperlinks ermöglichen es Benutzern, sofort von ei...