iT邦幫忙

modern web相關文章
共有 399 則文章
0 Like 0 留言 267 瀏覽
鐵人賽 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 留言 223 瀏覽
鐵人賽 Modern Web DAY 16
Flask30天教學-從入門到入土 系列 第 16 篇

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

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

samwang1228 ‧ 2023-09-24 ‧團隊卍乂煞氣a工程師乂卍
0 Like 0 留言 319 瀏覽
鐵人賽 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 留言 184 瀏覽
鐵人賽 Modern Web DAY 15
Flask30天教學-從入門到入土 系列 第 15 篇

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

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

samwang1228 ‧ 2023-09-23 ‧團隊卍乂煞氣a工程師乂卍
0 Like 0 留言 364 瀏覽
鐵人賽 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 留言 162 瀏覽
鐵人賽 Modern Web DAY 7
Django 與 Strawberry GraphQL：探索現代 API 開發之路 系列 第 7 篇

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

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

jasonxie ‧ 2023-09-22 ‧團隊狗狗與睡袋的產地
0 Like 0 留言 184 瀏覽
鐵人賽 Modern Web DAY 14
Flask30天教學-從入門到入土 系列 第 14 篇

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

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

samwang1228 ‧ 2023-09-22 ‧團隊卍乂煞氣a工程師乂卍
0 Like 1 留言 336 瀏覽
鐵人賽 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 留言 1159 瀏覽
鐵人賽 Modern Web DAY 21
用不到 30 天學會基本 TypeScript 系列 第 21 篇

技術 泛型（Generics）

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

威爾豬 ‧ 2023-09-21
0 Like 0 留言 205 瀏覽
鐵人賽 Modern Web DAY 13
Flask30天教學-從入門到入土 系列 第 13 篇

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

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

samwang1228 ‧ 2023-09-21 ‧團隊卍乂煞氣a工程師乂卍
0 Like 0 留言 283 瀏覽

技術 渲染技術的變遷

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

jenson ‧ 2023-09-21
1 Like 1 留言 431 瀏覽
鐵人賽 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
0 Like 0 留言 276 瀏覽

技術 網頁架構的變遷

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

jenson ‧ 2023-09-20
0 Like 0 留言 566 瀏覽
鐵人賽 Modern Web DAY 12
Flask30天教學-從入門到入土 系列 第 12 篇

技術 [Day-12] Flask登入功能(4)-登入範例

