用範例理解 JS Promise

Promise 的好用之處在於,可以確保事件完成後再執行後面的行為,也解決了傳統 callback 波動拳的問題。它用 resolve, reject 來傳遞函式執行後為成功或是失敗的訊息,再用 then 與 catch 來做對應處理。這一篇就用範例快速了解一下 Promise 怎麼用吧!

初探前端 Unit Test

上上個禮拜參加 MOPCON 2019 時,聽到神 Q 超人介紹了『我們與測試的距離』,當時他問了在場的會眾說:『有聽過單元測試的舉手?』現場大概有八成的人都舉手了,接著他再問:『有在前端導入測試的舉手?』結果很意外的,居然幾乎沒有人舉手!

Lottie 輕鬆實現動畫效果

Lottie 是 Airbnb 開源的跨平台動畫函式庫,設計師可以透過 Adobe After Effects 做出動畫後,經由一個 Bodymovin 的擴充功能輸出 JSON 格式。接著再由工程師透過 Lottie 函式庫讀取 JSON 資料來呈現出動畫。

gulp 3 遷移至 gulp 4

從 2018 年 10 月開始,使用 npm 下載 gulp 預設的版本都將為 4,因 gulp 3 與 4 在寫法上有些更新,所以在安裝 4 的情況之下,運行 3 的寫法是有可能會出錯的,因此這篇主要說明 gulp 3 與 4 的差異

在專案引入 gulp 4.0 並開啟 Web Server (使用 browser-sync)

這篇是使用 gulp 4,所以使用 gulp 3 要注意 task 安排的寫法
正文開始!這一篇要從資料夾中只含有一個 index.html 檔案開始說起

Vue CLI 3 環境變數設置

使用 Vue 開發時若有使用到 firebse 資料庫,會需要將資料庫金鑰加入到專案中,但在 commit 時不建議將金鑰也一併 commit 到公開的儲存庫上,這時就會建議使用環境變數

Vue CLI 3 快速建立篇

Vue CLI 3 在建立專案上已經可以利用 GUI 的方式來建立,不需要輸入一堆指令!
官網說明:https://cli.vuejs.org/zh/guide/creating-a-project.html

Vue CLI 3 安裝篇

Vue CLI 3 安裝非常簡單和官網上說明的可以說是一模一樣 XD
官網說明:https://cli.vuejs.org/zh/guide/

Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×