用 CSS 畫圓餅圖,順便做個倒數計時器

因為最近公司的學員在做番茄鐘的專案,自己也想說順手兜一個圓餅圖的 count down timer。研究了一下 CSS 怎麼畫圓餅圖結果還真麻煩,倒是 JS count down timer 大概十五分鐘就處理好了。 主要的原理是用圓形來配合不同的方形旋轉來切割出扇形,但是如果超過 180 度角的扇形就要另外貼一個半圓上去,如果是靜止的狀態的確是沒什麼問題,但如果我要做 transition 的話,那個超過 180 度的半圓就很難依據我的 transition »

Function 內的 this 到底是哪個 this

每次看到 ES6 的相關教學,都搞不太清楚 arrow function 中的 this 到底是綁定到哪兒去,後來發現其實我連傳統 function 宣告的 this 怎麼綁的也不太明白,直到最近看了卡斯伯老師的文章以及 Wes Bos 的 ES6 課程才稍稍弄清楚。 直接呼叫函式 如果是一般的 function call,this 在嚴格模式下是 »