這是參與了 The F2E - 前端修練精神時光屋 社群活動中的一個挑戰項目: Filter。這裡紀錄此專案撰寫時的一些心得與筆記。
專案使用的技術
- Vue、Vuex、vue-router
- SCSS
- Axios
- 串接第三方 API (高雄市政府 Open Data)
- Vuetify 基於 vue2.x 的 UI 組件框架
從 4 月底到現在，目前持續更新當中。
這是為了讓自己的網頁切版技巧可以更加熟練，而記錄的一些心得內容，還有一些初始的開發設置，提供自己能夠更快速地上手切版技巧。
Update date: 2018-07-15
這是從今年 3 月初開始學習 Vue 的相關技術到現在，目前已更新結束。
體驗的過程中採了不少坑，嘗試導入各個專案中，希望可以建立更完整的 SPA 網站，因此記錄的一些心得內容都放在這裡了，提供未來的自己可以更快速地開發專案，運用 Vue 建立更完善與維護性高的網頁服務。
Update date: 2018-07-26
這個系列是為了可以成為更好的前端工程師，所需要有的 JavaScript 技能，我把這些研究的重點都記錄下來了。
ES6 從推出到現在已經過蠻久了，應用上也很成熟了，在許多 JS 前端或後端框架上都能普遍看到它的身影。將來寫 JS 不管是前端還是後端，ES6 這些新特性真的是必備的技能了，所以事先好好地深入學習是必要的。
在上一篇 ES6 開發環境建置(上) - Babel 編譯工具 講解 Babel 後，這篇將來介紹 ESLint ，使用 ESLint 偵錯工具來檢查 JavaScript 靜態程式碼的語法和風格，讓我們在編譯前可以減少錯誤產生，還能改善程式碼的品質與統一程式碼風格。
已經寫了好幾篇介紹 ES6 特色的文章，這次就來詳細介紹 JavaScript ES6 的開發環境要如何建立吧！由於文章內容有點長，就分為兩篇來討論，此篇主軸為 Babel，下一篇為 ESLint 的重點使用。
現今各大瀏覽器廠商所開發的 JavaScript 引擎還沒有對 ES6 標準中所有特性做到完美支持，不能直接放入，有些新語法會報錯。所以想使用這些新特性或語法在所有瀏覽器上，需要使用 Babel 編譯器來轉換成舊式的 ES5 標準代碼，才能完全符合環境的支持。
在 JavaScript ES6 標準規範中，其實還有很多的新擴展、新語法、新 API 都很有特色，只是這些就比較不常用了，大部分的功能也都能使用舊方法去實現，至少這些新事物能幫助簡化程序就是一大進步了。
本篇將會簡單地介紹 ES6 其他較實用常見的 API 與擴展，主要知道基本內容就好，並不會深入探討。
ES6 導入了模組系統的支援，它採用了 CommonJS 與 AMD 的優點，在編譯時進行靜態加載，而且可以使用於瀏覽器與伺服器端。概念上是將一個大程序拆分成互相依賴的小文件，需要用到時就拼裝起來使用，這對開發大型或複雜的專案是很重要的。
