若我們欲使表單輸入框同步給變數值，會使用 v-bind 綁定，再使用 v-on 監聽事件 <input :value="text" @input="even...
若我們想要按下鍵盤觸發某事件，通常會用 handler 的寫法而 Vue 提供了更方便的寫法 event.key = "function"eg. 輸入文字後按下 Enter 能夠直...
如果你已經有 HTML/CSS 基礎，那你大概知道「切版仔」的日常——每天對著設計稿，用 HTML/CSS 拼出一模一樣的網頁畫面。雖然熟練後可以很快完成任務，但有時候你會發現：業界好像不太需要只會切...
專案現況： AI 給我們的 Prototype 在昨天的探索中，我們得知我們的需求「銷售系統」是基於 HTML、CSS 和 JavaScript 的靜態原型（prototype)。每個頁面都是一個獨立...
今天繼續來學習事件處理的方式我們也可以向綁定的 function 傳入自訂的參數eg. <template> <div :class="attr">...
前言 在研究 Vue 的時候第一個吸引我的，絕對是版本名稱。 1.0: "Evangelion" (新世紀福音戰士) 2.0 "Ghost in the Shell&...
今天要來學習 Vue 中的 event，使用的是 v-on，可簡解為 @ 一個簡單內聯事件的例子 <template> <div :class="attr"&...
前言 今天是 9 月 1 號, 在這個特別的日子裡~為什麼特別呢, 因為今天是 友克鑫集合是我鐵人賽開賽的第一天啦! 話不多說直接開始身為一名前端工程師，對框架應該都不陌生 吧(？在現代前端領域，最知...
聯繫我 如果有任何問題或建議，歡迎隨時聯繫我： GitHub Email 前言 在前面的章節中，我們學會了如何建立組件、讓它們溝通、甚至用 Composable 函式來封裝和複用邏輯。我們...
本文同步發布於個人部落格 開篇就要先道歉 XD 其實 Angular 也是前端三本柱之一，但我沒碰過它，我跟它不熟，所以就沒列進來 www 雖說這篇題目是框架，但嚴格來說 React 說自己是 l...