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

0 Like 0 留言 250 瀏覽

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

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

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

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

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

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

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

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

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

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

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

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

鐵人賽 Modern Web DAY 29

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

技術聲明文件 ( Declaration Files )

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

威爾豬 ‧ 2023-09-29

0 Like 0 留言 178 瀏覽

鐵人賽 Modern Web DAY 14

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

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

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

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

0 Like 0 留言 271 瀏覽

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

鐵人賽 Modern Web DAY 28

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

技術裝飾器 ( Decorators )

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

威爾豬 ‧ 2023-09-28

0 Like 0 留言 370 瀏覽

鐵人賽 Modern Web DAY 20

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

技術 [Day-20] plotly與flask(2) 畫出台積電日K

前言在昨天我們已經了解如何使用plotly畫圖，而今天的範例會搭配yfinance畫出台積電上半年的股價做一個範例。完整code 介紹 yfinance是一...

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

0 Like 1 留言 278 瀏覽

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

鐵人賽 Modern Web DAY 27

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

技術 Utility 型別 Ⅱ

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

威爾豬 ‧ 2023-09-27

0 Like 0 留言 316 瀏覽

鐵人賽 Modern Web DAY 19

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

技術 [Day-19] plotly與flask(1) 畫出簡易的資料視覺圖吧

前言前幾天我們將之前的範例模組化了，接下來讓我們來新增一個可以畫圖表的page吧! 最終目標會以台股k線圖為主軸，至於工具則選用了plotly。介紹 Plo...

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

0 Like 0 留言 237 瀏覽

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

鐵人賽 Modern Web DAY 11

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

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

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

windate3411 ‧ 2023-09-26

1 Like 0 留言 816 瀏覽

鐵人賽 Modern Web DAY 26

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

技術高級型別

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

威爾豬 ‧ 2023-09-26

0 Like 0 留言 204 瀏覽

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

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

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

鐵人賽 Modern Web DAY 25

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

技術型別縮小 ( Narrowing )

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

威爾豬 ‧ 2023-09-25

0 Like 0 留言 900 瀏覽

技術使用Swiper輪播插件做一個跑馬燈(marquee)

使用Swiper這個輪播插件可以使我們用少少的程式碼實踐輪播效果，它不只可以用來做照片輪播、Banner輪播，還可以做跑馬燈效果。今天我們來做個跑馬燈吧! 首先...

阿沁 ‧ 2023-09-25

0 Like 0 留言 153 瀏覽

鐵人賽 Modern Web DAY 10

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

技術 Day 10：使用 Strawberry 學習 GraphQL 指令

在先前我們為了讓查詢使用上更加彈性，學習了使用變數（Variables）動態帶入引數（Arguments），接著我們學習指令（Directives），它就像是...

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

0 Like 0 留言 218 瀏覽

鐵人賽 Modern Web DAY 9

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

技術 Day 9：使用 Strawberry 學習 GraphQL 片段與內嵌片段

再前一次使用別名（Aliases）來查詢資料，達到同時查詢兩個使用者列表，如上圖，這時會發現查詢語法中會重複出現使用者欄位（Fields），在當前的情況應該還...

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