Heim > Web-Frontend > js-Tutorial > Hauptteil

Teilen Sie einige praktische einzeilige JS-Codes

Guanhui
Freigeben: 2020-06-18 08:58:35
nach vorne
2035 Leute haben es durchsucht

Teilen Sie einige praktische einzeilige JS-Codes

Einzelne Codezeilen sind extrem schwer zu pflegen (und manchmal sogar schwer zu verstehen), aber das hindert sie nicht daran, ziemlich cool zu sein. Sie werden auf jeden Fall zufrieden sein, wenn Sie mit dem Schreiben einer minimalistischen Lösung fertig sind.

Hier sind einige meiner aktuellen Favoriten. Sie laufen alle direkt in Ihrer offenen Konsole, probieren Sie es aus. Ich hoffe, dass Sie Ihren Lieblingscode auch in den Kommentaren teilen können.

1. Kalender-Hacker

Ali Spittel hat die letzten Updates gepusht. Es löst ein Problem, mit dem ich schon oft konfrontiert war. Wenn Sie das Minuszeichen durch ein Pluszeichen ersetzen, erhalten Sie die Tage für die nächsten sieben Tage.

// 创建一个过去七天的数组,包含
[...Array(7).keys()].map(days => new Date(Date.now() - 86400000 * days));
Nach dem Login kopieren

2. Zufällig generierte IDs

Dies ist meine bevorzugte Funktion zum Erstellen eindeutiger IDs beim Prototyping. Ich habe sogar Leute gesehen, die es im Produktionsmodus verwendet haben. Es ist nicht sicher, aber ... es gibt schlimmere Zufallsgenerierungsfunktionen.

// 生成一个长度为 11 的随机字母字符串
Math.random().toString(36).substring(2);
Nach dem Login kopieren

3. Quine

quine ist ein Programm, das seinen eigenen Quellcode ausgibt. Quine hat mich schon immer fasziniert. Ich habe meine eigene Quine mehrmals in verschiedenen Sprachen geschrieben, aber es sind die Details, die zählen.

Ich habe einige Gewinner für Sie ausgewählt. Diese drei stammen von Mama Fun Roll, PleaseStand und Peter Olson.

// $=_=>`$=${$};$()`;$()
$=_=>`$=${$};$()`;$()

// eval(I="'eval(I='+JSON.stringify(I)+')'")
eval(I="'eval(I='+JSON.stringify(I)+')'")

// For those who like their quines via alert
// (function a(){alert("("+a+")()")})()
(function a(){alert("("+a+")()")})()
Nach dem Login kopieren

4. Abfrageparameter abrufen

Hier geht es um nicht wartbaren Code. Dadurch werden die Abfrageparameter der Seite in ein 78-Byte-Objekt umgewandelt. Vielen Dank an Alex Lohr für die Code-Implementierung (und an Qi Yi).

?foo=bar&baz=bing => {foo: bar, baz: bing}

// 设置 `q` 的值为当前页面的查询参数
q={};location.search.replace(/([^?&=]+)=([^&]*)/g,(_,k,v)=>q[k]=v);q;
Nach dem Login kopieren

Ich möchte Minis so hart arbeiten sehen.

5. Arbeitswecker

Mit nur wenig Code können Sie einen Arbeitswecker erstellen und dessen Quellcode auf einmal lesen. Nach einer Herausforderung mit meinen Kollegen habe ich diesen Artikel geschrieben. Es misst jede Sekunde und aktualisiert die Seite mit der aktuellen Zeit.

<body onload="setInterval(()=>document.body.innerHTML=new Date().toGMTString().slice(17,25))"></body>
Nach dem Login kopieren

6. Ordne ein Array zufällig an

Bevor Pythonistas import random, random.shuffle(array) Lösungen zeigen, können wir nur für uns selbst sorgen. Dies hat den Vorteil, dass die Wahrscheinlichkeit einer Endlosschleife gering ist (abhängig von Ihrer Implementierung). Michiel Hendriks Helfen Sie uns, einige Charaktere zu retten

Das obige ist der detaillierte Inhalt vonTeilen Sie einige praktische einzeilige JS-Codes. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:learnku.com
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage