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

0 Like 1 留言 252 瀏覽

技術提升網頁效能 GO GO 1

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

jenson ‧ 2023-10-12

0 Like 0 留言 248 瀏覽

鐵人賽 Modern Web DAY 29

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

技術 30天React練功坊-攻克常見實務/面試問題 Day29: Simple Tic-Tac-Toe game(interview question)

tags: ItIron2023 react 前言我們昨天處理了一個實務上常見的面試問題，要你根據某份提供的api文件以及一些指示完成題目的要求，今天我們再來...

windate3411 ‧ 2023-10-14

0 Like 0 留言 246 瀏覽

技術新技術的崛起 2

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

jenson ‧ 2023-10-11

0 Like 0 留言 246 瀏覽

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

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

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

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

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

技術模組的規則

Webpack 中的模組解析規則和判定是透過設定檔中的module屬性和resolve屬性來定義的。這些規則和判定告訴 Webpack 如何處理不同類型的模組和...

jenson ‧ 2023-10-17

0 Like 0 留言 233 瀏覽

鐵人賽 Modern Web DAY 2

一起進入網頁後端的世界吧 Restful Api 啟動 ! 系列第 2 篇

技術 day2 - 介紹API與Restful API

回顧前一天:之前有提到我們的目標是要建立API，那什麼是API? RESTful API 又是什麼? 我今天就會為你解答。 API:API的全名是Applica...

小酌 ‧ 2023-09-17 ‧團隊原神啟動！

0 Like 0 留言 230 瀏覽

鐵人賽 Modern Web DAY 5

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

技術 Day 5：使用 Strawberry 學習 GraphQL 型別 – 2

接著繼續編輯 User Type 進一步增加欄位與學習 Strawberry 的 GraphQL 型態。 @strawberry.type class User...

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

0 Like 0 留言 229 瀏覽

鐵人賽 Modern Web DAY 16

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

技術 [Day-16] Blueprint 包裝你的flask(1)

前言回顧看昨天的程式發現已經200多行，這樣在管理上會變得很複雜，這也就是flask最大的缺點，然而flask不能像一般python一樣直接寫成module再...

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

0 Like 0 留言 228 瀏覽

鐵人賽 Modern Web DAY 9

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

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

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

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

0 Like 0 留言 227 瀏覽

技術新技術的崛起 1

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

jenson ‧ 2023-10-11

0 Like 0 留言 227 瀏覽

鐵人賽 Modern Web DAY 6

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

技術 [Day-6] flask上傳檔案(1)

前言在昨天的範例中我們已經學會使用form、post來達成html與flask的溝通，而常見的上傳檔案也是透過此方法，接下兩天帶大家來操作。範例在 Fl...

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

0 Like 0 留言 226 瀏覽

鐵人賽 Modern Web DAY 1

一起進入網頁後端的世界吧 Restful Api 啟動 ! 系列第 1 篇

技術 day1 - 鐵人賽的選題動機與綱要

選題的動機:當初在大二上學期的時候選了Web基本技術與原理這一堂課，學到了許多的網頁前端技術，但沒什麼接觸後端的部分，剛好這次大三的課程規定要參加鐵人賽，所以就...

小酌 ‧ 2023-09-16 ‧團隊原神啟動！

0 Like 0 留言 223 瀏覽

技術為甚麼要選擇用 Webpack？

Webpack 是一個強大的前端打包工具，它的主要目的是將多個前端資源（如JavaScript、CSS、圖片等）整合在一起，以優化性能、管理依賴關係，並提供更好...

jenson ‧ 2023-10-14

0 Like 0 留言 221 瀏覽

技術介紹 Loaders

babel-loader：用於將新版本的JavaScript程式碼（如ES6、ES7）轉換為較舊的版本，以確保瀏覽器的相容性。 style-loader...

jenson ‧ 2023-10-14

0 Like 0 留言 220 瀏覽

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

鐵人賽 Modern Web DAY 13

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

技術 [Day-13] Flask登入功能(5)-註冊

前言前幾天我們已經了解如何將SQLite結合flask login達成登入系統，今天就讓我們實現註冊功能吧!完整程式範例 sign up functio...

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

0 Like 0 留言 217 瀏覽

鐵人賽 Modern Web DAY 8

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

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

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

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

0 Like 0 留言 206 瀏覽

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

技術提升網頁效能 GO GO 2

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

jenson ‧ 2023-10-12

0 Like 0 留言 191 瀏覽

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

技術入口 Entry

Webpack是一個用於建立現代JavaScript應用程式的工具，它透過入口（entry）來指定應用程式的起點。入口告訴Webpack從哪裡開始建立依賴圖並產...

jenson ‧ 2023-10-16

0 Like 0 留言 190 瀏覽

鐵人賽 Modern Web DAY 14

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

技術 [Day-14] Flask登入功能(6)-管理者界面

前言前幾天我們已經完成登入、註冊等功能，然而一般系統都會有管理者，今天就讓我們實現如何簡易的創建管理者，此管理者可以查看目前已註冊的user，並選擇要不要刪除...

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

0 Like 0 留言 188 瀏覽

鐵人賽 Modern Web DAY 15

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

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

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

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

0 Like 0 留言 186 瀏覽

技術安裝 Webpack

以下為安裝步驟： 1.確保你已經安裝了 Node.js 和 npm。如果你尚未安裝 Node.js，請前往 Node.js 官方網站下載和安裝最新的版本。 2...

jenson ‧ 2023-10-13

0 Like 0 留言 186 瀏覽

技術使用 Plugins

是一個比較廣泛的概念，可以概括一些不同的軟體和應用程式。插件通常是用於擴展或增強軟體功能的模組或元件。以下是可能涉及到插件的情境以及如何使用它們的一般步驟：...

jenson ‧ 2023-10-15

0 Like 0 留言 184 瀏覽

鐵人賽 Modern Web DAY 14

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

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

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

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

技術 提升網頁效能 GO GO 1