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

0 Like 0 留言 955 瀏覽

鐵人賽 Modern Web DAY 24

30天React練功坊-攻克常見實務/面試問題系列第 24 篇

技術 2023It 30天React練功坊-攻克常見實務/面試問題 Day24: Creating a custom hook for data fetching(interview question)

tags: ItIron2023 react 前言昨天我們看了一個基本的Tab component題目，在那個常見的UI組件上做了一點小小的測試，相信對你們來...

windate3411 ‧ 2023-10-09

0 Like 0 留言 950 瀏覽

鐵人賽 Modern Web DAY 3

從0開始的的Angular站台架設-Stnadalone 系列第 3 篇

技術 D2 Git與GitHub與Get the Point

在開發經歷中，不知道有沒有人經歷過開發靠資料夾命名做疊代、版本更新靠覆蓋的神奇經歷。一旦命名出錯或是路徑放錯，可能就要花很長一段時間去還原與修復。為了避免以上這...

Otto_auto ‧ 2023-09-13

0 Like 0 留言 941 瀏覽

鐵人賽 Modern Web DAY 7

30天React練功坊-攻克常見實務/面試問題系列第 7 篇

技術 30天React練功坊-攻克常見實務/面試問題 Day7: Memeory leak with useEffect

tags: ItIron2023 react 前言昨天我們看了一下一個react hook在render上的常見使用錯誤，未來我們會再次接觸到，建議先把hoo...

windate3411 ‧ 2023-09-22

0 Like 0 留言 940 瀏覽

鐵人賽 Modern Web DAY 8

Flask30天教學-從入門到入土系列第 8 篇

技術 [Day-8] flask例外處理

前言上次我們介紹了完整的上傳檔案，至於今天我將介紹大家如何解決例外處裡像是檔案太大，這裡主要以兩種type介紹 HTTP 404 Not Found HTT...

samwang1228 ‧ 2023-09-16 ‧團隊卍乂煞氣a工程師乂卍

0 Like 0 留言 935 瀏覽

鐵人賽 Modern Web DAY 25

用不到 30 天學會基本 TypeScript 系列第 25 篇

技術型別縮小 ( Narrowing )

Type Narrowing 是一種概念，指在程式碼執行過程中，根據特定條件，將變數的型別從一個較廣泛的型別縮小為較特定的型別，以提供更精確的型別資訊，這種功能...

威爾豬 ‧ 2023-09-25

0 Like 0 留言 922 瀏覽

鐵人賽 Modern Web DAY 15

Flask30天教學-從入門到入土系列第 15 篇

技術 [Day-15] Flask之API創建

前言前幾天我們已經完成整個簡易的登入功能，但實際上現代的網頁開發趨向使用 API（Application Programming Interface）作為資料...

samwang1228 ‧ 2023-09-23 ‧團隊卍乂煞氣a工程師乂卍

0 Like 0 留言 914 瀏覽

鐵人賽 Modern Web DAY 9

傳承D的意志~ 邁向Django的偉大航道系列第 9 篇

技術 [Day 09] 參見Django的三大將之一: Template

嗨大家好，我是Sean!接續昨天的view，我們今天要來講他的好朋友三大將之一:Template! 說到Template，我們也按照慣例帶大家複習一下，我們當初...

sean85120 ‧ 2022-09-24

0 Like 0 留言 910 瀏覽

鐵人賽 Modern Web DAY 1

Rust 的戰國時代：探索網頁前端工具的前世今生系列第 1 篇

技術 Day 01：前言、大綱

文章已同步發表於個人部落格，也可以前往觀賞好讀版。關於主題嗨，大家好，最後還是想不開來參加 IT 鐵人賽了。第一篇不免俗讓我廢話一下聊聊選題動機，關於...

codefarmer ‧ 2024-09-15

0 Like 0 留言 894 瀏覽

鐵人賽 Modern Web DAY 19

傳承D的意志~ 邁向Django的偉大航道系列第 19 篇

技術 [Day 19] 實戰篇: 你一定得會的CRUD(下集)

嗨大家好，我是Sean!昨天我們講到CRUD的R的延伸使用，今天我們就來把CRUD全部結束! Update update的前提是我們已經可以選出單一筆的資料。...

sean85120 ‧ 2022-10-04

0 Like 0 留言 890 瀏覽

鐵人賽 Modern Web DAY 8

後端的鉗形攻勢系列第 8 篇

技術 [Day. 07] 簡單的網頁試啼

昨天我們架設好了寫網頁的基本工具-XAMPP今天就來利用前幾天所學的基本PHP來寫一點簡單的後端互動吧。首先，用載好的Sublime打開昨天在XAMPP/ht...

