什麼是單元測試？ 單元測試 (Unit Testing) 是針對程式碼的最小單位來進行正確性檢驗的測試工作，並確保程式碼不會在迭代維護的過程中出現 Bug，通過...
把流程簡單化的好處很多，但風險是會忘記複雜的事情怎麼做。 如果要把一個陣列或物件渲染到畫面，在原生的 JS 我們可以用迴圈或 forEach 以遍歷的方式將...
複選資料的取得 我們來學一下當資料被複選時，可以如何取得這次會使用的屬性有 v-model //在 data 裡面加入一個 datas 的 list da...
用工具完成任務 ≠ 了解工具。 隨著時代演進，大部分的公司都採用框架來加速開發效率；自從有了框架，工程師可以更輕鬆，並且在更短的時間完成專案。 儘管做事的效...
部落格同步刊登 [IT 鐵人賽] Router 與生命週期 Day 11 我在先前的篇幅當中，有提到生命週期與路由的關係。我們這一個篇章，就將路由與生命週期...
前面用三章的篇幅介紹 Props ，接著本文要來介紹組件的另一個重要的部分: 事件，在 Vue.js 中使用 v-on 可以設定某事件觸發後要做的事情，而組件上...
vue-tables-2 (5) 表格套件，本篇主要介紹如何使用及客製Filters Github matfish2/vue-tables-2 以下是Opt...
JB
‧
2018-11-07
Web元件化系統是Vue.js一個很重要的概念，我們使用官網提供的一張圖來做詳細解釋 上方右圖是一個樹狀結構，Vue.js嚮往的就是先建立好根實體(Vue I...
Nuxt 不像 Angular 這種大型框架，功能包山包海，核心功能不夠得自行擴充。雖然提過如何透過全域/頁面設定客製、用 Plugin 收納初始化片段，但對於...
菜菜菜的 Vue 30天 - Day12 這章要介紹的是條件式渲染，說到條件式理所當然想到的就是 if else。 我想對 JS 有一定了解的各位應該很清楚 i...
模板語法是 Vue.js 中常用的技術，除非你的應用程式不用渲染畫面或是直接使用 Render Function ，否則這是每個 Vue 開發者必學的技術之一。...
前言 該系列是為了讓看過Vue官方文件或學過Vue但是卻不知道怎麼下手去重構現在有的網站而去規畫的系列文章，在這邊整理了許多我自己使用Vue重構很多網站的經驗...
Vue的元件化系統，讓開發者在開發上可以很好維護，主要是因為元件都有各自的用途與模板，而上一篇也介紹過元件之間要如何去做組合溝通，那如果一個網站要放入很多的元件...
前面分別介紹完Vue的directives、options跟components後，從這天開始，我們開始要將我們備好的材料開始煮出一道道好菜了。 前面我們有提到...
**我們需要您具備以下能力： 1、從事前端開發2年及以上，熟悉各種前端技術，包括HTML/CSS/JavaScript/Node.JS等2、具備跨終端的前端開發...
就用這個取代傳統alert吧 Dialog Quasar的dialog也是做得跟手機原生的很像，一樣也是material及iOS兩種風格喔。基本上裡面除了放文字...
說了那麼多，感覺還是有點模糊~ 沒關係，我可能也差不多 ( 哈哈 所以還是透過實作練習，讓自己更了解，看見那更明朗的天空吧 目標 : 透過串接 API 接收取到...
圖片來源 延續之前的主題 Vuetify 中用到的技術大方向有： vue-router vuex vue-server-renderer webpack e...
學習完 Vue 之後，想要透過單元測試守護你的專案，但又不知道從何起手？別擔心，快來訂閱作者最新系列文 《小白也能輕鬆瞭解的 Vue3 單元測試！》讓你的 V...
上一篇我們已經將Laravel專案建立出來了，因為我習慣在建立一個framework專案後，會先認識一下其專案的架構，以便之後開發上較能了解哪個目錄是放入什麼檔...
我們看到的網頁，了解使用者對UI元件的操作，不會只有是在表單元素內輸入或選擇內容，還有點擊按鈕或送出表單等等DOM事件，而事件的觸發會造成資料的異動，為了得知資...
最近在 youtube 找到一個學習 webpack 很好用的教學影片，所以正努力的學習 webpack 中，一個不小心就太沉迷在新技術的練習了，導致有點忽略...
裝完 Laravel 後，我們就要開開心心地開始開發啦！首先第一步就是熟悉的 Laravel Router，把預設的 Welcome 視圖換成 Inertia...
近年來容器技術的蓬勃發展，已讓Docker不再是後端專屬的技術之一。有鑒於Kubernetes與DevOps的浪潮，Docker已經深入到前端領域，成為現代...
問題回答 懶加載路由或元件的意思是當訪問該路由，或需要顯示該元件時，才載入該路由或元件。這做法會提升網頁效能，在打包時，如果某路由或元件設定了懶加載，就會獨立被...
Situation：當前端想要從網路上拿資料，但是發生如下圖這種狀況時。 Target：看完此篇，應可以讓你了解，如何解決跨網域的問題。 Apply：往後應用...
Nuxt 路由入門 篇介紹過兩層動態路由 pages/ --| _slug/ -----| comments.vue -----| index.vue --|...
"The more you know, the more you know you don’t know." - Aristotle &q...
之前也都沒使用過 watch ，所以趁這個機會好好了解一下它。 如何使用偵聽屬性(watch) 基礎範例 const vm = new Vue({ el:'...
前言 該系列是為了讓看過Vue官方文件或學過Vue但是卻不知道怎麼下手去重構現在有的網站而去規畫的系列文章，在這邊整理了許多我自己使用Vue重構很多網站的經驗...
Mia Yang
tsuifei
LucyLiou
寶寶出頭天
閃光洽
Peter Chen
Syuanhahaha
Ralph
Andy Tsai
Mike
RenZhou
gior__ann
HunterLiu
ShawnL
Celeste
Lucas Yang
Alysa Chan
eyesofkids
iThome鐵人賽
看影片追技術