組件的部份因為有比較複雜，所以會做個小練習來熟悉一點 - 分頁的組件 分頁組件(props & $emit 運用) 快速利用簡單的分頁組件範例來寫個小練...
前言 該系列是為了讓看過Vue官方文件或學過Vue但是卻不知道怎麼下手去重構現在有的網站而去規畫的系列文章，在這邊整理了許多我自己使用Vue重構很多網站的經驗...
終於到了我們的元件篇啦！！！ 今天是第一個元件，所以稍微簡單一點。我們要來做下載的進度條～ 前置作業 我們這次要使用的專案環境是 Vue 的，所以之前建立過...
DocsPage DocsPage 是由 Storybook Docs 所提供的頁面，無需任何的設定自動就會從 Stories 和元件中的 props, emi...
在前一篇中，我們已經了解父組件向子組件傳遞資料了，接著來認識子組件向父組件的溝通吧 子組件向父組件溝通: $emit 子組件(傳送) this.$emit(&q...
這篇要做的：把訂單日期改用 jQuery UI DatePicker + vue component ! Case01 建立 jquery-ui-date-p...
帶參數 mock mock_adapter.onGet("/todo-list", { params: { id: "1"...
蘇
‧
2021-09-27
問題回答 directive（指令）是我們在 Vue 自定義的指令。當我們要重複處理某些工作，例如轉換時間呈現的格式的工作，可以使用 directive 來處理...
வணக்கம்，我是Charlie！在Day11當中，我們完成了總商品的API以及分類，而今天我們將完成商品詳情的後端API。 ================...
這個範例把上個範例的 jQuery UI Selectmenu 放到 vue component 內 就可以做到關注點分離 ! Case01 建立 jquer...
在 JavaScript 中，儲存資料的方式，長這樣。 { name: 'Chris', age: 18 } 抽象資料型別 ADT 強型別語言的話，要...
Storybook 有一個很強大的輔具工具 Controls ，它提供一個 GUI 介面讓我們可以即時的調整元件的參數，必且會立即在 Canvas 中改變元件的...
前言 該系列是為了讓看過Vue官方文件或學過Vue但是卻不知道怎麼下手去重構現在有的網站而去規畫的系列文章，在這邊整理了許多我自己使用Vue重構很多網站的經驗...
在上一篇的內容中，已經介紹到了該如何寫一個組件並完成應用了，現在再繼續進入更深一點的運用吧~對於 Vue 的實體來說，我們稱之為 父組件，而在裡面所使用的稱之為...
問題回答 $nextTick 的作用是等待畫面更新後才執行程式，因為有些時候我們需要操作畫面上的 DOM，例如是取得某個 DOM 節點的文字、取得某元素的高度等...
שלום，我是Charlie！ 在Day10當中我們完成了後端的商品資料API，在今天我們將完成前端顯示商品頁面跟種類的部分。 ================...
承上篇，談到 v-for，就要說說它的最佳良伴——key。 v-for 必須綁定代表唯一值的 key 若未綁定 key 值，Terminal 會直接報錯，表示「...
我一開始在學 Vuex 的時候，覺得很難懂，不知道它是在做什麼的。當時的我，就想先追朔單一資料流的始祖(應該是吧？) flux Flux 它提出了不少更新畫面的...
前一篇提完透過axios 進行HTTP請求，但前後端分離且分工的狀態下，前端工程師為了驗證成果需要透過假資料檢視渲染後實際情況，axios-mock-adapt...
蘇
‧
2021-09-26
前言 該系列是為了讓看過Vue官方文件或學過Vue但是卻不知道怎麼下手去重構現在有的網站而去規畫的系列文章，在這邊整理了許多我自己使用Vue重構很多網站的經驗...
不知道大家有沒有買 Switch 呢？ 雖然兔兔沒有 Switch，但我知道有遊戲片都不便宜呀！ 然後，遊戲總會有玩膩的時候這時候就要把記憶卡插槽裡的卡片拿出...
在 Storybook - 基本介紹 & 安裝 有提到 .storybook/preview.js 這支 js 檔是用來控制 Story 呈現的方式，它...
問題回答 <keep-alive> 的作用是緩存一個元件的資料狀態，即使它被切換掉，不再呈現在畫面上時，它的資料狀態依然會把存起來，並不會像一般元件...
這一篇來把上一篇範例訂單項目的名稱改為下拉選單的項目 下拉選單要使用套件 jQuery UI Selectmenu Case01 ViewModel 把...
當我們有時候某個功能的重複運用性較高，但每次都還要再寫一個一模一樣的功能，是不是很麻煩呢?那麼這時我們就可以好好利用 Vue 組件的功能，可以讓我們只寫一次，就...
目前為止，我們成功引入了 BootstrapVue 的元件 Navbar，也調整了樣式和內容。 突然發現少放了一個重要項目，於是趕緊補上一個 <b-nav...
前端 router 前端 router 是一個很厲害的技術，讓 JavaScript 的內容與網址有了關係。並且讓分享某個特定的內容，不再是 Server Si...
Case01 與 Day23 範例的差異，就是把 js fetch 的語法 extract 成 function CustomFetch.js 除了把原本的...
Story 是元件呈現狀態的描述，開發者可以為每個元件攥寫多個 Story，也就是說元件可能會因為不同的參數組合而有不同的樣貌，而我們可以透過定義 Story...
兔大夫：「請問是兔豪的家屬嗎？」 兔豪爸：「是，我就是。 請問我鵝子他...」 兔大夫：「抱歉，我盡力了 ...」 「他得的是一種 "會常常跟你討零...
gior__ann
Mike
搋兔
Mia Yang
水無痕
Alysa Chan
charlieda
Chris
Teen
iThome鐵人賽
看影片追技術