Dullszy ‧ 2020-09-22

0 Like 0 留言 887 瀏覽

鐵人賽 Modern Web DAY 10

30天React練功坊-攻克常見實務/面試問題系列第 10 篇

技術 30天React練功坊-攻克常見實務/面試問題 Day10: useEffect got called twice with empty dependency array

tags: ItIron2023 react 前言我們昨天看了一個useEffect在沒有處理好dependency array時發生的問題，今天讓我們再看一...

windate3411 ‧ 2023-09-25

1 Like 0 留言 880 瀏覽

鐵人賽 Modern Web DAY 20

Vue 和 TypeScript 的最佳實踐：成為前端工程師的進階利器系列第 20 篇

技術 Day 20: 使用 TypeScript 與 UnoCSS 打造可重用的 UI 元件庫

在現代前端開發中，擁有一個可靠、可重用且類型安全的UI元件庫是提高開發效率和維護性的關鍵。本文將介紹如何使用 TypeScript 和 UnoCSS 來創建一...

MichaelHo ‧ 2024-10-04

0 Like 0 留言 872 瀏覽

鐵人賽 Modern Web DAY 23

Spring Boot... 深不可測系列第 23 篇

技術 Day 22 - 準備

今日目標，「準備」功能。今天我們要透過 WebSocket 更新房間內成員的準備狀態，聽起來很簡單，但還是有些細節要注意判斷準備的依據，準備的時候要變成沒...

mark0613 ‧ 2022-10-08 ‧團隊那團名要叫什麼？

0 Like 0 留言 863 瀏覽

鐵人賽 Modern Web DAY 16

創意前端設計：用 Vue.js 打造 30 個互動實用功能系列第 16 篇

技術 Day16 Vue.js 動效分類實戰 (8) 進度條特輯 - 超酷互動計時器＋動態視覺化

讓你的計時器不再無聊！帶你實現進度條的互動視覺化你是否曾經想過，讓時間不只是冷冰冰的數字，而是變成一個動態、直觀、充滿視覺衝擊的體驗？今天，我們要用 V...

Sunny.Cat ‧ 2024-09-30

0 Like 0 留言 863 瀏覽

鐵人賽 Modern Web DAY 18

Flask30天教學-從入門到入土系列第 18 篇

技術 [Day-18] Blueprint 包裝你的flask(3)

前言話不多說就讓我們開始吧!完整code 架構 app/ ├── api/ │ ├── __init__.py │ ├── api.py │ └─...

samwang1228 ‧ 2023-09-26 ‧團隊卍乂煞氣a工程師乂卍

0 Like 0 留言 857 瀏覽

鐵人賽 Modern Web

前端工程師的 Modern Web 實踐之道系列第 22 篇

技術容器化部署實踐:Docker 與 Kubernetes 在前端專案中的應用

系列文章: 前端工程師的 Modern Web 實踐之道 - Day 23預計閱讀時間: 12 分鐘難度等級: ⭐⭐⭐⭐☆ 🎯 今日目標在昨天的文章中,我...

useKevin('front-end') ‧ 2026-01-13

0 Like 0 留言 850 瀏覽

鐵人賽 Modern Web DAY 19

30天React練功坊-攻克常見實務/面試問題系列第 19 篇

技術 30天React練功坊-攻克常見實務/面試問題 Day19: useState initial value not update after re-render

tags: ItIron2023 react 前言我們昨天看了一個少見的useLayoutEffect的實用例子，很多工具只要正確使用就能發光發熱，但前提是你...

windate3411 ‧ 2023-10-04

1 Like 0 留言 840 瀏覽

技術 JavaScript 模組化的介紹

JavaScript 替代方案是一種用於組織和管理 JavaScript 程式碼的方法，它有助於提高程式碼的可維護性、可擴展性和可重複使用性。在 JavaScr...

jenson ‧ 2023-10-11

0 Like 0 留言 839 瀏覽

鐵人賽 Modern Web DAY 17

30天React練功坊-攻克常見實務/面試問題系列第 17 篇

技術 30天React練功坊-攻克常見實務/面試問題 Day17: useEffect to the rescue, or is it?

tags: ItIron2023 react 前言我們昨天再次看了一個React.memo的錯誤使用例子，你也了解到該如何正確地使用useCallback，我...

windate3411 ‧ 2023-10-02

0 Like 0 留言 839 瀏覽

鐵人賽 Modern Web DAY 15

創意前端設計：用 Vue.js 打造 30 個互動實用功能系列第 15 篇

