iT邦幫忙

鐵人賽相關文章
共有 12692 則文章
鐵人賽 Vue.js DAY 30

技術 在 Vue 過氣前要學的第三十件事 - 我唯一知道的就是我一無所知

總結 直到今天就算是正式結束今年的鐵人賽了! 總集回顧 第一章基礎概念 在 Vue 過氣前要學的第一件事 - 先了解自己在 Vue 過氣前要學的第二件事 - V...

鐵人賽 Vue.js DAY 29

技術 在 Vue 過氣前要學的第二十九件事 - 先用飛雷神做個標記

前言 <Teleport> 是 Vue3 的內置組件,用以將 DOM 內容傳遞到指定的地方,而不受限於某個父元素底下,無法使用相關功能。 舉一個小...

鐵人賽 Vue.js DAY 28

技術 在 Vue 過氣前要學的第二十八件事 - 我不想用 Nuxt 但又想要 SSR

前言 在此篇系列文中你可能會注意到說,我是用 Vue 而不是現在討論度也相當高的 Nuxt; 這樣我是不是透過 CSR * 渲染網頁了,SSR 怎辦,SEO 怎...

鐵人賽 Vue.js DAY 27

技術 在 Vue 過氣前要學的第二十七件事 - 是一輩子喔? 一輩子

前言 終於! 我們進到最後一個篇章,進階使用之生命週期篇; 之所以會把生命週期擺在這麼後面是因為 :只有實際寫過的人,才能更好的理解,所謂不同生命週期具體是指什...

鐵人賽 Vue.js DAY 26

技術 在 Vue 過氣前要學的第二十六件事 - Avengers Assemble!

前言 廢話少說開始寫扣吧! 請確保你以下所有套件都有安裝在專案中,如果還沒安裝建議到各篇文章中看如何安裝。 在 Vue 過氣前要學的第十九件事 - Vue Ro...

鐵人賽 Vue.js DAY 25

技術 在 Vue 過氣前要學的第二十五件事 - 我真的不是機器人 / 跨頁表單驗證 ( 中 ) / Vee-validate & Yup

前言 在網頁開發中,常見的功能包括登入、註冊與各式表單等等這些功能,那前端有個很重要的職責就是提前做好格式驗證。這麼做的原因主要有三點: 減少不必要的 AP...

鐵人賽 Vue.js DAY 24

技術 在 Vue 過氣前要學的第二十四件事 - 蟹老闆你有感覺了嗎 / 跨頁表單驗證 ( 上 ) / Pinia

前言 在此篇章中我們將會帶到如何使用狀態管理工具 + 驗證工具 來實現跨頁表單驗證的功能讓各位在實作中了解何為狀態管理,驗證的時機,以及還有什麼工具可以做延伸閱...

鐵人賽 Vue.js DAY 23

技術 在 Vue 過氣前要學的第二十三件事 - 小孩才做選擇 ( 下 ) / CSS Variable & Design Token

前言 假設今天當你打開 figma,準備開始刻前端,發現很多按鈕都是 #9f86ff 這個顏色, 他甚至已經是你的主色了,你卻只能一次一次的複製這個色號,哪天一...

鐵人賽 Vue.js DAY 22

技術 在 Vue 過氣前要學的第二十二件事 - 小孩才做選擇 ( 中 ) / PrimeVue

前言 上一篇我們講到 Tailwind,這篇我們來講解 PrimeVue,怎麼安裝、配置、使用。 剛開始挑套件框架時挑了滿久的,那時候是想搭配 UI desig...

鐵人賽 Vue.js DAY 21

技術 在 Vue 過氣前要學的第二十一件事 - 小孩才做選擇 ( 上 ) / Tailwind v4

前言 先說! 我覺得版上已經有很多寫得非常好的 Tailwind 系列文章例如 排版神器 Tailwind CSS~和兔兔一起快速上手漂亮的元件開發!或 Ta...

鐵人賽 Vue.js DAY 20

技術 在 Vue 過氣前要學的第二十件事 - 從單頁升級成多頁( 下 ) / Vue Router

前情提要 昨天我們帶入了最簡單的 Vue Router 安裝並使用。那今天我們將要進入稍稍進階的使用方法,運用得當可以讓你省去很多程式碼,同時還有保有原本的效果...

鐵人賽 Vue.js DAY 19

技術 在 Vue 過氣前要學的第十九件事 - 從單頁升級成多頁 ( 上 ) / Vue Router

前言 為什麼我們會需要 Vue Router,或放大來說: 為甚麼我們需要路由管理呢? 現代大多的前端框架都是採 SPA 架構,這也代表了頁面切換是不再依靠...

鐵人賽 Vue.js DAY 18

技術 在 Vue 過氣前要學的第十八件事 - 我們必須更深入一點 / slot

前言 在設計元件時使用 slot,可以為元件設計帶來很高的彈性。 並減少過度拆元件造成的傳遞參數問題,也就是 props drilling ,常見使用方法有 &...

鐵人賽 Vue.js DAY 17

技術 在 Vue 過氣前要學的第十七件事 - 依賴注入 Provide/Inject

前言 在 Vue 過氣前要學的第十六件事 - 愛是雙向的 中,我們提到了 vue 的雙向綁定,這僅止於父子關係的組件。 但如果今天這個元件跨了兩層,跨了三層嗎,...

