前言 Vue 3 父子元件間資料傳遞與讀寫或是跨元件間的狀態共享，可以選擇使用 Props / Emit、Provide / Inject 或 Vuex sto...
前言 現在的網站技術與前端框架的推進，使用 AJAX (Asynchronous JavaScript and XML) 技術發送 API 至後端進行資料獲取已...
Outline 主要分成四個部份 安裝 Sass 預處理器，在 SFC 檔使用 SCSS 撰寫 style 區域引入 SCSS 樣式或變數 全域引入 SCSS...
前言 本篇將介紹如何在 Nuxt 3 中建置 Server API，在這之前會先介紹一下 Nitro Engine 是什麼東西，Nitro 可能不多人聽過但與...
Outline <style scoped> 的作用方式 突破 <style scoped> 的特殊選擇器a. 深層選擇器 (Dee...
前言 在 Vue 的專案內我們的頁面通常由 Vue Router 來控制路由及導航，Vue Router 提供了導航守衛 (Navigation Guards)...
前言 今天這篇會先介紹 v-on 的語法和修飾符，熟悉的人可以考慮跳過這個部份。 再來會提到自己在學習 v-on 時的疑惑： 「為什麼不能在 inline ha...
前言 在使用 Nuxt 開發過程中，我們可以透過配置模組 (Modules) 或插件 (Plugin)來進行擴充，在[[Day 11] Nuxt 3 插件 (P...
JavaScript 的內容有很多，【每天 5 分鐘】的介紹，不知道要寫到什麼時候 XD這幾天很掙扎，在 30 天的鐵人賽中， JS 的部分 要介紹到哪邊為止？...
前言 在開發時，為了不重複造輪子，我們可能會在網路上找看看有沒有現成的套件可以做使用，如果這個套件在 Nuxt 3 沒有專用的模組或插件，那麼我們就只能依照套件...
Outline 上集回顧 reactive() 特性與限制 什麼情況會失去響應性 ref() 特性與限制 什麼情況會失去響應性 兩個比一比...
前言 組合式函式 (Composables) 是一種利用 Vue 3 的 Composition API 來封裝和複用有狀態邏輯的函式，在 Nuxt 我們可以將...
Outline 語法簡介 v-for 與 key 的關係 為什麼要綁定 key 什麼狀況下不能用 index 作為 key v-if & v-...
前言 在建立 Vue 的網站開發過程中，我們可能會自己封裝元件 (Component) 讓程式碼可以被重複使用，也方便開發者維護，這些一個個的元件，可以透過全域...
前言 Nuxt 3 提供了一個布局模板 (Layouts) 的功能，可以讓你定義好布局模板後，在整個 Nuxt 中使用，舉例來說就很適合如上方有導覽列，下方是網...
Vue Directive 什麼是 Vue directive？簡單來說，就是在 Vue 模板中，我們常常用到的 v- 開頭的「指令」，像是：v-if、v-fo...
前言 在 Vue 中，我們會使用到 Vue Router 來實現切換頁面或路由的需求，而在 Nuxt 3 中，預設是沒有使用路由相關套件，直至建立了 pages...
前言 Vue 3 提供 Option API 和 Composition API 兩種寫法，Option API 是延伸自 Vue 2 的寫法，Composit...
誰適合看這篇 不知道 npm run dev、npm run build、npm run preview 的用處 不知道「打包」做了哪些事？為什麼前端需要打包...
誰適合看這篇 已經初步了解 npm、package.json、package-lock.json、node_modules 建立 Vue 專案後，沒有仔細看...
前言的前言 嗨，我是安揪拉，住在 Vue 新手村大概一個多月，接下來要一邊寫鐵人賽、一邊接案，希望能成功活下來 QQ，真的好想離開 Vue 3 新手村啊～我蒐集...
▍公司資訊公司名稱：皆凱科技有限公司網站網址：http://www.evervictory-it.com/ ▍招募職缺 (點選觀看詳細內容) ASP.NET...
【工作內容】 依照UX/UI 設計稿進行網頁開發 功能評估並規劃時程 與後端團隊合作，串接 API 資料 撰寫前端單元測試、整合測試 調整網頁渲染效能 (SS...
在專案開始時遇到一個問題，就是關於Modal該如何關閉，如何開啟?當然可以用data-bs-target,data-bs-dismiss，但是會有相對的副作用，...
第一，將 Google Ad Manager 腳本添加到 head 標籤，加載GPT腳本： <!-- app.html --> <scrip...
第一步，將 Google AdSense 腳本添加到 head 標籤（app.html 文件內）： <script async src=&quo...
單元測試是甚麼 1.對程式碼做最小單位(每一個邏輯)的測試，確保程式的邏輯不會在維護的過程中出錯2.維護程式碼的品質。 為什麼要單元測試 1.確保在開發的時候不...
前言 由於 CKEditor 的客製化需要仰賴 Webpack，無法在 Vite 的專案上使用因此需要改使用 TinyMCE，發現網路上太多用很不直覺且奇怪的方...
前言 該系列是為了讓看過Vue官方文件或學過Vue但是卻不知道怎麼下手去重構現在有的網站而去規畫的系列文章，在這邊整理了許多我自己使用Vue重構很多網站的經驗...
【前言】本系列為個人前端學習之路的學習筆記，在過往的學習過程中累積了很多筆記，如今想藉著IT邦幫忙這個平台做整理+再複習。本系列標題一律以【】標示該篇文章主要涉...
Ryan
安揪拉
Olivia
Mike
iThome鐵人賽
看影片追技術