兄弟问题：说 JS 全是一行的，再见。
谢邀。本人对这种问题没什么兴趣。能实现什么效果要看js能运行的环境。这就像一颗子弹，打在石头上没什么效果，打到海里也就听个声，但也有一颗子弹，让整个世界陷入混战。 如果这句js出现在特定的场合，效果完全有可能超过萨拉热窝的那颗子弹。
出一个谷歌工程师的作品，一行代码可以看到所有页面元素。而当中包含的知识点非常多。&br&&br&108 byte version：&br&&div class=&highlight&&&pre&&code class=&language-js&&&span class=&p&&[].&/span&&span class=&nx&&forEach&/span&&span class=&p&&.&/span&&span class=&nx&&call&/span&&span class=&p&&(&/span&&span class=&nx&&$$&/span&&span class=&p&&(&/span&&span class=&s2&&&*&&/span&&span class=&p&&),&/span&&span class=&kd&&function&/span&&span class=&p&&(&/span&&span class=&nx&&a&/span&&span class=&p&&){&/span&&span class=&nx&&a&/span&&span class=&p&&.&/span&&span class=&nx&&style&/span&&span class=&p&&.&/span&&span class=&nx&&outline&/span&&span class=&o&&=&/span&&span class=&s2&&&1px solid #&&/span&&span class=&o&&+&/span&&span class=&p&&(&/span&&span class=&o&&~~&/span&&span class=&p&&(&/span&&span class=&nb&&Math&/span&&span class=&p&&.&/span&&span class=&nx&&random&/span&&span class=&p&&()&/span&&span class=&o&&*&/span&&span class=&p&&(&/span&&span class=&mi&&1&/span&&span class=&o&&&&&/span&&span class=&mi&&24&/span&&span class=&p&&))).&/span&&span class=&nx&&toString&/span&&span class=&p&&(&/span&&span class=&mi&&16&/span&&span class=&p&&)})&/span&
&/code&&/pre&&/div&131 byte version：&br&&div class=&highlight&&&pre&&code class=&language-js&&&span class=&p&&[].&/span&&span class=&nx&&forEach&/span&&span class=&p&&.&/span&&span class=&nx&&call&/span&&span class=&p&&(&/span&&span class=&nb&&document&/span&&span class=&p&&.&/span&&span class=&nx&&querySelectorAll&/span&&span class=&p&&(&/span&&span class=&s2&&&*&&/span&&span class=&p&&),&/span&&span class=&kd&&function&/span&&span class=&p&&(&/span&&span class=&nx&&a&/span&&span class=&p&&){&/span&&span class=&nx&&a&/span&&span class=&p&&.&/span&&span class=&nx&&style&/span&&span class=&p&&.&/span&&span class=&nx&&outline&/span&&span class=&o&&=&/span&&span class=&s2&&&1px solid #&&/span&&span class=&o&&+&/span&&span class=&p&&(&/span&&span class=&o&&~~&/span&&span class=&p&&(&/span&&span class=&nb&&Math&/span&&span class=&p&&.&/span&&span class=&nx&&random&/span&&span class=&p&&()&/span&&span class=&o&&*&/span&&span class=&p&&(&/span&&span class=&mi&&1&/span&&span class=&o&&&&&/span&&span class=&mi&&24&/span&&span class=&p&&))).&/span&&span class=&nx&&toString&/span&&span class=&p&&(&/span&&span class=&mi&&16&/span&&span class=&p&&)})&/span&
&/code&&/pre&&/div&&br&来源：&a href=&///?target=https%3A///addyosmani/fd3999ea7fce& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://&/span&&span class=&visible&&/addyosm&/span&&span class=&invisible&&ani/fd3999ea7fce&/span&&span class=&ellipsis&&&/span&&i class=&icon-external&&&/i&&/a&&br&&br&&img src=&/5f2d94ebb195df_b.png& data-rawwidth=&2798& data-rawheight=&1546& class=&origin_image zh-lightbox-thumb& width=&2798& data-original=&/5f2d94ebb195df_r.png&&&img src=&/812fb2e051e_b.png& data-rawwidth=&2828& data-rawheight=&1598& class=&origin_image zh-lightbox-thumb& width=&2828& data-original=&/812fb2e051e_r.png&&&img src=&/2846cdee38f4a4d3c5497fa_b.png& data-rawwidth=&2792& data-rawheight=&1612& class=&origin_image zh-lightbox-thumb& width=&2792& data-original=&/2846cdee38f4a4d3c5497fa_r.png&&&br&&br&&b&中文分析&/b&：&br&&br&现在我们有了一个所有元素的节点列表（NodeList）,现在我们想遍历它们，并给他们加上有颜色的边框。我们先看看能从这行代码里发现什么：&br&&br&&div class=&highlight&&&pre&&code class=&language-text&&[].forEach.call( $$('*'), function( element ) { /* And the modification code here */ });
&/code&&/pre&&/div&&br&NodeList看起来像一个Array（数组），你可以使用中括号来访问他们的节点，而且你还可以通过length属性知道它有多少元素。但是它并没有实现Array的所有接口，因此使用 $$('*').forEach 会返回错误，在JavaScript的世界里，有一堆看起来像Array但其实不是的对象。如function中的arguments对象。因此在他们身上通过call和apply来应用数组的方法是非常有用的。我之前写过一篇文章来解析它们的用法，下面是一个例子&br&&br&&div class=&highlight&&&pre&&code class=&language-text&&function say(name) {
console.log( this + ' ' + name );
say.call( 'hola', 'Mike' );
// 打印输出 'hola Mike'
&/code&&/pre&&/div&&br&之前的一行代码使用 [].forEach.call 代替 Array.prototype.forEach.call 减少了代码的编写量 ( 另外一个很有意思的地方 )；如果$$('*')返回是个数组的话，它与$$('*').forEach是等价的。&br&&br&如果你看看评论，还有人使用for(i=0;A=$$('*');)让代码变得更短，但是它在全局对象中注入了变量。&br&&br&你可以带上var声明，如&br&&br&&div class=&highlight&&&pre&&code class=&language-text&&for(var i=0,B=document.querySelectorAll('*');A=B[i++];){ /* your code here */ }
&/code&&/pre&&/div&&br&其中i和B将只声明在console的上下文中。&br&&br&改变元素的颜色&br&让元素有一个漂亮的边框，这行代码使用了CSS的outline属性。有一点你可能不知道，在CSS渲染的盒子模型（Box Model）中，&b&outline并不会改变元素及其布局的位置&/b&。因此这比使用border属性要好得多，所以这一部分其实并不难理解&br&&br&&div class=&highlight&&&pre&&code class=&language-text&&a.style.outline=&1px solid #& + color
&/code&&/pre&&/div&&br&怎样定义颜色值其实是比较有意思的&br&&br&&div class=&highlight&&&pre&&code class=&language-text&&~~(Math.random()*(1&&24))).toString(16)
&/code&&/pre&&/div&&br&我不是特别懂位运算，因此我最喜欢这一段。&br&&br&我们想构造的其实是一个16进制的颜色值，像白色FFFFFF，蓝色0000FF等等。&br&&br&首先我们学到了可以使用数字类型的toString方法进行十进制到16进制的转换。&br&&br&其实你可以用它进行任意进制的转换&br&&br&&div class=&highlight&&&pre&&code class=&language-text&&(30).toString();
(30).toString(10); // &30&
(30).toString(16); // &1e& 16进制
(30).toString(2); // &11110& 二进制
(30).toString(36); // &u& 36 是最大允许的进制
&/code&&/pre&&/div&&br&因此16进制中的ffffff其实是 parseInt(&ffffff&, 16) == ^24 - 1的值&br&&br&因此左位移操作乖以一个随机数 Math.random()*(1&&24) 可以得到一个0 到 之间的值&br&&br&但是还不够，Math.random返回的是一个浮点数字，我们只需要整数部，这里使用了“~”操作符（按位取反操作）。&br&&br&这行代码并不关心正负值。因此通过两次取返就可以得到纯整数部，我们还可以将~~视为parseInt的简写：&br&&br&&div class=&highlight&&&pre&&code class=&language-text&&var a = 12.34, // ~~a = 12
b = -, // ~~b = -1231
// ~~c = 3213
~~a == parseInt(a, 10); // true
~~b == parseInt(b, 10); // true
~~c == parseInt(c, 10); // true
&/code&&/pre&&/div&&br&如果你仔细看评论你会知道使用 按位或 &|&操作符也可以得到相同的结果。&br&&br&&div class=&highlight&&&pre&&code class=&language-text&&~~a == 0|a == parseInt(a, 10)
~~b == 0|b == parseInt(b, 10)
~~c == 0|c == parseInt(c, 10)
&/code&&/pre&&/div&&br&我们最终得到了一个 0 到 之间的随机数，然后使用toString(16)转换成16进制，它就是这样工作的。&br&&br&原文地址：&a href=&///?target=http%3A///939/learning-much-javascript-one-line-code%3Futm_& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Learning much javascript from one line of code&i class=&icon-external&&&/i&&/a&&br&&br&翻译地址：&a href=&///?target=http%3A///detail/54be0ae000012& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&从一行CSS调试代码中学到的JavaScript知识&i class=&icon-external&&&/i&&/a&
出一个谷歌工程师的作品，一行代码可以看到所有页面元素。而当中包含的知识点非常多。 108 byte version： [].forEach.call($$("*"),function(a){a.style.outline="1px solid #"+(~~(Math.random()*(1&&24))).toString(16)})
131 byte version： [].forEach…
代码在 Chrome:Version 53.0.2766.0 canary (64-bit) 测试运行，其他浏览器可能需要Babel编译后运行。&br&显示布局： &br&&div class=&highlight&&&pre&&code class=&language-js&&&span class=&p&&[...&/span&&span class=&nb&&document&/span&&span class=&p&&.&/span&&span class=&nx&&querySelectorAll&/span&&span class=&p&&(&/span&&span class=&s1&&'*'&/span&&span class=&p&&)].&/span&&span class=&nx&&forEach&/span&&span class=&p&&(&/span& &span class=&nx&&element&/span& &span class=&o&&=&&/span& &span class=&nx&&element&/span&&span class=&p&&.&/span&&span class=&nx&&style&/span&&span class=&p&&.&/span&&span class=&nx&&outline&/span& &span class=&o&&=&/span& &span class=&err&&`&/span&&span class=&mi&&2&/span&&span class=&nx&&px&/span& &span class=&err&&#&/span&&span class=&nx&&$&/span&&span class=&p&&{((&/span&&span class=&nb&&Math&/span&&span class=&p&&.&/span&&span class=&nx&&random&/span&&span class=&p&&()&/span&&span class=&o&&*&/span&&span class=&mh&&0xFFFFFF&/span&&span class=&p&&)&/span&&span class=&o&&&&&/span&&span class=&mi&&0&/span&&span class=&p&&).&/span&&span class=&nx&&toString&/span&&span class=&p&&(&/span&&span class=&mi&&16&/span&&span class=&p&&)}&/span& &span class=&nx&&solid&/span&&span class=&err&&`&/span& &span class=&p&&)&/span&
&/code&&/pre&&/div&&br&出错了自动找解决方案：&br&&div class=&highlight&&&pre&&code class=&language-js&&&span class=&nb&&window&/span&&span class=&p&&.&/span&&span class=&nx&&onerror&/span& &span class=&o&&=&/span& &span class=&nx&&e&/span& &span class=&o&&=&&/span& &span class=&nb&&window&/span&&span class=&p&&.&/span&&span class=&nx&&location&/span& &span class=&o&&=&/span& &span class=&err&&`&/span&&span class=&nx&&http&/span&&span class=&o&&:&/span&&span class=&c1&&///search?q=${e.message}`;&/span&
&/code&&/pre&&/div&&br&99乘法表：&br&&div class=&highlight&&&pre&&code class=&language-js&&&span class=&nb&&document&/span&&span class=&p&&.&/span&&span class=&nx&&write&/span&&span class=&p&&([&/span&&span class=&mi&&1&/span&&span class=&p&&,&/span&&span class=&mi&&2&/span&&span class=&p&&,&/span&&span class=&mi&&3&/span&&span class=&p&&,&/span&&span class=&mi&&4&/span&&span class=&p&&,&/span&&span class=&mi&&5&/span&&span class=&p&&,&/span&&span class=&mi&&6&/span&&span class=&p&&,&/span&&span class=&mi&&7&/span&&span class=&p&&,&/span&&span class=&mi&&8&/span&&span class=&p&&,&/span&&span class=&mi&&9&/span&&span class=&p&&].&/span&&span class=&nx&&map&/span&&span class=&p&&(&/span& &span class=&nx&&e&/span& &span class=&o&&=&&/span& &span class=&nb&&Array&/span&&span class=&p&&.&/span&&span class=&nx&&from&/span&&span class=&p&&({&/span&&span class=&nx&&length&/span&&span class=&o&&:&/span&&span class=&nx&&e&/span&&span class=&p&&}).&/span&&span class=&nx&&map&/span&&span class=&p&&(&/span& &span class=&p&&(&/span&&span class=&nx&&_e&/span&&span class=&p&&,&/span&&span class=&nx&&i&/span&&span class=&p&&)&/span& &span class=&o&&=&&/span& &span class=&err&&`&/span&&span class=&nx&&$&/span&&span class=&p&&{&/span&&span class=&nx&&e&/span&&span class=&p&&}&/span& &span class=&o&&*&/span& &span class=&nx&&$&/span&&span class=&p&&{&/span&&span class=&nx&&i&/span& &span class=&o&&+&/span& &span class=&mi&&1&/span&&span class=&p&&}&/span& &span class=&o&&=&/span& &span class=&nx&&$&/span&&span class=&p&&{&/span&&span class=&nx&&e&/span&&span class=&o&&*&/span&&span class=&p&&(&/span&&span class=&nx&&i&/span&&span class=&o&&+&/span&&span class=&mi&&1&/span&&span class=&p&&)}&/span&&span class=&err&&`&/span&&span class=&p&&).&/span&&span class=&nx&&join&/span&&span class=&p&&(&/span&&span class=&s1&&'&&&'&/span&&span class=&p&&)&/span& &span class=&p&&).&/span&&span class=&nx&&join&/span&&span class=&p&&(&/span&&span class=&s1&&'&br/&'&/span&&span class=&p&&));&/span&
&/code&&/pre&&/div&&br&让知乎复制的时候不加版权信息：&br&&div class=&highlight&&&pre&&code class=&language-js&&&span class=&nx&&__z_z__&/span&&span class=&p&&.&/span&&span class=&nx&&vu&/span& &span class=&o&&=&/span& &span class=&p&&()&/span& &span class=&o&&=&&/span& &span class=&p&&({&/span&&span class=&nx&&Id&/span&&span class=&o&&:&/span& &span class=&p&&()&/span&&span class=&o&&=&&/span&&span class=&s1&&''&/span&&span class=&p&&})&/span&
&/code&&/pre&&/div&&br&解除百度网盘对下载大文件的限制：&br&&div class=&highlight&&&pre&&code class=&language-text&&require(&disk-system:widget/plugin/download/util/downloadCommonUtil.js&).isPlatformWindows = ()=&
&/code&&/pre&&/div&&br&启用网易云音乐WEB端下载功能(标准音质)，需要关闭浏览器弹窗拦截，不然没法弹下载窗口[确实只有一个分号结尾 -_-]:&br&&div class=&highlight&&&pre&&code class=&language-js&&&span class=&nb&&window&/span&&span class=&p&&.&/span&&span class=&nx&&addEventListener&/span&&span class=&p&&(&/span&&span class=&s1&&'hashchange'&/span&&span class=&p&&,&/span& &span class=&p&&((&/span&&span class=&nx&&fn&/span&&span class=&p&&)&/span& &span class=&o&&=&&/span& &span class=&nx&&fn&/span&&span class=&p&&()&/span& &span class=&o&&&&&/span& &span class=&kd&&function&/span& &span class=&p&&()&/span& &span class=&p&&{&/span& &span class=&nx&&setTimeout&/span&&span class=&p&&(&/span&&span class=&nx&&fn&/span&&span class=&p&&,&/span& &span class=&mi&&1000&/span&&span class=&p&&)&/span& &span class=&p&&})(()&/span& &span class=&o&&=&&/span&
&span class=&nb&&document&/span&&span class=&p&&.&/span&&span class=&nx&&getElementById&/span&&span class=&p&&(&/span&&span class=&s1&&'g_iframe'&/span&&span class=&p&&).&/span&&span class=&nx&&contentWindow&/span&&span class=&p&&.&/span&&span class=&nx&&NEJ&/span&&span class=&p&&.&/span&&span class=&nx&&P&/span&&span class=&p&&(&/span&&span class=&s1&&'nm.x'&/span&&span class=&p&&).&/span&&span class=&nx&&NW&/span& &span class=&o&&=&/span& &span class=&p&&({&/span&&span class=&nx&&id&/span&&span class=&p&&,&/span& &span class=&nx&&type&/span&&span class=&p&&})&/span& &span class=&o&&=&&/span&
&span class=&nx&&NEJ&/span&&span class=&p&&.&/span&&span class=&nx&&P&/span&&span class=&p&&(&/span&&span class=&s2&&&nej.j&&/span&&span class=&p&&).&/span&&span class=&nx&&cG&/span&&span class=&p&&(&/span&&span class=&s2&&&/api/song/enhance/player/url&&/span&&span class=&p&&,&/span& &span class=&p&&{&/span&
&span class=&nx&&type&/span&&span class=&o&&:&/span& &span class=&s2&&&json&&/span&&span class=&p&&,&/span&
&span class=&nx&&query&/span&&span class=&o&&:&/span& &span class=&p&&{&/span&
&span class=&nx&&ids&/span&&span class=&o&&:&/span& &span class=&nx&&JSON&/span&&span class=&p&&.&/span&&span class=&nx&&stringify&/span&&span class=&p&&([&/span&&span class=&nx&&id&/span&&span class=&p&&]),&/span&
&span class=&nx&&br&/span&&span class=&o&&:&/span& &span class=&mi&&128000&/span&
&span class=&p&&},&/span&
&span class=&nx&&onerror&/span&&span class=&o&&:&/span& &span class=&p&&()&/span& &span class=&o&&=&&/span& &span class=&nx&&alert&/span&&span class=&p&&(&/span&&span class=&s1&&'Error'&/span&&span class=&p&&),&/span&
&span class=&nx&&onload&/span&&span class=&o&&:&/span& &span class=&p&&(&/span&&span class=&nx&&obj&/span&&span class=&p&&)&/span& &span class=&o&&=&&/span& &span class=&nx&&obj&/span&&span class=&p&&.&/span&&span class=&nx&&code&/span& &span class=&o&&===&/span& &span class=&mi&&200&/span& &span class=&o&&&&&/span& &span class=&nb&&window&/span&&span class=&p&&.&/span&&span class=&nx&&open&/span&&span class=&p&&(&/span&&span class=&nx&&obj&/span&&span class=&p&&.&/span&&span class=&nx&&data&/span&&span class=&p&&[&/span&&span class=&mi&&0&/span&&span class=&p&&].&/span&&span class=&nx&&url&/span&&span class=&p&&)&/span&
&span class=&p&&})&/span&
&span class=&p&&));&/span&
&/code&&/pre&&/div&&br&&br&还可以搞个强行一行贪吃蛇：&br&&br&&!DOCTYPE html&&br&&html lang=&en&&&br&&head&&br&
&meta charset=&UTF-8&&&br&
&title&Title&/title&&br&
&canvas id=&canvas& width=&400& height=&400&&&/canvas&&br&&/head&&br&&body&&br&&script&&br&window.onkeydown=((ctx,snake,food,direction,move,draw)=&((loop,newFood,timer)=&Array.from({length:400}).forEach((_e,i)=&draw(ctx,i,&black&))||(timer=setInterval(()=&loop(newFood)||clearInterval(timer)||console.log(timer)||alert('Game Over'),200))&&(e=&direction=snake[1]-snake[0]==(move=[-1,-20,1,20][(e||event).keyCode-37]||direction)?direction:move))((newFood)=&snake.unshift(move=snake[0]+direction)&&snake.indexOf(move,1)&0||move&0||move&399||direction==1&&move%20==0||direction==-1&&move%20==19?false:(draw(ctx,move,&green&)||move==food?newFood()&draw(ctx,food,&red&):draw(ctx,snake.pop(),&Black&))!==[],()=&Array.from({length:8000}).some(e=&snake.indexOf(food=~~(Math.random()*400))===-1)))(document.getElementById('canvas').getContext('2d'),[42,41],43,1,null,(ctx,node,color)=&(ctx.fillStyle=color)&ctx.fillRect(node%20*20+1,~~(node/20)*20+1,18,18));&br&&/script&&br&&/body&&br&&/html&&br&&br&再来个不强行一行的简易(陋)模板引擎：&br&&br&&div class=&highlight&&&pre&&code class=&language-html&&&span class=&cp&&&!DOCTYPE html&&/span&
&span class=&nt&&&html&/span& &span class=&na&&lang=&/span&&span class=&s&&&en&&/span&&span class=&nt&&&&/span&
&span class=&nt&&&head&&/span&
&span class=&nt&&&meta&/span& &span class=&na&&charset=&/span&&span class=&s&&&UTF-8&&/span&&span class=&nt&&&&/span&
&span class=&nt&&&title&&/span&Title&span class=&nt&&&/title&&/span&
&span class=&nt&&&/head&&/span&
&span class=&nt&&&body&&/span&
&span class=&nt&&&script &/span&&span class=&na&&type=&/span&&span class=&s&&&text/template&&/span& &span class=&na&&id=&/span&&span class=&s&&&template&&/span&&span class=&nt&&&&/span&
&span class=&o&&&%&/span& &span class=&k&&for&/span&&span class=&p&&(&/span&&span class=&kd&&var&/span& &span class=&nx&&i&/span& &span class=&o&&=&/span& &span class=&mi&&0&/span&&span class=&p&&;&/span&&span class=&nx&&i&/span&&span class=&o&&&&/span&&span class=&mi&&6&/span&&span class=&p&&;&/span&&span class=&nx&&i&/span&&span class=&o&&++&/span&&span class=&p&&){&/span& &span class=&o&&%&&/span&
&span class=&o&&&%&/span& &span class=&k&&if&/span&&span class=&p&&(&/span&&span class=&nx&&i&/span&&span class=&o&&%&/span&&span class=&mi&&2&/span&&span class=&o&&==&/span&&span class=&mi&&0&/span&&span class=&p&&){&/span& &span class=&o&&%&&/span&
&span class=&o&&&&/span&&span class=&nx&&div&/span&&span class=&o&&&&%&/span& &span class=&nx&&data&/span&&span class=&p&&.&/span&&span class=&nx&&name&/span& &span class=&o&&%&&%&/span& &span class=&nx&&data&/span&&span class=&p&&.&/span&&span class=&nx&&say&/span&&span class=&p&&()&/span&&span class=&o&&%&&&/span&&span class=&err&&/div&&/span&
&span class=&o&&&%&/span& &span class=&p&&}&/span& &span class=&o&&%&&/span&
&span class=&o&&&%&/span& &span class=&p&&}&/span& &span class=&o&&%&&/span&
&span class=&nt&&&/script&&/span&
&span class=&nt&&&script&&/span&
&span class=&kd&&var&/span& &span class=&nx&&data&/span& &span class=&o&&=&/span& &span class=&p&&{&/span&
&span class=&nx&&name&/span&&span class=&o&&:&/span& &span class=&s1&&'aepkill'&/span&&span class=&p&&,&/span&
&span class=&nx&&say&/span&&span class=&o&&:&/span&&span class=&kd&&function&/span&&span class=&p&&(){&/span&
&span class=&k&&return&/span& &span class=&s1&&'真帅'&/span&&span class=&p&&;&/span&
&span class=&p&&}&/span&
&span class=&p&&};&/span&
&span class=&kd&&var&/span& &span class=&nx&&template&/span& &span class=&o&&=&/span& &span class=&nb&&document&/span&&span class=&p&&.&/span&&span class=&nx&&getElementById&/span&&span class=&p&&(&/span&&span class=&s1&&'template'&/span&&span class=&p&&).&/span&&span class=&nx&&innerHTML&/span&&span class=&p&&;&/span&
&span class=&kd&&var&/span& &span class=&nx&&render&/span& &span class=&o&&=&/span& &span class=&p&&(&/span&&span class=&nx&&template&/span& &span class=&p&&,&/span& &span class=&nx&&data&/span&&span class=&p&&)&/span& &span class=&o&&=&&/span& &span class=&p&&(&/span&&span class=&k&&new&/span& &span class=&nb&&Function&/span&&span class=&p&&(&/span&&span class=&s1&&'data'&/span&&span class=&p&&,&/span&&span class=&err&&`&/span&&span class=&kd&&var&/span& &span class=&nx&&___result&/span&&span class=&o&&=&/span&&span class=&p&&[];&/span&&span class=&err&&\&/span&&span class=&nx&&n$&/span&&span class=&p&&{&/span&&span class=&nx&&template&/span&&span class=&p&&.&/span&&span class=&nx&&split&/span&&span class=&p&&(&/span& &span class=&sr&&/&%([\w\W]+?)?%&/g&/span&&span class=&p&&).&/span&&span class=&nx&&map&/span&&span class=&p&&((&/span&&span class=&nx&&part&/span&&span class=&p&&,&/span&&span class=&nx&&index&/span&&span class=&p&&)&/span& &span class=&o&&=&&/span& &span class=&p&&(&/span&&span class=&nx&&part&/span&&span class=&o&&=&/span&&span class=&nx&&part&/span&&span class=&p&&.&/span&&span class=&nx&&trim&/span&&span class=&p&&().&/span&&span class=&nx&&replace&/span&&span class=&p&&(&/span&&span class=&sr&&/[\r\t\n]/g&/span&&span class=&p&&,&/span&&span class=&s1&&''&/span&&span class=&p&&))&/span& &span class=&o&&&&&/span& &span class=&nx&&index&/span&&span class=&o&&%&/span&&span class=&mi&&2&/span&&span class=&o&&===&/span&&span class=&mi&&0&/span&&span class=&o&&?&/span&&span class=&err&&`&/span&&span class=&nx&&___result&/span&&span class=&p&&.&/span&&span class=&nx&&push&/span&&span class=&p&&(&/span&&span class=&s2&&&${part.replace(/&&/span&&span class=&o&&/&/span&&span class=&nx&&g&/span&&span class=&p&&,&/span& &span class=&s1&&'\\&'&/span&&span class=&p&&)}&/span&&span class=&err&&&&/span&&span class=&p&&);&/span&&span class=&err&&`&/span&&span class=&o&&:&/span& &span class=&sr&&/(^( )?(if|for|else|switch|case|break|{|}))(.*)?/g&/span&&span class=&p&&.&/span&&span class=&nx&&test&/span&&span class=&p&&(&/span&&span class=&nx&&part&/span&&span class=&p&&)&/span&&span class=&o&&?&/span&&span class=&nx&&part&/span&&span class=&o&&:&/span&&span class=&err&&`&/span&&span class=&nx&&___result&/span&&span class=&p&&.&/span&&span class=&nx&&push&/span&&span class=&p&&(&/span&&span class=&nx&&$&/span&&span class=&p&&{&/span&&span class=&nx&&part&/span&&span class=&p&&});&/span&&span class=&err&&`&/span&&span class=&p&&).&/span&&span class=&nx&&join&/span&&span class=&p&&(&/span&&span class=&s1&&'\n'&/span&&span class=&p&&)};&/span&&span class=&k&&return&/span& &span class=&nx&&___result&/span&&span class=&p&&.&/span&&span class=&nx&&join&/span&&span class=&p&&(&/span&&span class=&s1&&''&/span&&span class=&p&&);&/span&&span class=&err&&`&/span&&span class=&p&&))(&/span&&span class=&nx&&data&/span&&span class=&p&&);&/span&
&span class=&nx&&console&/span&&span class=&p&&.&/span&&span class=&nx&&log&/span&&span class=&p&&(&/span&&span class=&nx&&render&/span&&span class=&p&&(&/span&&span class=&nx&&template&/span&&span class=&p&&,&/span&&span class=&nx&&data&/span&&span class=&p&&));&/span&&span class=&c1&&// =& &div&aepkill真帅&/div&&div&aepkill真帅&/div&&div&aepkill真帅&/div&&/span&
&span class=&nt&&&/script&&/span&
&span class=&nt&&&/body&&/span&
&span class=&nt&&&/html&&/span&
&/code&&/pre&&/div&
代码在 Chrome:Version 53.0.2766.0 canary (64-bit) 测试运行，其他浏览器可能需要Babel编译后运行。 显示布局： [...document.querySelectorAll('*')].forEach( element =& element.style.outline = `2px #${((Math.random()*0xFFFFFF)&&0).toString(16)}…
已有帐号？
无法登录？
社交帐号登录
WEB前端工程师