> 웹 프론트엔드 > JS 튜토리얼 > 실용적인 한 줄짜리 JS 코드 공유

실용적인 한 줄짜리 JS 코드 공유

Guanhui
풀어 주다: 2020-06-18 08:58:35
앞으로
2058명이 탐색했습니다.

실용적인 한 줄짜리 JS 코드 공유다음은 제가 최근에 가장 좋아하는 것 중 일부입니다. 모두 공개 콘솔에서 직접 실행됩니다. 한번 사용해 보세요. 여러분이 가장 좋아하는 코드를 댓글로도 공유해 주셨으면 좋겠습니다.


1. Calendar Hacker

Ali Spittel이 최신 소식을 올렸습니다. 여러 번 직면했던 문제를 해결합니다. 빼기 기호를 더하기 기호로 바꾸면 다음 7일에 대한 날짜가 제공됩니다.

// 创建一个过去七天的数组,包含
[...Array(7).keys()].map(days => new Date(Date.now() - 86400000 * days));
로그인 후 복사
2. 무작위로 ID 생성

프로토타이핑할 때 고유 ID를 생성할 때 꼭 사용하는 기능입니다. 프로덕션 모드에서 사용하는 사람들도 본 적이 있습니다. 안전하지는 않지만... 더 나쁜 무작위 생성 기능이 있습니다.

// 生成一个长度为 11 的随机字母字符串
Math.random().toString(36).substring(2);
로그인 후 복사
3. Quine

quine은 자체 소스 코드를 출력하는 프로그램입니다. Quine은 항상 나를 매료시켰습니다. 나는 여러 언어로 나만의 퀸을 여러 번 작성했지만 중요한 것은 세부 사항입니다.

당신을 위해 몇 명의 우승자를 뽑았습니다. 이 세 가지는 Mama Fun Roll, PleaseStand 및 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. 쿼리 매개변수 가져오기

유지관리가 불가능한 코드에 관한 내용입니다. 그러면 페이지의 쿼리 매개변수가 78바이트 개체로 변환됩니다. 코드 구현을 제공한 Alex Lohr(및 Qi Yi)에게 감사드립니다.

?foo=bar&baz=bing => {foo: bar, baz: bing}
// 设置 `q` 的值为当前页面的查询参数
q={};location.search.replace(/([^?&=]+)=([^&]*)/g,(_,k,v)=>q[k]=v);q;
로그인 후 복사

미니들이 열심히 일하는 모습을 보고 싶어요.

5. 직장 알람시계?foo=bar&baz=bing => {foo: bar, baz: bing}

<body onload="setInterval(()=>document.body.innerHTML=new Date().toGMTString().slice(17,25))"></body>
로그인 후 복사

我想看到迷你机这么努力的工作。

5. 工作闹钟

仅需少量代码,你就可以创建一个工作闹钟,并且你可以一口气读完它的源码。经过和同事的挑战,我写了这篇文章。它每秒钟计时一次,并使用当前时间更新页面。

rrreee

6、随机排列一个数组

在 Pythonistas 展示 import randomrandom.shuffle(array)

🎜 적은 양의 코드만으로 업무용 알람시계를 만들고, 그 소스코드를 한 번에 읽을 수 있습니다. 동료들과의 고민 끝에 이 글을 쓰게 되었습니다. 매초마다 시간을 측정하고 현재 시간으로 페이지를 업데이트합니다. 🎜rrreee🎜🎜6. 무작위로 배열 배열 🎜🎜🎜 Pythonistas가 import random, random.shuffle(array) 솔루션을 보여주기 전에는 스스로 해결해야 했습니다. 이는 무한 루프가 될 가능성이 적다는 장점이 있습니다(구현에 따라 다름). Michiel Hendriks 캐릭터를 구할 수 있도록 도와주세요 🎜

위 내용은 실용적인 한 줄짜리 JS 코드 공유의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:learnku.com
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