iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

0 Like 0 留言 14 瀏覽

鐵人賽 Vue.js DAY 19

在 Vue 過氣前要學的三十件事系列第 19 篇

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

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

Yanya ‧ 2025-09-19

2 Like 0 留言 33 瀏覽

鐵人賽 Vue.js DAY 18

在 Vue 過氣前要學的三十件事系列第 18 篇

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

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

Yanya ‧ 2025-09-18

1 Like 0 留言 23 瀏覽

鐵人賽 Vue.js DAY 17

在 Vue 過氣前要學的三十件事系列第 17 篇

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

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

Yanya ‧ 2025-09-17

0 Like 0 留言 27 瀏覽

鐵人賽 Vue.js DAY 16

在 Vue 過氣前要學的三十件事系列第 16 篇

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

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

Yanya ‧ 2025-09-16

2 Like 0 留言 75 瀏覽

鐵人賽 Vue.js DAY 15

在 Vue 過氣前要學的三十件事系列第 15 篇

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

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

Yanya ‧ 2025-09-15

2 Like 0 留言 111 瀏覽

鐵人賽 Vue.js DAY 14

在 Vue 過氣前要學的三十件事系列第 14 篇

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

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

Yanya ‧ 2025-09-14

0 Like 0 留言 42 瀏覽

鐵人賽 Vue.js DAY 13

在 Vue 過氣前要學的三十件事系列第 13 篇

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

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

Yanya ‧ 2025-09-13

1 Like 0 留言 76 瀏覽

鐵人賽 Vue.js DAY 12

在 Vue 過氣前要學的三十件事系列第 12 篇

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

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

Yanya ‧ 2025-09-12

2 Like 0 留言 112 瀏覽

鐵人賽 Vue.js DAY 11

在 Vue 過氣前要學的三十件事系列第 11 篇

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

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

Yanya ‧ 2025-09-11

4 Like 0 留言 161 瀏覽

鐵人賽 Vue.js DAY 8

在 Vue 過氣前要學的三十件事系列第 8 篇

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

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

Yanya ‧ 2025-09-08

2 Like 0 留言 141 瀏覽

鐵人賽 Vue.js DAY 7

在 Vue 過氣前要學的三十件事系列第 7 篇

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

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

Yanya ‧ 2025-09-07

4 Like 0 留言 150 瀏覽

鐵人賽 Vue.js DAY 6

在 Vue 過氣前要學的三十件事系列第 6 篇

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

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

Yanya ‧ 2025-09-06

2 Like 0 留言 370 瀏覽

鐵人賽 IT 管理 DAY 16

坐到對面開始提問：面試官新手指南系列第 16 篇

技術場中自我回顧

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

su ‧ 2024-08-16

0 Like 0 留言 672 瀏覽

鐵人賽 Kotlin DAY 30

破解 Android 工程師面試白板題：30 道面試題目與解答系列第 30 篇

技術 LeetCode 1143. Longest Common Subsequence

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

John Lu ‧ 2023-10-14 ‧團隊捲土重來的Kotlin鐵人們

0 Like 0 留言 1394 瀏覽

鐵人賽 Kotlin DAY 29

破解 Android 工程師面試白板題：30 道面試題目與解答系列第 29 篇

技術 LeetCode 146. LRU Cache

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

John Lu ‧ 2023-10-13 ‧團隊捲土重來的Kotlin鐵人們

0 Like 0 留言 510 瀏覽

鐵人賽 Kotlin DAY 27

破解 Android 工程師面試白板題：30 道面試題目與解答系列第 27 篇

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

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

John Lu ‧ 2023-10-11 ‧團隊捲土重來的Kotlin鐵人們

0 Like 0 留言 1055 瀏覽

鐵人賽 Kotlin DAY 25

破解 Android 工程師面試白板題：30 道面試題目與解答系列第 25 篇

技術 LeetCode 210. Course Schedule II

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

John Lu ‧ 2023-10-09 ‧團隊捲土重來的Kotlin鐵人們

0 Like 0 留言 583 瀏覽

鐵人賽 Kotlin DAY 28

破解 Android 工程師面試白板題：30 道面試題目與解答系列第 28 篇

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

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

John Lu ‧ 2023-10-12 ‧團隊捲土重來的Kotlin鐵人們

0 Like 0 留言 638 瀏覽

鐵人賽 Kotlin DAY 26

破解 Android 工程師面試白板題：30 道面試題目與解答系列第 26 篇

技術 LeetCode 125. Valid Palindrome

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

John Lu ‧ 2023-10-10 ‧團隊捲土重來的Kotlin鐵人們

0 Like 1 留言 901 瀏覽

鐵人賽 Kotlin DAY 24

破解 Android 工程師面試白板題：30 道面試題目與解答系列第 24 篇

技術 LeetCode 9. Palindrome Number

