Log for Happy Web Developer
如果是用vue-cli產生的專案， build完會有提示"Tip: built files are meant to be served over an HTTP server.
Opening index.html over file:// won't work."，意思是直接開index.html不能用，要額外起一個web server去serve那些檔案。
Opening index.html over file:// won't work."，意思是直接開index.html不能用，要額外起一個web server去serve那些檔案。
dist 生成後，其實是可以將其抽出，你可以放在一個 web server 運行
web server that means appache .... etc
web server that means appache .... etc
accumulator
用來累積回呼函式回傳值的累加器（accumulator）。為前次調用回呼函式所回傳的先前之累積值，或是 initialValue（若有提供的話，詳如下敘）。
currentValue
原陣列目前所迭代處理中的元素。
用來累積回呼函式回傳值的累加器（accumulator）。為前次調用回呼函式所回傳的先前之累積值，或是 initialValue（若有提供的話，詳如下敘）。
currentValue
原陣列目前所迭代處理中的元素。
@leiadot
var arr = [1,2,3,4];
var a = arr.reduce(function(pre,cur){
console.log(pre + ' + ' + cur);
return pre + cur
}); // return 10
console.log(a);
var arr = [1,2,3,4];
var a = arr.reduce(function(pre,cur){
console.log(pre + ' + ' + cur);
return pre + cur
}); // return 10
console.log(a);
這裡我改成了「用來累積回呼函式回傳值的累加器（accumulator）或 initialValue（若有提供的話，詳如下敘）。累加器是上一次呼叫後，所回傳的累加數值。」。稍微通順了一點吧？
還可以 deduplicate ，不過限string
Object.keys(['a', 'a', 'b', 'c'].reduce((prev, curr)=>prev[curr]=1, prev))
Object.keys(['a', 'a', 'b', 'c'].reduce((prev, curr)=>prev[curr]=1, prev))
var a1 = $.ajax({
url: '/path/to/file',
dataType: 'json'
}),
a2 = a1.then(function(data) {
return $.ajax({
url: '/path/to/another/file',
dataType: 'json',
data: data.sessionID
});
});
a2.done(function(data) {
console.log(data);
});
url: '/path/to/file',
dataType: 'json'
}),
a2 = a1.then(function(data) {
return $.ajax({
url: '/path/to/another/file',
dataType: 'json',
data: data.sessionID
});
});
a2.done(function(data) {
console.log(data);
});
1. jquery源碼success的判斷是 isSuccess = status >= 200 && status < 300 || status === 304;，如果要抓到201可能要另外判斷 (來源: https://github.com/jquery/jquery/blob/d7237896c79a5a10d85fcdec199c5657a469a92b/src/ajax.js#L737 )
2. .then後面可以接兩個callback function，分別就是done與fail的callback，參考 https://api.jquery.com/deferred.then/
2. .then後面可以接兩個callback function，分別就是done與fail的callback，參考 https://api.jquery.com/deferred.then/
即是如果 .then callback 就會是這樣？
var a1 = $.ajax({
url: '/path/to/file',
dataType: 'json'
}),
a2 = a1.then(function(data) {
return $.ajax({
url: '/path/to/another/file',
dataType: 'json',
data: data.sessionID
});
}, function(err) {
console.log(err);
});
a2.done(function(data) {
console.log(data);
});
var a1 = $.ajax({
url: '/path/to/file',
dataType: 'json'
}),
a2 = a1.then(function(data) {
return $.ajax({
url: '/path/to/another/file',
dataType: 'json',
data: data.sessionID
});
}, function(err) {
console.log(err);
});
a2.done(function(data) {
console.log(data);
});
有人遇過 vue-router 在 npm run dev 都是正常的，但是到 npm build 產生的就只有 / 找得到，其他任何路徑都會出現 cannot GET 嗎？
var a1 = $.ajax({
url: '/path/to/file',
dataType: 'json'
}),
a2 = a1.then(function(data) {
return $.ajax({
url: '/path/to/another/file',
dataType: 'json',
data: data.sessionID
});
}, function(err) {
console.log(err);
});
a2.done(function(data) {
console.log(data);
});
a2.fail(function(data) {
console.log(data);
});
url: '/path/to/file',
dataType: 'json'
}),
a2 = a1.then(function(data) {
return $.ajax({
url: '/path/to/another/file',
dataType: 'json',
data: data.sessionID
});
}, function(err) {
console.log(err);
});
a2.done(function(data) {
console.log(data);
});
a2.fail(function(data) {
console.log(data);
});