總結 直到今天就算是正式結束今年的鐵人賽了! 總集回顧 第一章基礎概念 在 Vue 過氣前要學的第一件事 - 先了解自己在 Vue 過氣前要學的第二件事 - V...
前言 <Teleport> 是 Vue3 的內置組件,用以將 DOM 內容傳遞到指定的地方,而不受限於某個父元素底下,無法使用相關功能。 舉一個小...
前言 在此篇系列文中你可能會注意到說,我是用 Vue 而不是現在討論度也相當高的 Nuxt; 這樣我是不是透過 CSR * 渲染網頁了,SSR 怎辦,SEO 怎...
前言 終於! 我們進到最後一個篇章,進階使用之生命週期篇; 之所以會把生命週期擺在這麼後面是因為 :只有實際寫過的人,才能更好的理解,所謂不同生命週期具體是指什...
前言 廢話少說開始寫扣吧! 請確保你以下所有套件都有安裝在專案中,如果還沒安裝建議到各篇文章中看如何安裝。 在 Vue 過氣前要學的第十九件事 - Vue Ro...
前言 在網頁開發中,常見的功能包括登入、註冊與各式表單等等這些功能,那前端有個很重要的職責就是提前做好格式驗證。這麼做的原因主要有三點: 減少不必要的 AP...
前言 在此篇章中我們將會帶到如何使用狀態管理工具 + 驗證工具 來實現跨頁表單驗證的功能讓各位在實作中了解何為狀態管理,驗證的時機,以及還有什麼工具可以做延伸閱...
前言 假設今天當你打開 figma,準備開始刻前端,發現很多按鈕都是 #9f86ff 這個顏色, 他甚至已經是你的主色了,你卻只能一次一次的複製這個色號,哪天一...
前言 上一篇我們講到 Tailwind,這篇我們來講解 PrimeVue,怎麼安裝、配置、使用。 剛開始挑套件框架時挑了滿久的,那時候是想搭配 UI desig...
前言 先說! 我覺得版上已經有很多寫得非常好的 Tailwind 系列文章例如 排版神器 Tailwind CSS~和兔兔一起快速上手漂亮的元件開發!或 Ta...
前情提要 昨天我們帶入了最簡單的 Vue Router 安裝並使用。那今天我們將要進入稍稍進階的使用方法,運用得當可以讓你省去很多程式碼,同時還有保有原本的效果...
前言 為什麼我們會需要 Vue Router,或放大來說: 為甚麼我們需要路由管理呢? 現代大多的前端框架都是採 SPA 架構,這也代表了頁面切換是不再依靠...
前言 在設計元件時使用 slot,可以為元件設計帶來很高的彈性。 並減少過度拆元件造成的傳遞參數問題,也就是 props drilling ,常見使用方法有 &...
前言 在 Vue 過氣前要學的第十六件事 - 愛是雙向的 中,我們提到了 vue 的雙向綁定,這僅止於父子關係的組件。 但如果今天這個元件跨了兩層,跨了三層嗎,...
前言 你可能會聽說 vue 是雙向綁定,但我又說 Vue 是單向資料流。先別生氣。 這就要提到 `emit 了,在 Vue 過氣前要學的第十五件事 - 單向資料...
前言 Vue 是一個資料驅動的框架,畫面是由資料的狀態所決定的,當資料改變,畫面會自動更新。 因此,掌握資料的流向、變動方式與渲染時機,是深入理解 Vue 的核...
前言 在 Vue 中,當你希望做某些動作並觸發事件時,可能就會需要用到事件綁定,譬如說呢,今天要點擊一個按鈕數字會 +1: const count = ref(...
前言 在前端開發中,難免動態決定該渲染什麼資料的情況,舉例來說,今天有一個畫面是 : 要根據 API 回傳的資料來渲染該公司的員工列表 那公司員工這個資料可...
前言 在 Vue 開發中,我們經常需要根據條件顯示或隱藏特定 DOM 元素。 常見的情境有: 表單錯誤訊息只在輸入驗證失敗時顯示。 API 請求後才顯示資料、...
前言 v-bind 是非常常見的內置指令,常用於 HTML attribute,例如 style, class, props, etc.。 放的位置會在 ele...
前言 為什麼我們要了解 Vue 的渲染機制呢,當然是為了面試 當然是為了自我成長阿。我主觀感受來說,在於 使用框架 這件事上,你不太應該要先了解渲染機制才能用框...
前言 在 3.6 alpha 中,除了我們後面會講到的 Vapor Mode,再來就是響應式系統又又又被重寫了。這個 alien-signals 是什麼呢,是由...
前言 由於 Vue 是一個資料驅動畫面更新的框架,響應式系統是最基礎也是最重要的一環。 因此前面講解了幾個核心 API,而這個篇章中就要歸納前面幾篇重點並講解響...
鐵人賽來到了第 16 天,今天先來個場中回顧,讓自己喘口氣。 目前連載的 15 篇文章,總共寫了 25,163 字。 實際寫才發現,原來我也可以日更千字。 除了...
動態規劃 (DP) 解題思路 最長共同子序列問題是典型的二維動態規劃問題。例如,給定兩個字串 text1 = "abcde" 和 text...
破題 這題目要求我們實作一種叫做 LRU 的 cache 機制,它可以快速地存取和更新資料。 為了實作這種機制,我們需要用到兩種資料結構:一個是 hash...
遞迴 解題思路 我們要找的最低公共祖先是一個節點,它同時是 p 和 q 的祖先,而且它的深度要盡量大。 我們用一個函數 來表示節點 的子樹中是否包含 p...
破題 本題要求找出一種課程學習順序,使得每一門課程都在它的先修課程之後學習。這可以用一種叫做「拓撲排序」的方法來解決。 有向圖是一種由節點和箭頭組成的圖,箭...
破題 這個題目要在一個字串陣列中找到第一個迴文字串。迴文是指一個字串正向和反向讀都是一樣的,例如 madam。 跟一流的人才幹大事,享受成功進步的高級樂趣!...
破題 本題的目的是檢查一個字串是否為迴文。迴文是指一個字串從前往後讀和從後往前讀是相同的。 跟一流的人才幹大事,享受成功進步的高級樂趣!內推機會來啦!能與優...