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

0 Like 0 留言 865 瀏覽

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

鐵人賽 Modern Web DAY 29

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

技術聲明文件 ( Declaration Files )

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

威爾豬 ‧ 2023-09-29

0 Like 0 留言 1137 瀏覽

鐵人賽 Modern Web DAY 14

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

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

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

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

0 Like 0 留言 934 瀏覽

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

鐵人賽 Modern Web DAY 28

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

技術裝飾器 ( Decorators )

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

威爾豬 ‧ 2023-09-28

0 Like 1 留言 964 瀏覽

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

鐵人賽 Modern Web DAY 27

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

技術 Utility 型別 Ⅱ

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

威爾豬 ‧ 2023-09-27

0 Like 0 留言 985 瀏覽

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

鐵人賽 Modern Web DAY 26

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

技術高級型別

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

威爾豬 ‧ 2023-09-26

0 Like 0 留言 761 瀏覽

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

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

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

鐵人賽 Modern Web DAY 11

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

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

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

windate3411 ‧ 2023-09-26

0 Like 0 留言 3821 瀏覽

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

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

阿沁 ‧ 2023-09-25

0 Like 0 留言 1090 瀏覽

鐵人賽 Modern Web DAY 25

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

技術型別縮小 ( Narrowing )

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

威爾豬 ‧ 2023-09-25

0 Like 0 留言 827 瀏覽

鐵人賽 Modern Web DAY 10

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

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

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

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

0 Like 0 留言 790 瀏覽

鐵人賽 Modern Web DAY 9

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

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

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

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

0 Like 0 留言 996 瀏覽

鐵人賽 Modern Web DAY 9

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

技術 30天React練功坊-攻克常見實務/面試問題 Day9: Data fetch with useEffect not work as expected

tags: ItIron2023 react 前言我們昨天看了在渲染陣列時用index作為key的一些隱憂，今天我們輕鬆一點，來看一個相對簡單的問題，但即便是...

windate3411 ‧ 2023-09-24

0 Like 0 留言 1645 瀏覽

鐵人賽 Modern Web DAY 20

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

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

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

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

0 Like 0 留言 1433 瀏覽

鐵人賽 Modern Web DAY 19

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

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

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

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

0 Like 0 留言 946 瀏覽

鐵人賽 Modern Web DAY 8

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

技術 30天React練功坊-攻克常見實務/面試問題 Day8: Using index as key might be a huge disaster

tags: ItIron2023 react 前言我們昨天用了一個很簡單的例子展示useEffect可能造成的memory leak issue，今天我們來看...

windate3411 ‧ 2023-09-23

0 Like 0 留言 1133 瀏覽

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

鐵人賽 Modern Web DAY 7

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

技術 Day 7：使用 Strawberry 學習 GraphQL 查詢

在學習如何查詢之前，我們應該先要有一些資料，為此我們建立一個服務元件來產生假資料。首先安裝一個產生假資料的 Python 套件，faker： $ poetry...

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

0 Like 1 留言 1023 瀏覽

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

鐵人賽 Modern Web DAY 21

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

技術泛型（Generics）

泛型在 TypeScript 裡，是很重要的一個環節，幾乎都會看到它的身影。在前面的文章範例裡，應該或多或少都有使用到泛型，那泛型究竟是什麼？為什麼這麼重要呢？...

威爾豬 ‧ 2023-09-21

1 Like 1 留言 1352 瀏覽

鐵人賽 Modern Web DAY 5

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

技術 30天React練功坊-攻克常見實務/面試問題 Day5 An unexpected "0" in the page while doing condition rendering

tags: ItIron2023 react 前言昨天我們談到了多個類似的state在同一組件的管理問題，以及你可以如何利用一個共用的hanlder去優化，今...

windate3411 ‧ 2023-09-20

1 Like 0 留言 966 瀏覽

技術 JavaScript 模組化的介紹

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

jenson ‧ 2023-10-11

0 Like 0 留言 534 瀏覽

技術渲染技術的變遷

客戶端渲染（Client-Side Rendering，CSR）技術架構在過去幾年中經歷了多個變遷和演進，以應對現代Web應用程序的需求和挑戰。以下是客戶端渲染...

jenson ‧ 2023-09-21

0 Like 0 留言 553 瀏覽

技術網頁架構的變遷

網頁渲染的工作逐漸由後端轉為前端主導。靜態網頁 1.內容不變：靜態網頁的內容在請求期間保持不變。每當用戶訪問靜態網頁時，它們看到的內容都是固定的，並且不會根據...

jenson ‧ 2023-09-20

0 Like 0 留言 815 瀏覽