iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
Vue.js

I need VUE. 系列

私以為通往目標的路各有各的道理方法,而現在的我,需要的技術就是 VUE,在參加了 2023 創作者尤大大的演說後,更是有不同的認知,其謙虛內省而不驕不亢的態度,讓我了解到,別因為不了解就急著否定一個道理與方法。
由於我一直是透過英文的方式學習程式,所以反而對中文不適應了,即便如此,還是希望有機會跨入門檻,得以窺天。
透過初學與持續在轉職菜逼巴的角色狀態,冀望能以最淺顯易懂的方式,傳達我所認知的內容,並也希望各路前輩好手,能給予中肯的建議與評論,感恩不盡。

鐵人鍊成 | 共 33 篇文章 | 2 人訂閱 訂閱系列文 RSS系列文
DAY 1

Day1. 呃...我還不太理解中文版程式,所以先從英文入手吧!

開始之前 首先要說的是,由於某些知名的免費程式學習平台,我的程式入門是從英文開始的,雖然說自己的英文能力並非很好,但那感覺就像從原本所熟悉習慣的學習思考方式,在...

2023-09-05 ‧ 由 分享
DAY 2

Day2. 甜味開始

課程資訊 由於目前課程還在初始階段,講的大多是歷史以及 VUE 與其他框架的差異性。 所以這兩天還不會出現 Code ,但若是心急的話也是可以參照官方文件安裝。...

2023-09-06 ‧ 由 分享
DAY 3

Day3.1 小工具 Browser Devtools

官方擴充功能 VUE 有推出一款協助開發用的瀏覽器擴充功能,是不錯的小工具,其設定完後會出現在我們常用的 Dev Tool 面板( F12 或右鍵按檢查 )。...

2023-09-07 ‧ 由 分享
DAY 3

Day3.2 來吧上Code!

前情提要 由於如何安裝啟用 VUE 的文章多不勝數,所以我就不再花時間去筆記了,透過 TailwindCSS 協助即可快速進行安裝,若懶得爬文可以直接點選 本文...

2023-09-07 ‧ 由 分享
DAY 4

Day4 讓程式碼更簡潔

使用 Function 在先前的文章裡直接使用變數撰寫能便於資料的更新,但大量的變數容易使結構變得混亂,因此採用 Function 的方式拆解更小的 templ...

2023-09-08 ‧ 由 分享
DAY 5

Day5. 內建指令

Directives VUE3 提供許多預設指令,也提供自定義指令,而且這些名稱是可以在 CSS 中被選取的(對此覺得驚艷)。 原本課程中是用於隱藏預設資料以避...

2023-09-09 ‧ 由 分享
DAY 6

Day6.1 超短篇幅的小資安

Ouputting Raw HTML 課程用了僅約 6 分鐘解說 Cross Site Scripting ( XSS ),大意即為若是使用者輸入的資料含有 H...

2023-09-10 ‧ 由 分享
DAY 6

Day6.2 事件監聽

Listening to Events 雖然是平凡無奇的預設增減按鈕,但我還是很興奮,因為能互動的東西總是特別有趣,對吧? 在這裡,先新增預設的初始值以及按鈕兩...

2023-09-10 ‧ 由 分享
DAY 7

Day7. 原來 event 是這樣用的

Argument 這個小調皮 觀看了課程才終於搞懂,每次都很讓我困惑的這個寫法到底是在做啥: testFun(Testing, event); 其大抵的概念就...

2023-09-11 ‧ 由 分享
DAY 8

Day8.1 鍵盤監聽事件

Key Modifiers 上一篇介紹了一般的事件監聽,這一次要介紹的是關於鍵盤的監聽,眾所皆知,每個鍵盤都有相對應的 key code,所以可以透過這個值來進...

2023-09-12 ‧ 由 分享