什麼是 constructor function建構子函式

建構子函式是一個由普通函式與new關鍵字組合而成的函式，而該函式就像是一個藍圖一樣，要透過new關鍵字才能建立一個真正的instance(object)。
其主要用途是用於建立物件，而非一般的函式。

而建構子函示

什麼是map, filter, reduce

這三個東西都是ES5推出的Array method，的可以對Array裡面的元素做一些操作。

map

• 會回傳一個新的array

selector是什麼？

是用來選擇HTML tag並設定寬、高、顏色、背景圖等等(如：H1,p,div)，選擇器不僅限於標籤(div, p, span)，還包含class及id。

1
2
3
4
5
6
7

.className {
    color:blue;
}

div {
    font-size:16px;
}

什麼是async/defer

HTML做些什麼事？

在瀏覽器執行解析網頁時如果碰到<script>標籤，會先執行該script中的行為，而...

以Wordpress為後端傳資料到前端

wordpress 為後端，前端向後端取得wp中的文章時，我希望直接取得可以呈現的HTML格式，試過使用 WP 中的 function get_post_field，雖然可以取得HTML，但是HTML結構與真正在以WP當作前端呈現的文章的html有些出入，也就是在WP呈現頁面前會對原始的ht...

Local的commit 與 Remote 的commit 沒有同步

閱讀更多

google oauth2 的流程

一般人視角

以一般人視角來思考oauth2的驗證的流程，在一個網頁點擊登入頁面，選擇google登入，
會跳出一個是否要同意網站取用你的google資料用來登入，點擊同意後，就會回到...

如何對object做類似filter的行為

透過Object.keys把key 輸出成 Array，這樣就可以使用filter，把key當作index逐一帶入obj做條件判斷，即可達到過濾效果

1
2
3

const obj = {a : 1, b : 2, c : 3};
const filteredResult = Object.keys(obj)
    .filter((key) => obj[key] > 1)

什麼是nextTick()？

官方定義

在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的 DOM

建立promise

延續前一篇關於promise的文章，來試試看要怎麼建立一個Promise。

promise初版

製作一個樂透功能的promise

1
2
3
4
5
6
7
8
9
10
11
12
13
14

const lotteryPromise = new Promise(function(resolve,reject){
    if(Math.random() >= 0.5){
        resolve('You Win the Lottery'); //fulfilled
    }else{
        reject("loser la"); //reject
    }
})

lotteryPromise.then((res)=>{
    console.log(res) //印出You Win the Lottery
}).catch((err)=>{
    console.log(err) //印出loser la
})