Heim > Artikel > Web-Frontend > Teilen Sie einige praktische einzeilige JS-Codes

Teilen Sie einige praktische einzeilige JS-Codes

Guanhuinach vorne: 2020-06-17 17:59:262027Durchsuche

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));

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);

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+")()")})()

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;

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>

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!

Stellungnahme：

Dieser Artikel ist reproduziert unter:learnku.com. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen

Vorheriger Artikel：Detaillierte Erläuterung der in JS integrierten Objekte Math und DateNächster Artikel：Detaillierte Erläuterung der in JS integrierten Objekte Math und Date

In Verbindung stehende Artikel

Mehr sehen