iT邦幫忙

鐵人賽相關文章
共有 12693 則文章
鐵人賽 Kotlin DAY 11

技術 LeetCode 572. Subtree of Another Tree

深度優先搜尋 (DFS) 解題思路 初始化:首先,我們使用深度優先搜尋(DFS)來遍歷 s 中的每一個節點。 子樹比較:對於 s 中的每一個節點,我們需...

鐵人賽 Kotlin DAY 8

技術 LeetCode 98. Validate Binary Search Tree

遞迴 解題思路 這道題目要求我們判斷一棵二元樹是否是二元搜尋樹。 二元搜尋樹的特性是,對於任意一個節點,它的左子樹上所有節點的值都小於它,而它的右子樹上所有節...

鐵人賽 Kotlin DAY 27

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

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

鐵人賽 Kotlin DAY 15

技術 LeetCode 215. Kth Largest Element in an Array

破題 假設:陣列的長度為 。 題意:這題是希望我們找出一個整數陣列中第 大的數字。 方法一:計數排序 (Counting Sort) 解題思路 首先,...

鐵人賽 Kotlin DAY 12

技術 LeetCode 437. Path Sum III

深度優先搜尋 (DFS) 解題思路 節點訪問:我們會訪問每一個節點,並以該節點作為起始點。 路徑探索:對於每一個起始節點,我們會探索所有向下延伸的路徑。...

鐵人賽 Kotlin DAY 14

技術 LeetCode 567. Permutation in String

滑動窗口 (Sliding Window) 解題思路 首先,我們需要理解一個基本概念:如果一個字串是另一個字串的排列,那麼這兩個字串中每個字元出現的次數必須完...

鐵人賽 Vue.js DAY 21

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

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

鐵人賽 Kotlin DAY 16

技術 LeetCode 1569. Number of Ways to Reorder Array to get Same BST

動態規劃和組合數 預備知識 組合數是從 個物品中選出 個的不同方法數。我們用 或 來表示它。它的計算公式是: 這裡 表示 的階乘,也就是 。...

鐵人賽 Kotlin DAY 18

技術 LeetCode 848. Shifting Letters

破題 這題的目標是將一個字串中的每個字母都向後移動一定的位數。移動的位數由一個整數陣列指定,該陣列的長度與字串的長度相同。例如,如果我們有一個字串 abc 和...

鐵人賽 Vue.js DAY 7

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

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

鐵人賽 Vue.js DAY 11

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

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

鐵人賽 Kotlin DAY 17

技術 LeetCode 1844. Replace All Digits with Characters

破題 這題的目標是將一個字串中的數字替換為字母。這個字串中的每個偶數 index 位置都是一個小寫字母,而每個奇數 index 位置都是一個介於 0 到 9...

鐵人賽 Vue.js DAY 22

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

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

鐵人賽 Vue.js DAY 6

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

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

鐵人賽 IT 管理 DAY 16

技術 場中自我回顧

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

鐵人賽 Vue.js DAY 14

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

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

鐵人賽 Vue.js DAY 23

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

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

鐵人賽 Vue.js DAY 29

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

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

技術 DAY 04 實作環境配置 - 1

建立專案 首先先在 GitHub 上建立起一個練習專案吧! 輸入好自己的專案資訊後,依照指令將 local 中建立的專案丟上去ㄅ! 為了 demo 方便,這邊...

鐵人賽 Vue.js DAY 18

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

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

鐵人賽 Vue.js DAY 25

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

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

鐵人賽 Vue.js DAY 26

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

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

鐵人賽 Vue.js DAY 15

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

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

鐵人賽 Vue.js DAY 28

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

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

鐵人賽 Vue.js DAY 27

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

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

鐵人賽 Vue.js DAY 12

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

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

鐵人賽 Vue.js DAY 24

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

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

鐵人賽 Vue.js DAY 20

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

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

鐵人賽 Vue.js DAY 13

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

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