技術 Day15 Vue.js 動效分類實戰 (7) 3D 翻轉卡特輯 - 視覺震撼的完美翻轉效果

3D 翻轉卡片特效來襲，用 Vue.js 掌控全場，玩轉視覺與互動的完美結合！嘿～準備好見證魔法般的 3D 翻轉效果了嗎？今天，我們要用 Vue.js 玩...

Sunny.Cat ‧ 2024-09-29

0 Like 0 留言 837 瀏覽

鐵人賽 Modern Web DAY 0

前端工程師的 Modern Web 實踐之道系列第 5 篇

技術前端框架三強鼎立：React vs Vue vs Angular 的深度解析與選擇策略

系列文章: 前端工程師的 Modern Web 實踐之道 - Day 5預計閱讀時間: 16 分鐘難度等級: ⭐⭐⭐☆☆ 🎯 今日目標在前一篇文章中，我們...

useKevin('front-end') ‧ 2025-09-18

0 Like 1 留言 828 瀏覽

鐵人賽 Modern Web DAY 6

30天React練功坊-攻克常見實務/面試問題系列第 6 篇

技術 30天React練功坊-攻克常見實務/面試問題 Day6: Rendered more hooks than during the previous render.

tags: ItIron2023 react 前言我們昨天看了一個簡單的條件渲染的範例，了解到為什麼你不該用布林值以外的值作為判斷條件渲染的標準，今天我們繼續...

windate3411 ‧ 2023-09-21

0 Like 0 留言 822 瀏覽

鐵人賽 Modern Web DAY 29

創意前端設計：用 Vue.js 打造 30 個互動實用功能系列第 29 篇

技術 Day29 Vue.js 動效分類實戰 (20) 蛋糕特輯 - 來過生日！吹氣 + 驚喜動畫，慶祝儀式感拉滿

🎂 生日蛋糕互動秀：吹氣熄蠟燭，還有彩帶灑滿天！🎉 嘿嘿嘿，今天要來和大家分享一個超可愛又好玩的生日蛋糕互動網站這個專案不但有超酷的動畫效果，還能用聲音把蠟燭...

Sunny.Cat ‧ 2024-10-13

0 Like 0 留言 822 瀏覽

鐵人賽 Modern Web DAY 27

創意前端設計：用 Vue.js 打造 30 個互動實用功能系列第 27 篇

技術 Day 27 Vue.js 動效分類實戰 (18) 整合特輯 - 技術全解析，打造精緻的卡片翻牌遊戲

翻牌效果深入解析，帶你揭開背後的技術秘密！今天，我們將用 Vue.js 和 TypeScript 實現一個充滿趣味的翻牌遊戲，讓你不僅能挑戰自己的記憶力，...

Sunny.Cat ‧ 2024-10-11

0 Like 0 留言 821 瀏覽

技術 Source Map 的功用

來源映射（Source Map）是一種在 Web 開發中廣泛使用的工具，它們用於將轉換後的程式碼（例如，經過壓縮、混淆或編譯的 JavaScript、CSS 或...

jenson ‧ 2023-11-14

0 Like 0 留言 816 瀏覽

鐵人賽 Modern Web DAY 12

Django 與 Strawberry GraphQL：探索現代 API 開發之路系列第 12 篇

技術 Day 12：Strawberry 的其他功能

在前面我們透過 Strawberry 將 GraphQL 一些最基礎的概念練習一遍了（https://graphql.org/learn/ 上，最佳實踐以外的內...

jasonxie ‧ 2023-09-27 ‧團隊狗狗與睡袋的產地

0 Like 0 留言 815 瀏覽

鐵人賽 Modern Web DAY 30

傳承D的意志~ 邁向Django的偉大航道系列第 30 篇

技術 [Day 30] 鐵人賽結語: 航行在偉大航道

嗨大家好，我是Sean。結束了昨天的Celery & Redis，我們的系列也就進入了尾聲。今天是鐵人賽的最後一天，想要來回顧一下我們的鐵人賽系列，以及...

sean85120 ‧ 2022-10-15

0 Like 0 留言 802 瀏覽

鐵人賽 Modern Web DAY 13

30天React練功坊-攻克常見實務/面試問題系列第 13 篇

技術 30天React練功坊-攻克常見實務/面試問題 Day13: ExpensiveComponent re-render causing performance issue

tags: ItIron2023 react 前言我們昨天用了一個簡單的例子告訴你useRef在哪些情況能派上用場，那並不會是我們唯一一次與useRef打交道...

windate3411 ‧ 2023-09-28

0 Like 0 留言 800 瀏覽