鐵人賽 Vue.js DAY 16

技術 在 Vue 過氣前要學的第十六件事 - 愛是雙向的 / emit & v-model

前言 你可能會聽說 vue 是雙向綁定,但我又說 Vue 是單向資料流。先別生氣。 這就要提到 `emit 了,在 Vue 過氣前要學的第十五件事 - 單向資料...

鐵人賽 Vue.js DAY 15

技術 在 Vue 過氣前要學的第十五件事 - 單向資料流

前言 Vue 是一個資料驅動的框架,畫面是由資料的狀態所決定的,當資料改變,畫面會自動更新。 因此,掌握資料的流向、變動方式與渲染時機,是深入理解 Vue 的核...

鐵人賽 Vue.js DAY 14

技術 在 Vue 過氣前要學的第十四件事 - 事件處理 / v-on

前言 在 Vue 中,當你希望做某些動作並觸發事件時,可能就會需要用到事件綁定,譬如說呢,今天要點擊一個按鈕數字會 +1: const count = ref(...

鐵人賽 Vue.js DAY 13

技術 在 Vue 過氣前要學的第十三件事 - Here we go again / v-for

前言 在前端開發中,難免動態決定該渲染什麼資料的情況,舉例來說,今天有一個畫面是 : 要根據 API 回傳的資料來渲染該公司的員工列表 那公司員工這個資料可...

鐵人賽 Vue.js DAY 12

技術 在 Vue 過氣前要學的第十二件事 - 如果 IF / v-if

前言 在 Vue 開發中,我們經常需要根據條件顯示或隱藏特定 DOM 元素。 常見的情境有: 表單錯誤訊息只在輸入驗證失敗時顯示。 API 請求後才顯示資料、...

鐵人賽 Vue.js DAY 11

技術 在 Vue 過氣前要學的第十一件事 - 抓住 Vue 的心 / v-bind

前言 v-bind 是非常常見的內置指令,常用於 HTML attribute,例如 style, class, props, etc.。 放的位置會在 ele...

鐵人賽 Vue.js DAY 8

技術 在 Vue 過氣前要學的第八件事 - 一次了解渲染機制

前言 為什麼我們要了解 Vue 的渲染機制呢,當然是為了面試 當然是為了自我成長阿。我主觀感受來說,在於 使用框架 這件事上,你不太應該要先了解渲染機制才能用框...

鐵人賽 Vue.js DAY 7

技術 在 Vue 過氣前要學的第七件事 - 外星人來了嗎!? Alien-signals

前言 在 3.6 alpha 中,除了我們後面會講到的 Vapor Mode,再來就是響應式系統又又又被重寫了。這個 alien-signals 是什麼呢,是由...

鐵人賽 Vue.js DAY 6

技術 在 Vue 過氣前要學的第六件事 - 響應式到底為什麼那麼重要

前言 由於 Vue 是一個資料驅動畫面更新的框架,響應式系統是最基礎也是最重要的一環。 因此前面講解了幾個核心 API,而這個篇章中就要歸納前面幾篇重點並講解響...

鐵人賽 IT 管理 DAY 16

技術 場中自我回顧

鐵人賽來到了第 16 天,今天先來個場中回顧,讓自己喘口氣。 目前連載的 15 篇文章,總共寫了 25,163 字。 實際寫才發現,原來我也可以日更千字。 除了...

鐵人賽 Kotlin DAY 30

技術 LeetCode 1143. Longest Common Subsequence

動態規劃 (DP) 解題思路 最長共同子序列問題是典型的二維動態規劃問題。例如,給定兩個字串 text1 = "abcde" 和 text...

鐵人賽 Kotlin DAY 29

技術 LeetCode 146. LRU Cache

破題 這題目要求我們實作一種叫做 LRU 的 cache 機制,它可以快速地存取和更新資料。 為了實作這種機制,我們需要用到兩種資料結構:一個是 hash...

鐵人賽 Kotlin DAY 27

技術 LeetCode 236. Lowest Common Ancestor of a Binary Tree

遞迴 解題思路 我們要找的最低公共祖先是一個節點,它同時是 p 和 q 的祖先,而且它的深度要盡量大。 我們用一個函數 來表示節點 的子樹中是否包含 p...

鐵人賽 Kotlin DAY 25

技術 LeetCode 210. Course Schedule II

破題 本題要求找出一種課程學習順序,使得每一門課程都在它的先修課程之後學習。這可以用一種叫做「拓撲排序」的方法來解決。 有向圖是一種由節點和箭頭組成的圖,箭...

鐵人賽 Kotlin DAY 28

技術 LeetCode 2108. Find First Palindromic String in the Array

破題 這個題目要在一個字串陣列中找到第一個迴文字串。迴文是指一個字串正向和反向讀都是一樣的,例如 madam。 跟一流的人才幹大事,享受成功進步的高級樂趣!...

鐵人賽 Kotlin DAY 26

技術 LeetCode 125. Valid Palindrome

破題 本題的目的是檢查一個字串是否為迴文。迴文是指一個字串從前往後讀和從後往前讀是相同的。 跟一流的人才幹大事,享受成功進步的高級樂趣!內推機會來啦!能與優...