點燈坊

學而時習之,不亦悅乎

Dark Mode 調教心得

隨著 iOS 13 正式支援 Dark Mode 後,也宣告 Web 在 Mobile Device 不再只是白底黑字,支援 Dark Mode 成為無法避免的課題,本文記錄這次將 點燈坊 支援 Dark Mode 的一些調教心得。

Promise 之 finally() 與 Try Catch Finally

實務上有些邏輯在 Fulfilled Promise 與 Rejected Promise 都需被執行,導致 Fulfilled Handler 與 Rejected Handler 都寫了一份,此時可使用 ECMAScript 2018 的 finally()try catch finally,只需寫一份邏輯即可。

使用 otherwise() 處理 Rejected Promise

ECMAScript 2015 提供了 catch() 處理 Rejected Promise,而 2017 更提供了 try catch 直接在 catch Block 處理;事實上 Ramda 也提供了 otherwise(),讓我們以更 Functional 方式處理 Rejected Promise。

Promise 之 catch() 與 Try Catch

若為 Fulfilled Promise,我們可用 then()await 去獲得 Synchronous 資料;但若為 Rejected Promise,則有 then()catch()try catch 三種處理方式。

使用 then() 處理 Fulfilled Promise

ECMAScript 2015 的最大亮點之一就是提出 Promise 這種 未來值 概念避免 Callback Hell,但仍看到很多人以 Callback 使用 Promise,事實上可用更 Functional 方式處理。

Promise 之 then() 與 Await

ECMAScript 2015 的最大亮點之一就是提出 Promise 這種 未來值 概念避免 Callback Hell,先有 2015 的 then(),後有 2017 的 await,都可用來取得 Promise 內的 Synchronous 資料。

如何使用 WebStorm 開發 Vue ?

WebStorm 已經提供 Vue 的 Plugin 完整支援 Vue,唯一只有 .vue 格式縮排部分,Webstorm 與 Vue 的看法迥異,在 Reformat Code 之後,縮排會完全跑掉,此外在 Unit Test 與 Jest 部分,WebStorm 支援度還不夠,但仍可做些調整支援 Vue。