大家好！承前兩天，我們使用 Vite 建置了 Vue 專案，並且理解了它的資料夾結構，今天一起來更深入看一下這個專案是怎麼「組」起來的。 從 App.vue 根...
昨天我們已經把一個最簡單的 Vue 專案在本地 run 起來了（請為自己掌聲鼓勵）⋯⋯今天一起看一下這個專案的資料夾結構吧！ 專案主結構 行前通知 由於這個專案...
接續上一篇著重在Vue響應式系統的reactive() 使用，也理解它主要是針對物件型態資料做響應式資料綁定，今天一口氣來理解另一個Vue提供的響應式資料API...
本章節是實作範例的前哨站，我們將接續使用上篇後半段建立的專案練習。不過，在開始寫code之前，先來搞懂Vue專案結構！ ├── public | └── fa...
上次有提到JS defineProperty(ES5)可以針對物件設定屬性時，同時追加一層攔截器(getter/setter)。 在 Vue 2 中，響應式系統...
經過前兩天的介紹，小菜菜已有大致了解 Vue 的概念了，今天來嘗試遵循官方文件的步驟，看看如何把一個最基本的 Vue 專案在本地 run 起來！兩種方法：CLI...
Vue是一種漸進式的JavaScript框架，使用單文件組件的格式（SFC）將HTML、CSS及JS封裝在單一文件中讓程式模塊化，可以更靈活的運用。針對已存在或...
今天我們邀請到 Vue 來幫自己自我介紹 定義 官方文件：Vue (發音為 /vjuː/，類似 view) 是一款用於構建用戶界面的 JavaScript 框...
前幾天我們都在摸索Vue的一些額外使用上的知識，之後章節會慢慢進入Vue如何做到資料更新。在實務開發中，我們經常依賴各種框架包裝好的API來管理物件或原始型別資...
今天要聊聊Vue3才有的<script setup>語法糖，看官網和許多教學影片都說是很好用的語法糖，又是新的Vue3 組合式API(composi...
前言 進入職場已超過5年，論資歷卻處在一個好像不太像Junior卻也不算Senior的尷尬階段。從新聞媒體業轉跳軟體開發工作，靠自己胡亂探索和Google大神後...
今天是正式進 Vue 框架的第一天，要學習一樣新東西前先來稍微知道一下為什麼吧！讓學習意義先建立起來，保持好奇的感覺也會變得更容易持續。 定義 先來看看維基百科...
上一篇為了深入Vue開啟了初章，也提到createApp和App mount掛載的宏觀概念，今天來研究官網有蜻蜓點水著墨，但並沒有刻意放在主章節上-Vue te...
嗨~大家好，我是Rafael，從原本的農業領域轉職剛滿1年，目前在AI數據公司擔任前端工程師。 最近自己籌組的Vue3線上讀書會順利結束了🥳，也剛好是以Vue3...
先來做一點自我介紹吧，我是白色的白，有一個交往十年以上，並且論及婚嫁的日本女友叫做程世社季子，嗯…怎麼說好呢，自從隔壁的鱈魚介紹 VueUse 給她認識後，她...
大家好~ 我是熱愛用 Canvas 創作的 Jerry！在這個系列中，我將帶你探索數學、物理和演算法的世界，透過 Canvas 來實現各種視覺效果。如果你對前端...
自我介紹一下 Hihi 大家好我是 ++（發音為 /jiā jiā/），在好想工作室 Web Camp 學習來到半年，是一個正學到 JS30 的小菜菜，小腦袋的...
今天進入 DataTable 系列的第一篇，來談談如何建立自定義的 paginator 元件...先來個心靈雞湯～ Don’t let the past st...
在一個專案當中，標單數入元件通常會有統一的外觀風格，讓整個系統看起來更一致、整齊。<AtomicFormField> 是用來渲染表單欄位的元件。它...
Toast 是一個提供使用者操作回饋的元件，通常會在幾秒鐘後自動消失。這類元件可以用來通知使用者新增或修改資料的成功或失敗，或者刪除訊息的成功或失敗。有時候還...
對話框（Dialog）是一種常見的網頁元件，通常用來顯示重要的資訊或要求使用者進行某些操作。Dialog 在顯示時會暫停其他頁面內容的操作，強制使用者集中注意...
如果要希望在不換頁的前提上塞入更多畫面無法容納的資訊，Modal 經常會是網頁設計師的首選之一。如果要從 UI 樣式上細分，又可以延伸出像是對話框（Dialo...
Tooltip 是一個用來顯示、說明目標元件相關訊息的元件，通常用於滑鼠停留於元件或透過鍵盤聚焦時顯示。像是在 LINE Design System 中提到，...
表格（Table）是一種專門用來展示結構化資料的元件，它可以幫助使用者以易於掃描的方式瀏覽資料，使他們能夠快速辨別資料中的模式並進行分析。 除了展示資料，表...
進度條（Progress）是一個用於展示任務完成進度的元件。它廣泛應用於需要顯示工作、任務或操作完成度的地方，例如大型檔案上傳時，我們可以將上傳的進度回饋給使...
分隔線（Divider）元件在 UI/UX 設計中扮演重要的輔助角色，用於在視覺上區分不同的內容區域，增強版面結構的清晰度和可讀性。 在實際網頁開發中，大多數...
Chip 是一種小巧且功能多樣的元件，經常應用於描述內容的關鍵字來標記、分類或組織資訊。除了顯示資料的功能外，也偶爾會被應用於選擇、過濾的 UI 功能上。 元...
Badge 元件是一種簡單但功能強大的資料展示元件，通常以小圓形的形式出現，依附於其他 UI 元件上。Badge 元件主要用於通知提醒，顯示未讀訊息、通知數量...
Avatar 元件是一個很常見且簡單的元件，像是在電商平台、論壇、個人部落格或是 ERP 系統中經常會看到。它很簡單，所以初期在規劃網站時經常漏掉將它編入元件...
看這個元件的名稱不難發現，它的靈感來自手風琴（Accordion）這個樂器。在網頁裡面，Accordion 算是一個常見的設計。它是一個垂直堆疊的標題列表，當...
++
Rafael
ivytien
白色的白
jerrythepotato
artemiskate20240101
Alex Liu
iThome鐵人賽
看影片追技術