今天要來談談 Vue官網效能優化 的部分，昨天我們複習了使用 JavaScript 動態載入 的特性來進行程式碼分割，這種方法將程式碼拆分成不同檔案，減少了初次...
終於來到鐵人賽的倒數第4天，今天要介紹 JavaScript 滿常見的 動態載入(Dynamic import)，是基於JavaScript 模組(module...
Hi 大家好，今天我們要來看的是「模板引用」的章節。還記得之前我們提到的 ref 嗎？ ref 除了可以用來綁定響應式的狀態，它還能被使用在 <templ...
✨ 華麗煙火背景+動態台灣國旗+繽紛文字，視覺衝擊直達心靈！🇹🇼 在這充滿煙火和歡呼聲的雙十國慶日，我們用 Vue.js 和創意設計，打造出一個專屬於中華民...
昨天結束了5天的SOLID設計之旅，今天來回歸到 JavaScript 一些沒注意的觀念吧~~。 今天要聊的是錯誤處理，讓開發者能夠在程式發生錯誤時作出即時反應...
不可能放這種迷因圖八 安安搭家，還記得我們在 computed 的章節 講到的嗎： 不應該在 computed 物件其中像上述談到的：變更值、狀態，非同...
在開賽的前言有說過其實我不會.NET Core（之前都是用.NET而已），結果現在要用.NET Core MVC ft.Vue.js進行開發（？）要學就要一次學...
今天要介紹 SOLID 設計準則的最後一個 依賴反轉原則(Dependency Inversion Principle, DIP)，我覺得是一個光看定義不太好懂...
蛤肉，大家好。如標題所述，今天我們要來看 Vue 中一個重要的觀念：「生命週期」。 我們將會分為以下幾部分來學習： 生命週期定義 為什麼需要了解？ 初步概念...
我們的靜態網站已經順利Git上去了，但這樣就結束了嗎？NoNoNo…身為it人總是不能放棄每個能偷懶的環節（蛤），今天就要來善用現有技術來幫我們實現自動化的流程...
骨架屏黑科技，提升載入體驗 大家好！今天我們要聊一聊網頁開發中的一個「秘密武器」——骨架屏（Skeleton Loading）！有沒有發現，有些網站在內容還...
今天要介紹SOLID的第四篇- 介面分離原則(Interface Segregation Principle, ISP)，一開始第一次學習接觸會覺得SOLID這...
在 Vue 的宇宙裡，表單輸入綁定不再是令人頭痛的問題！有了 v-model，你只需要一句簡單的指令，就可以讓使用者的輸入與你的應用程式完美同步。無論是輸入框...
在這個系列中，我們一共實作了約 27 種不同的 Atomic Components。但在實際開發上，我們不總是只需要顧好 Client Side Render...
今天要來把我們先前辛苦寫的作品部署到GitHub！（Git應該都不用再多介紹大家都很熟了），但我們還是紀錄一下第一次部署Vue專案的過程，就怕太久沒碰之後就忘了...
高效的表單處理與動效反饋設計 你是否曾經在填寫表單時，感覺整個過程有些枯燥乏味？或是點擊「提交」後遲遲沒有回應，讓人懷疑到底有沒有成功送出？ 其實，表單不僅...
接觸過SPA（單頁應用）的世界後，現在來看SSR的資料我感到萬分痛苦…。我們先假想在不久後的將來，也許某天Boss說：「這個系統從SPA改成SSR」我們會想起這...
本篇要介紹 SOLID 的第三個原則- Liskov Substitution Principle，里氏替換原則(LSP)，老實說相關參考討論的資源，主要是針對...
Rating 元件讓使用者可以對某項目進行評分，通常以星星或其他符號來表示評分等級。Rating 元件的核心功能是提供一種直觀的方式，讓使用者針對產品、服務或...
體驗 Vue.js + CSS 動效的極致奢華，讓你的圖片展示與互動感十足！ 今天，我們要一起進入一個充滿生機與趣味的世界，用 Vue.js 和 CSS 為...
起初建立專案的時候，系統有詢問我們是否要導入Vue Router。用了是用了，不過它實質做了什麼改變呢？今天就來一探究竟吧！ 特色 Client端路由：客端將...
今天最後的任務就是端出剩下的購物車UI介面，再把所有資料都串在一起！究竟Product.vue和Cart.vue兩個子組件要如何做到即時同步呢？就讓我們繼續看下...
在 Vue 的世界裡，@ 符號如同我們日常生活中的耳朵，隨時靈敏地捕捉著周遭的聲音。今天，就讓我們一起探索 Vue 是如何巧妙地管理 DOM 事件的吧！🎧✨...
今天來到認識另一個SOLID設計準則-開放封閉原則(OCP)，老實說寫起來比較沒把握，因為大部分的探討資源大多是針對class物件去作延展探討，或是國外以Rea...
Radio 是一種表單控制元件，通常用於使用者在一組選項中選取一個。在 UI 呈現上，通常顯示為圓形按鈕，當用戶選中時，按鈕會顯示填滿狀態，表示該選項已被選中...
哈囉搭家，在昨天我們講到了列表渲染的用法 v-for，今天會來認識 key 這個屬性、Vue 的渲染模式「虛擬 DOM」以及 v-for 搭配 method 的...
馬上來接續昨天的進度！我們刻好商品SFC、也測試父組件傳遞資料顯示正常，今天來處理商品數量和購物車icon，沒問題就直接開始囉！ 增刪商品數量 畫面上我們有四個...
感謝大家陪伴來到最後的10天，不管有沒有參賽，能走到這裡真的非常不容易！希望最後這段時間，我能帶給大家一點不同的程式設計上面的思維，雖然看起來可能跟要原本要介紹...
開關（Switch）是用來表示 on 或 off 狀態的元件。它與 Checkbox 相似，但不同於 Checkbox 允許實現第三種中間狀態的選項，Swit...
結合動態背景與滾動效果，打造前所未有的海洋深處互動體驗 在這個數位時代，誰說網頁設計只能是靜態的？想像一下你的頁面不再只是一片白板，而是變成了一個充滿生命力...
Rafael
++
Sunny.Cat
ivytien
Alex Liu
iThome鐵人賽
看影片追技術