前言 前幾天我們已經了解SQLile、flask login了今天就讓我們串起來吧!完整程式 範例 appsecret_key(當要使用flask sees...

samwang1228 ‧ 2023-09-20 ‧團隊卍乂煞氣a工程師乂卍
0 Like 0 留言 228 瀏覽
鐵人賽 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 1 留言 415 瀏覽
鐵人賽 Modern Web DAY 4
30天React練功坊-攻克常見實務/面試問題 系列 第 4 篇

技術 30天React練功坊-攻克常見實務/面試問題 Day4: Way too many state in a component

tags: ItIron2023 react 前言 昨天我們配合了兩個hook去理解react render的機制以及一些useState & useE...

windate3411 ‧ 2023-09-19
0 Like 0 留言 336 瀏覽
鐵人賽 Modern Web DAY 4
Django 與 Strawberry GraphQL：探索現代 API 開發之路 系列 第 4 篇

技術 Day 4：使用 Strawberry 學習 GraphQL 型別 – 1

首先先將之前”安裝 Strawberry 環境”所建立的開發環境開啟。 $ cd strawberry-tutorial 這個時候專案目錄的結構應該會是像下面...

jasonxie ‧ 2023-09-19 ‧團隊狗狗與睡袋的產地
0 Like 1 留言 336 瀏覽
鐵人賽 Modern Web DAY 11
Flask30天教學-從入門到入土 系列 第 11 篇

技術 [Day-11] 登入功能(3) flask login

前言 在昨天教導大家如何建立database至於接下來終於來到重頭戲，我將帶大家使用flask login來實現登入功能。 介紹 Flask-Login 是 F...

samwang1228 ‧ 2023-09-19 ‧團隊卍乂煞氣a工程師乂卍
0 Like 0 留言 541 瀏覽
鐵人賽 Modern Web DAY 3
30天React練功坊-攻克常見實務/面試問題 系列 第 3 篇

技術 30天React練功坊-攻克常見實務/面試問題 Day3: Uncaught TypeError: Cannot set properties of undefined

tags: ItIron2023 react 前言 昨天我們再次探討了一些基本的useState觀念以及react的一些render邏輯，基本上你只要知道第一天...

windate3411 ‧ 2023-09-18
0 Like 0 留言 444 瀏覽
鐵人賽 Modern Web DAY 10
Flask30天教學-從入門到入土 系列 第 10 篇

技術 [Day-10] flask登入功能(2) 串接SQLite

前言 昨天我們介紹了如何在SQLite根據sql創建database，至於要怎麼在flask使用這個database呢?今天將帶大家實作。 範例 建立資料庫...

samwang1228 ‧ 2023-09-18 ‧團隊卍乂煞氣a工程師乂卍
0 Like 0 留言 371 瀏覽
鐵人賽 Modern Web DAY 3
Django 與 Strawberry GraphQL：探索現代 API 開發之路 系列 第 3 篇

技術 Day 3：GraphQL 型別系統

GraphQL 就如同程式語言一樣有型態跟物件等概念，在這次的內容當中將介紹 GraphQL 的型別系統，首先看到以下整個 GraphQL 型別系統的基本元素示...

jasonxie ‧ 2023-09-18 ‧團隊狗狗與睡袋的產地
0 Like 0 留言 688 瀏覽
鐵人賽 Modern Web DAY 17
用不到 30 天學會基本 TypeScript 系列 第 17 篇

技術 void VS. never

在上一個章節中，我們知道如果函式沒有返回值的話，可以使用 void 型別，今天我們來比較 void 和 never 的不同的情境和用途，雖然它們看起來相似，但它...

威爾豬 ‧ 2023-09-17
0 Like 0 留言 515 瀏覽
鐵人賽 Modern Web DAY 2
Django 與 Strawberry GraphQL：探索現代 API 開發之路 系列 第 2 篇

技術 Day 2：安裝 Strawberry 環境

環境準備 Python：3.11.1 套件管理：Poetry（1.6.1） 本文使用環境為 Apple Silicon，並使用 pyenv 安裝 Pytho...

jasonxie ‧ 2023-09-17 ‧團隊狗狗與睡袋的產地
0 Like 0 留言 382 瀏覽
鐵人賽 Modern Web DAY 9
Flask30天教學-從入門到入土 系列 第 9 篇

技術 [Day-9] flask登入功能(1) 使用SQLite

前言 接下來的三天將會帶大家做登入、註冊、管理者等功能，然而需要這些功能就必須有database了，而我們將會使用SQLite實作。 介紹 SQLite 是一個...

samwang1228 ‧ 2023-09-17 ‧團隊卍乂煞氣a工程師乂卍
0 Like 0 留言 226 瀏覽
鐵人賽 Modern Web DAY 2
一起進入網頁後端的世界吧 Restful Api 啟動 ! 系列 第 2 篇

技術 day2 - 介紹API與Restful API

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

小酌 ‧ 2023-09-17 ‧團隊原神 啟動！
0 Like 0 留言 335 瀏覽
鐵人賽 Modern Web DAY 1
Angular 微前端實戰 module federation with nx monorepo 系列 第 1 篇

技術 Day 1 前言 微前端 Micro Frontend 前世今生

Micro Services 是2014年大神Martin Fowler和James Lewis提出的概念在現今雲端化 容器化的web世界 已是家餘戶曉的主流架...

ianwang83382784 ‧ 2023-09-16
0 Like 0 留言 1021 瀏覽
鐵人賽 Modern Web DAY 1
30天React練功坊-攻克常見實務/面試問題 系列 第 1 篇

技術 30天React練功坊-攻克常見實務/面試問題 Day1: setState isn't working with push method

tags: ItIron2023 react 前言 總算又到了今年的鐵人賽了，今年的主題其實讓我掙扎很久，原先我是打算寫一些前端AI工具使用或是一些框架的深度技...

windate3411 ‧ 2023-09-16
1 Like 1 留言 311 瀏覽
鐵人賽 Modern Web DAY 1
Django 與 Strawberry GraphQL：探索現代 API 開發之路 系列 第 1 篇

技術 Day 1：關於 GraphQL

起源 GraphQL 是一種 API 查詢語言，Facebook 在 2012 年創造出來，並在 2015 年開源，然後在 2019 年 Facebook 與其...

jasonxie ‧ 2023-09-16 ‧團隊狗狗與睡袋的產地
0 Like 0 留言 213 瀏覽
鐵人賽 Modern Web DAY 8
Flask30天教學-從入門到入土 系列 第 8 篇

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

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

samwang1228 ‧ 2023-09-16 ‧團隊卍乂煞氣a工程師乂卍
0 Like 0 留言 219 瀏覽
鐵人賽 Modern Web DAY 1
一起進入網頁後端的世界吧 Restful Api 啟動 ! 系列 第 1 篇

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

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

小酌 ‧ 2023-09-16 ‧團隊原神 啟動！
iThome鐵人賽
參賽組數
1123 組
團體組數
52 組
累計文章數
23096 篇
完賽人數
656 人
iT+看影片追技術 看影片追技術 看更多
熱門tag 看更多
15th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽 鐵人賽 2019鐵人賽 2018鐵人賽 javascript 2017鐵人賽 python windows php c# windows server linux css 程式設計 react vue.js
熱門問題
熱門回答
熱門文章
IT邦幫忙