你見過哪些令你瞠目結舌的前端設計?

---

我覺得像這種問題最沒意思了。

http://sojo.im/ 逼死前端狗
http://tu.dog/ 一隻土狗，聽說你還是一個人？
https://wangzi.ru/ 王自如
https://yuehua.me/ 約畫么
http://front.dog/ 前端狗
http://imbit.ch/ 東山大法好
http://2.mouto.org/ 阿卡林
http://seigi.us/ 正義·我們
http://luxun.pro/ 魯迅文學
http://girigiri.love/ 劃劃愛

---

看著評論區的一致好評我都想冒著被ember黨砍死的風險取匿了~~
vue.js
用ember的同事用過之後都快瘋了
「為什麼可以這麼容易上手！」 「為什麼可以這麼簡單！！」 「為什麼可以這麼爽！！！」

怕同事砍我，匿了

---

這個問題我必須來答一發！

武漢教育資源公共服務平台

---

Highest Voted "javascript" Questions
Highest Voted "css" Questions
Highest Voted "css3" Questions
Highest Voted "css" Questions
Highest Voted "html" Questions
Highest Voted "html5" Questions
Highest Voted "ecmascript-5" Questions
請問瞠目結舌系列什麼時候完結？

---

http://sojo.im/

絕對好頂贊，不服來撕(′?｀)?

---

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

KDANIMATE.prototype.play = function(){
this.installBox();

callByStep.call(this,{
from:1,
to:17,
success:function(){

var that = this;
setTimeout(function(){
that.showImage.empty();
that.info.css("height", "150px");
that.play();
}, 6000);
}
});
}


- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

function callByStep(){
var begin=arguments[0].from,
end=arguments[0].to,
success=arguments[0].success;

if(begin&>end){
success();
return;
}

this["step"+begin](function(){
callByStep.call(this,{
from:begin+1,
to:end,
success:success
});
});
}


（深藏功與名。。。

---

古有「如何看待」，今有「瞠目結舌」。

---

function ops(v) {
var o = { valueOf: function() { return v; } }
Object.defineProperties(o, {
"plus": { get: function() { return vals(function(v2) { return v + v2; }) } },
"minus": { get: function() { return vals(function(v2) { return v - v2; }) } },
"times": { get: function() { return vals(function(v2) { return v * v2; }) } },
"dividedBy": { get: function() { return vals(function(v2) { return v / v2; }) } }
});
return o;
}

var names = ["zero", "one", "two", "three", "four", "five", "six", "seven", "eight", "nine", "ten"];
function vals(prev) {
var o = {};
names.forEach(function(n, v) {
Object.defineProperty(o, n, { get: function() { return ops(prev(v)); } });
});
return o;
}

FluentCalculator = vals(function(v) { return v; });

console.log(FluentCalculator.one.plus.two.plus.three.minus.one.minus.two.minus.four);


---

「如何優雅」「是一種什麼體驗」

---

如圖:

---

被客戶逼著來看知乎

---

易網頁
itorr/e · GitHub

---

我寫一個 React 的代碼。當時寫成這樣的原因是在部分瀏覽器下 virtual DOM 頻繁更新好卡。

var Thing = React.createClass({
// ...
shouldComponentUpdate: function () {
if ("requestAnimationFrame" in window) {
requestAnimationFrame(function () {
this.forceUpdate();
}.bind(this));
}
return false;
}
});


---

我是該回答『』你見過哪些令人瞠目結舌的前端代碼『』，還是該回答『』你見過哪些令人瞠目結舌的網頁ui設計『』，個人覺得完全不是一回事。。。

---

推薦閱讀：