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

0 Like 0 留言 649 瀏覽

技術 Webpack 的介紹

Webpack是一個強大的框架建立工具，用於備份和管理Web應用程式的資源。它的主要目標是多種不同類型的文件，如JavaScript、CSS、HTML、Imag...

jenson ‧ 2023-10-12

0 Like 0 留言 416 瀏覽

技術提升網頁效能 GO GO 2

**繼上一篇https://ithelp.ithome.com.tw/articles/10338331/draft**6. 緩存： Webpack可以生成具有...

jenson ‧ 2023-10-12

0 Like 1 留言 385 瀏覽

技術提升網頁效能 GO GO 1

提升網頁性能通常是一個非常重要的主題，Webpack 是一個構建工具，它可以用來優化前端資源並提高網頁性能。以下是一些提升網頁性能的關鍵概念：代碼分割（C...

jenson ‧ 2023-10-12

0 Like 0 留言 641 瀏覽

鐵人賽 Modern Web DAY 26

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

技術 30天React練功坊-攻克常見實務/面試問題 Day26: Add emojis to the page onclick(interview question)

tags: ItIron2023 react 前言我們昨天做了一個簡單的pagination題目，大致上了解一般實務是如何處理這類的情況，包含loading...

windate3411 ‧ 2023-10-11

0 Like 0 留言 519 瀏覽

技術新技術的崛起 2

繼上一篇 https://ithelp.ithome.com.tw/articles/10338285 容器化和微服務：容器化技術如Docker和容器編排...

jenson ‧ 2023-10-11

0 Like 0 留言 645 瀏覽

技術新技術的崛起 1

「現代Web」是一個廣泛的概念，指隨著時間的推移，Web開發領域不斷地堅持出新技術和趨勢。這些新技術和趨勢推動著Web應用程式的發展，提供更好的效能、使用者體驗...

jenson ‧ 2023-10-11

0 Like 0 留言 1037 瀏覽

鐵人賽 Modern Web DAY 25

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

技術 30天React練功坊-攻克常見實務/面試問題 Day25: Implement simple pagination(interview question)

tags: ItIron2023 react 前言我們昨天看了一個很水的custom hook題目，希望透過那個水到爆炸的題目你有了解到可以利用custom...

windate3411 ‧ 2023-10-10

0 Like 0 留言 862 瀏覽

鐵人賽 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 留言 495 瀏覽

鐵人賽 Modern Web DAY 23

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

技術 30天React練功坊-攻克常見實務/面試問題 Day23: Simple tab component(interview question)

tags: ItIron2023 react 前言我們昨天做了一個簡單的todo list，透過那個題目可以檢驗你對於state & props的掌握...

windate3411 ‧ 2023-10-08

0 Like 0 留言 946 瀏覽

鐵人賽 Modern Web DAY 22

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

技術 30天React練功坊-攻克常見實務/面試問題 Day22: Simple todo-list(interview question)

tags: ItIron2023 react 前言昨天我們用了一個簡單的問題來測驗你對於react render邏輯的了解程度，相信透過昨天的經驗你應該對於u...

windate3411 ‧ 2023-10-07

1 Like 0 留言 1340 瀏覽

鐵人賽 Modern Web DAY 21

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

技術 30天React練功坊-攻克常見實務/面試問題 Day21: React render logic interview question

tags: ItIron2023 react 前言我們昨天看了最後一個關於實務上常碰到的issue，剩下的10天我們將進入react coding inter...

windate3411 ‧ 2023-10-06

0 Like 0 留言 616 瀏覽

鐵人賽 Modern Web DAY 20

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

技術 30天React練功坊-攻克常見實務/面試問題 Day20: useState with complex form

tags: ItIron2023 react 前言我們昨天看了一個有趣的useState問題，了解到initialValue的一些限制，今天我們會再看一個與s...

windate3411 ‧ 2023-10-05

0 Like 0 留言 745 瀏覽

鐵人賽 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

0 Like 0 留言 627 瀏覽

鐵人賽 Modern Web DAY 18

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

技術 30天React練功坊-攻克常見實務/面試問題 Day18:UI flicker issue with useEffect

tags: ItIron2023 react 前言昨天我們看了一個誤用useEffect的例子，了解到其實有些東西你不需要靠useEffect也能達成，今天我...

windate3411 ‧ 2023-10-03

0 Like 0 留言 747 瀏覽

鐵人賽 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 留言 662 瀏覽

鐵人賽 Modern Web DAY 16

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

技術 30天React練功坊-攻克常見實務/面試問題 Day16: React.memo not working corretly with function as props

tags: ItIron2023 react 前言真是沒完沒了是吧！昨天我們繼續看了一個不必要重複渲染的例子，了解到為什麼切context需要謹慎並再次的請出...

windate3411 ‧ 2023-10-01

0 Like 0 留言 665 瀏覽

鐵人賽 Modern Web DAY 15

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

技術 30天React練功坊-攻克常見實務/面試問題 Day15: Unintended Re-renders: The Pitfalls of useContext

tags: ItIron2023 react 前言我們前兩天將重點放在React.memo使用上的一些情境與錯誤，接著我們將繼續探討其他造成不必要重複渲染的情...

windate3411 ‧ 2023-09-30

0 Like 0 留言 634 瀏覽

鐵人賽 Modern Web DAY 14

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

技術 30天React練功坊-攻克常見實務/面試問題 Day14: Optimization with React.memo the wrong way

