iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
Modern Web

Vue.js 進階心法 系列

對於自己這兩三年以來使用 Vue.js 的常見的實踐方式整理,並且結合前端框架與常見的程式設計觀念,解釋這些做法與觀念之間的關係、如何提昇開發經驗....等內容,分享一部份常見的專案實作方式,也有助於在好想工作室給學員有一個較好從框架語法熟悉之後,可以銜接到管理較多複雜頁面的大型系統時的摸索期。

鐵人鍊成 | 共 30 篇文章 | 84 人訂閱 訂閱系列文 RSS系列文 團隊好想工作室V5.0
DAY 1

這是一趟把 Vue 從需求、觀念到功能貫串起來的旅程

其實去年就想這一系列,但是就怕寫完變成別人的線上課程,所以沒有寫 (想太多了)想了一年之後,還是覺得不要留什麼招在自己的內心,這樣才是對自己有信心的表現因為工...

2021-09-16 ‧ 由 Chris 分享
DAY 2

捨棄偽雙向綁定 v-model

每個人的學習方法各有差異。這只是我的選擇。 Why v-model 在 S3E5 | Vue.js作者尤雨溪: 框架设计就是不断地舍取 上,游雨溪有提到在製...

2021-09-17 ‧ 由 Chris 分享
DAY 3

pure function

functional programming (後面簡稱 FP,不是 FB) 這兩個特性,很重要,我們就依這兩個特性,將 pure function 的定義,...

2021-09-18 ‧ 由 Chris 分享
DAY 4

pure component

在寫 Vue.js 或 React 的過程,一定都會聽過這個名詞。並不是所有的 component 都必須 pure ,不是這樣的,是有時候會需要 pure 有...

2021-09-19 ‧ 由 Chris 分享
DAY 5

Component 的 Component (不是遞迴)

這一篇單純的介紹幾個,重要又常被忽略的 Vue API 在 component 裡又再包一個 component 最麻煩的就是將外部的 props 接到內部...

2021-09-20 ‧ 由 Chris 分享
DAY 6

深入淺出 Computed

Vue.js 的自我介紹中,只有說自己接近 MVVM 但不是嚴格的 MVVM。 我覺得只要會「自動更新畫面」就算是有 MVVM 的效果至於有沒有達到 MVVM...

2021-09-21 ‧ 由 Chris 分享
DAY 7

用 watch 搭配服用 immutable

在 《Clean Architecture》裡第 6 章介紹 functional programming ,有提到一個很重要的觀念 - 不可變動性 (immu...

2021-09-22 ‧ 由 Chris 分享
DAY 8

Component 鬼牌(一): 看 props 決定 Component

鬼牌,在此借用的意思是「可以成為任何一張牌」 Dynamic Components 可以當鬼牌 Dynamic Components 技術使用 <comp...

2021-09-23 ‧ 由 Chris 分享
DAY 9

Component 鬼牌(二): 看網址決定 Component

前端 router 前端 router 是一個很厲害的技術,讓 JavaScript 的內容與網址有了關係。並且讓分享某個特定的內容,不再是 Server Si...

2021-09-24 ‧ 由 Chris 分享
DAY 10

統一狀態管理 + 單一資料流

我一開始在學 Vuex 的時候,覺得很難懂,不知道它是在做什麼的。當時的我,就想先追朔單一資料流的始祖(應該是吧?) flux Flux 它提出了不少更新畫面的...

2021-09-25 ‧ 由 Chris 分享