破題這題要求我們判斷一個整數是否是迴文，換言之，它從前往後讀和從後往前讀是相同的。跟一流的人才幹大事，享受成功進步的高級樂趣！內推機會來啦！能與優秀的程...

John Lu ‧ 2023-10-08 ‧團隊捲土重來的Kotlin鐵人們

0 Like 0 留言 1195 瀏覽

鐵人賽 Kotlin DAY 23

破解 Android 工程師面試白板題：30 道面試題目與解答系列第 23 篇

技術 LeetCode 699. Falling Squares

破題這題要求我們模擬一系列的方塊從天空掉落到一維的數線上，並且回傳每次掉落後最高的高度。跟一流的人才幹大事，享受成功進步的高級樂趣！內推機會來啦！能與優...

John Lu ‧ 2023-10-07 ‧團隊捲土重來的Kotlin鐵人們

0 Like 0 留言 1316 瀏覽

鐵人賽 Kotlin DAY 22

破解 Android 工程師面試白板題：30 道面試題目與解答系列第 22 篇

技術 LeetCode 218. The Skyline Problem

破題這題是一個經典的幾何問題。給定一個建築物列表，每個建築物由其左邊界、右邊界和高度表示，我們需要找出這些建築物形成的天際線。天際線是由水平線段組成的，這些...

John Lu ‧ 2023-10-06 ‧團隊捲土重來的Kotlin鐵人們

0 Like 0 留言 601 瀏覽

鐵人賽 Kotlin DAY 21

破解 Android 工程師面試白板題：30 道面試題目與解答系列第 21 篇

技術 LeetCode 1943. Describe the Painting

破題這個演算法的目的是將一幅畫作分割成多個區段，每個區段都有自己的顏色。畫作由多個區段組成，每個區段都有一個起始點、結束點和顏色。如果兩個區段重疊，那麼重疊...

John Lu ‧ 2023-10-05 ‧團隊捲土重來的Kotlin鐵人們

0 Like 0 留言 1403 瀏覽

鐵人賽 Kotlin DAY 20

破解 Android 工程師面試白板題：30 道面試題目與解答系列第 20 篇

技術 LeetCode 67. Add Binary

暴力法首先，我們考慮一種最基本的方法：將 a 和 b 轉換為十進制數，然後求和，最後再將結果轉換為二進制數。 class Solution { fu...

John Lu ‧ 2023-10-04 ‧團隊捲土重來的Kotlin鐵人們

0 Like 0 留言 1295 瀏覽

鐵人賽 Kotlin DAY 19

破解 Android 工程師面試白板題：30 道面試題目與解答系列第 19 篇

技術 LeetCode 127. Word Ladder

廣度優先搜尋 (BFS) 破題這個問題要找出最短的轉換序列長度，當我們看到「最短」時，我們可以想到使用「廣度優先搜尋」來解決。但是，這個問題並沒有直接我們圖...

John Lu ‧ 2023-10-03 ‧團隊捲土重來的Kotlin鐵人們

0 Like 0 留言 487 瀏覽

鐵人賽 Kotlin DAY 18

破解 Android 工程師面試白板題：30 道面試題目與解答系列第 18 篇

技術 LeetCode 848. Shifting Letters

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

John Lu ‧ 2023-10-02 ‧團隊捲土重來的Kotlin鐵人們

0 Like 0 留言 439 瀏覽

鐵人賽 Kotlin DAY 17

破解 Android 工程師面試白板題：30 道面試題目與解答系列第 17 篇

技術 LeetCode 1844. Replace All Digits with Characters

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

John Lu ‧ 2023-10-01 ‧團隊捲土重來的Kotlin鐵人們

0 Like 0 留言 478 瀏覽

鐵人賽 Kotlin DAY 16

破解 Android 工程師面試白板題：30 道面試題目與解答系列第 16 篇

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

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

John Lu ‧ 2023-09-30 ‧團隊捲土重來的Kotlin鐵人們

5 Like 3 留言 4915 瀏覽

技術【Python】鐵人賽草稿自動排程發文神器 & line notifiy

大家好，我是一宵三筵鐵人賽已經開跑了，我這邊今年是第一次參加鐵人賽那鐵人賽就是會存一些草稿嘛，每天再把文章發出去就行但可能就會遇到一個問題...「如果我忘記發文...

一宵三筵 ‧ 2023-09-16

0 Like 0 留言 546 瀏覽

鐵人賽 Kotlin DAY 15

破解 Android 工程師面試白板題：30 道面試題目與解答系列第 15 篇

技術 LeetCode 215. Kth Largest Element in an Array

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

John Lu ‧ 2023-09-29 ‧團隊捲土重來的Kotlin鐵人們

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

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

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

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

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

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

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

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

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

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

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

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

技術 場中自我回顧