tags: ItIron2023 react 前言我們昨天看了一個不必要re-render造成的效能問題並利用React.memo來解決，到這邊一切相安無事，...

windate3411 ‧ 2023-09-29

0 Like 0 留言 1755 瀏覽

鐵人賽 Modern Web DAY 29

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

技術聲明文件 ( Declaration Files )

本篇只會稍微提到製作聲明文件的方式，並不會有過多深入的探討。為什麼需要聲明文件？有時候當我們使用第三方模組時，它們是依據純 JavaScript 來撰寫...

威爾豬 ‧ 2023-09-29

0 Like 0 留言 880 瀏覽

鐵人賽 Modern Web DAY 14

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

技術 Day 14：簡單的部落格應用

在上一篇中我們已經將 Django 的專案建立起來了，也新增了一個空的部落格應用程式，接下來是使用 Django ORM 來建立資料庫 Schema，首先先來看...

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

0 Like 0 留言 665 瀏覽

鐵人賽 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 留言 2031 瀏覽

鐵人賽 Modern Web DAY 28

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

技術裝飾器 ( Decorators )

裝飾器可以使我們可以在類別、方法、屬性或參數上添加元數據（metadata），並根據這些元數據來自動轉化或擴充程式碼。它可以在類別或方法不修改程式碼的情況下做一...

威爾豬 ‧ 2023-09-28

0 Like 1 留言 705 瀏覽

鐵人賽 Modern Web DAY 12

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

技術 30天React練功坊-攻克常見實務/面試問題 Day12: Sometimes useState just not good enough

tags: ItIron2023 react 前言昨天我們看了一個常見的race-condition問題並給出了三種主流的解決方案，今天我們放輕鬆一點，看一個...

windate3411 ‧ 2023-09-27

0 Like 0 留言 993 瀏覽

鐵人賽 Modern Web DAY 27

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

技術 Utility 型別 Ⅱ

之前我們講過了幾個 Utility 型別 Ⅰ，忘記了的小夥伴可以再來看看。TypeScript 還提供了其它的 Utility 型別工具： Extract Ex...

威爾豬 ‧ 2023-09-27

0 Like 0 留言 707 瀏覽

鐵人賽 Modern Web DAY 12

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

技術 Day 12：Strawberry 的其他功能

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

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

1 Like 0 留言 1480 瀏覽

鐵人賽 Modern Web DAY 26

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

技術高級型別

在一開始我們就介紹了聯合類型和交叉類型這兩種常用到的高級型別，威爾豬自己也是比較常使用它們。這次我們來看看還有哪些高級型別可以使用：映射類型 ( Mapp...

威爾豬 ‧ 2023-09-26

0 Like 0 留言 503 瀏覽

鐵人賽 Modern Web DAY 11

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

技術 Day 11：使用 Strawberry 學習 GraphQL 變更

在前面的說明主要著重在查詢（Read）的部分，API 的開發還會有新增（Ctreate）、修改（Update）、刪除（Delete），GraphQL 在這部分就...

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

0 Like 0 留言 770 瀏覽

鐵人賽 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 留言 769 瀏覽

鐵人賽 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

0 Like 0 留言 1526 瀏覽

鐵人賽 Modern Web DAY 11

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

技術 30天React練功坊-攻克常見實務/面試問題 Day11: Race condition with useEffect

tags: ItIron2023 react 前言我們昨天看了一個看似useEffect在搞事的問題，雖然說不能與它完全無關，但實際上他確實挺無辜的，真要怪的...

windate3411 ‧ 2023-09-26

技術 Webpack 的介紹

技術 提升網頁效能 GO GO 2

技術 提升網頁效能 GO GO 1

技術 30天React練功坊-攻克常見實務/面試問題 Day26: Add emojis to the page onclick(interview question)

技術 新技術的崛起 2

技術 新技術的崛起 1

技術 30天React練功坊-攻克常見實務/面試問題 Day25: Implement simple pagination(interview question)

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

技術 30天React練功坊-攻克常見實務/面試問題 Day23: Simple tab component(interview question)

技術 30天React練功坊-攻克常見實務/面試問題 Day22: Simple todo-list(interview question)

技術 30天React練功坊-攻克常見實務/面試問題 Day21: React render logic interview question

技術 30天React練功坊-攻克常見實務/面試問題 Day20: useState with complex form

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

技術 30天React練功坊-攻克常見實務/面試問題 Day18:UI flicker issue with useEffect

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

技術 30天React練功坊-攻克常見實務/面試問題 Day16: React.memo not working corretly with function as props

技術 30天React練功坊-攻克常見實務/面試問題 Day15: Unintended Re-renders: The Pitfalls of useContext

技術 30天React練功坊-攻克常見實務/面試問題 Day14: Optimization with React.memo the wrong way

技術 聲明文件 ( Declaration Files )

技術 Day 14：簡單的部落格應用

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

技術 裝飾器 ( Decorators )

技術 30天React練功坊-攻克常見實務/面試問題 Day12: Sometimes useState just not good enough

技術 Utility 型別 Ⅱ

技術 Day 12：Strawberry 的其他功能

技術 高級型別

技術 Day 11：使用 Strawberry 學習 GraphQL 變更

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

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

技術 30天React練功坊-攻克常見實務/面試問題 Day11: Race condition with useEffect

標記使用者

技術提升網頁效能 GO GO 2

技術提升網頁效能 GO GO 1

技術新技術的崛起 2

技術新技術的崛起 1

技術聲明文件 ( Declaration Files )

技術裝飾器 ( Decorators )

技術高級型別