轉身 邁步 啟程 然後，出發了 一步步地遠離工作室，踏上北返的歸途 七個月，半年又多一點，共218天，有18835200秒，在我身上究竟撰寫下什麼樣的故事？好想工作室到底是個什麼樣的地方？ 「這裡，是我第三個家。」 盛禮 『…這次第 13 梯 Web camp 召收已經額滿。你即將成為第 13 梯 ...

建置完最基本的 vue component 之後，我們來使用 Jest 做到最基礎的小測試吧～ 我們需要先在 npm 安裝 jest 跟一個叫做 vue-jest 的套件，Github連結在這 安裝 npm install --save-dev jest vue-jest 在 package. ...

上一篇已經編輯好了我們的 vue component ，今天來完成最後的設定吧！ 編輯其他檔案 編輯 index.js 輸入 index.js： plaintext1234567891011121314import app from './app.vue'Vue.config ...

建立檔案 到這邊為止環境算是建置完了，你的結構應該長這樣： webpack.config.js 裡面應該長這樣： 接下來我們來建立我們的其他檔案吧～ touch index.html mkdir components cd components touch index.js touch ap ...

今天我們要來安裝 vue/cli & vue-loader 了喔～ vue/cli 官網介紹 CLI (@vue/cli)是一個針對 Vue 的 npm 套件管理工具，提供了終端裡的vue命令。對 Babel、TypeScript、ESLint、PostCSS、PWA、單元測試、E2E測 ...

npm 首先要先有 npm 的環境： npm init -y 應該大部分開發者都知道 npm 是什麼了吧？簡單來說它就是一個套件管理工具啦～方便我們利用 package.json 管理我們所有的套件，就不再多說啦～ WebPack Webpack官網 我們需要 WebPack 幫我們打包轉譯整個 ...

結果還是遇到測試了 會出現這系列文是因為要對 Vue 寫測試，所以技能樹才強迫升級的啦～ 我主管希望我在接手公司產品時，做 TDD 的測試驅動開發流程，也就是說會需要寫測試…恕不知當初從 好想工作室 離開時我完全沒學怎麼寫測試，當初覺得不是當下必須所以跳過了，果然學長姐說的都是對的啊！該來的總是 ...

轉身入山 4/11 凌晨 5:50，躍身下床，在微弱的晨曦之中跳上機車，急促的催動著油門，我要在 6:45 之前抵達板橋，搭上前往 三峽 五寮尖登山口 的陳家直達順風車，開始這半天的山行，我、姿穎、姿穎姐 - 柏伶 三人順利抵達之後，靜候著因為蛋餅而稍微小遲到的兩位高手 老余 與 泊瑜，腳上穿著 ...

學習怎麼接 api 可以說是在學習 WEB 前端技術之路上一個很重要的里程碑，最一開始我是藉由 jQuery 的 $.ajax() 來接 api 的，但在過程中遇到太多自己不懂的東西，又不懂「接api」這件事底層到底怎麼運行的情況下，決定在學習 JS30 的過程中，循著 我每天都接一個api 的腳 ...

除了在學習 JS 之初有看過相關的資料，之後並沒有徹底釐清之間的差異，在使用了一段時間之後再次回顧，決定用一篇文章來好好整理一下。所以…開始吧！ 比較有疑惑的應該就是 var 跟 let 了吧？ 首先要先知道一件事，var 是在 ES6 之前的產物，在ES6之前，JS 的世界觀並沒有區塊域(blo ...