iT邦幫忙

web相關文章
共有 460 則文章
鐵人賽 Modern Web DAY 28

技術 Day 28:將個人網站佈署到Vercel

在現代網頁開發中,將網站快速且高效地部署到互聯網上是每位開發者的目標之一。Vercel 作為一個強大的部署平台,提供了簡單易用的工具,幫助開發者輕鬆地將應用程式...

技術 學習如何開發web-9

DOM操作學習1 1. DOM的概念 DOM(Document Object Model)是瀏覽器中把HTML或XML文件結構化為樹狀結構的API,它使開發者能...

技術 學習如何開發web-8

JavaScript基礎學習2 4. 函數 函數是JavaScript中的核心功能,用於封裝重複邏輯。函數可以是有名函數或匿名函數,也可以使用箭頭函數來定義簡潔...

技術 學習如何開發web-6

CSS框架與響應式設計 1. CSS框架概述 CSS框架是一套預先定義好的樣式和佈局規則,能幫助開發者快速建立一致且美觀的網頁,而不必從零編寫樣式。使用CSS框...

技術 學習如何開發web-5

CSS排版與佈局 1. CSS盒模型(Box Model) CSS盒模型是理解元素佈局的基礎,所有HTML元素都可以看作一個盒子,包含以下幾個部分: 內容...

技術 學習如何開發web-4

CSS進階 CSS特異性與層疊(Cascading)CSS特異性:當多個選擇器應用於同一個元素時,瀏覽器根據選擇器的特異性決定哪一條樣式規則生效。特異性計算...

技術 學習如何開發web-3

CSS基礎學習筆記 CSS基本概念CSS(Cascading Style Sheets):用於設計網頁的外觀和佈局。它使我們能夠將樣式與HTML結構分離,從...

技術 學習如何開發web-2

HTML基礎學習筆記 HTML基本結構< !DOCTYPE html>:告訴瀏覽器這是一個HTML5文檔。< html>:整個HTM...

技術 學習如何開發Web-1

了解web基礎 HTTP/HTTPS 協議了解HTTP(超文本傳輸協議)是Web通信的核心協議。HTTP與HTTPS的區別,後者使用加密技術保護數據傳輸。...

鐵人賽 自我挑戰組 DAY 18
JCConf 2024 系列 第 22

技術 Ktor 3.0 入門:簡述 Ktor 的架構及 3.0 版本的主要特點

本屆 #JCConf 邀請到 Recca Chao 分享「Ktor 3.0 入門:簡述 Ktor 的架構及 3.0 版本的主要特點」 講題簡介:本演講將介紹...

鐵人賽 Software Development DAY 2

技術 DAY2 Internet是如何運作?跟web是一樣的東西嗎?

前言 對於小白的我來說,在剛進入後端領域時,很多東西都是傻傻分不清楚,在我最一開始的認知中, Internet 與 Web 似乎也只是同樣的東西,只是換個稱呼而...

鐵人賽 Kubernetes DAY 22

技術 [Day 22] K8S Lab - 基於 MS COCO 的圖像分類系統 (5)

目前設計結果如下 更動的部份包括 Button Class Summary Each item information 程式碼的部份可以參考 Githu...

鐵人賽 Kubernetes DAY 21

技術 [Dya 21] K8S Lab - 基於 MS COCO 的圖像分類系統 (4)

User Interface 有點陽春 今天來簡單設計一下 Icon Icon 的來源是 CoCo Datset 裡面 Overview 的 icon 下面是...

技術 以Rust開發一個網站,不是網頁喔!

前言 上一篇【Rust程式語言兼具Python與C優點】介紹Rust程式語言特點,這次我們透過程式實際見證它的威力,以Rust開發一個網站,可以提供各式的網頁(...

鐵人賽 Kubernetes DAY 16

技術 [Day 16] K8S Lab - 客製化 Web 應用

在 Kubernetes 集群中,我們可以部署一個自定義的 Web 應用,並進行擴展。 本文將介紹如何使用 index.html 文件來客製化 Web 應用,並...

技術 我從 Angular 中分離出來依賴註入:`static-injector`

Angular 中的依賴註入確實非常好用,可以使服務之間的依賴關系變得更加靈活和可復用 但是只能在 Angular 中的使用限製了他的發揮,需要讓他在所有 n...

技術 五原則四實踐,REST API安全性請謹記

雲端原生和微服務架構等技術的普及讓API受到越來越大的重視。那麼當應用程式開始上雲,各項需求都可以透過雲端服務滿足的情況下,應用程序,尤其基於雲端API的應用程...

技術 [AI] screenshot-to-code ( AI透過一張截圖就能克隆出網站)

https://github.com/abi/screenshot-to-code 預期進行工作 :1.獲取 open ai key2.前台架設3.後台架設 (...

技術 [前端] Eruda 內嵌在網頁的DevTools

https://eruda.liriliri.io內嵌後可直接在web開啟查看console.log , network google 搜尋"erud...

鐵人賽 Software Development DAY 30

技術 Day30 - 總結與回顧

當初會參加鐵人賽是因為朋友的邀請,雖然剛開賽我就後悔了,因為沒有庫存每天日更的生活實在是太辛苦了,沒想到我居然完賽了,真的是連我自己都驚訝。在更新的過程中還有一...

鐵人賽 Software Development DAY 29

技術 Day29 - CORS 跨域資源共用

前言 今天我們會介紹 CORS 是什麼,以及如何處理相關設定。 什麼是 CORS CORS 是跨域資源共用的簡稱,他是用來限制我們的資源(API)只能被哪些網頁...

鐵人賽 Software Development DAY 28

技術 Day28 - 依據使用者顯示不同的資料

前言 目前我們的任務列表沒有紀錄建立人,所以雖然要登入才能建立任務,但是無法區分是誰建立的,也無法限制大家只能調整自己的任務。今天我們要來做的事情就是要讓大家只...

鐵人賽 Software Development DAY 27

技術 Day27 - 檔案上傳

前言 今天我們來做一下檔案上傳的功能,畢竟我們的任務除了說明以外最好還可以有附件的功能。 修改 Model 讓我們編輯 server/app/todo/mode...

鐵人賽 Software Development DAY 26

技術 Day26 - 客製化 Model 欄位

前言 之前我們提到任務的 created_at 與 updated_at 兩個欄位因為產生欄位值的時間點有一點點誤差,導致兩個時間不一致的問題。今天讓我們用客製...

鐵人賽 Software Development DAY 25

技術 Day25 - Query N+1 問題

前言 昨天我們裝了 django-extensions 這個套件,為了是方便今天我們觀察 Query N+1 的問題,Query N+1 問題會造成 API 與...

鐵人賽 Software Development DAY 24

技術 Day24 - 使用 django-extensions 協助開發

前言 前面我們有使用 Django 與 DRF 的一些基礎功能了,但其實有些功能上不是太方便,例如 Admin 系統的設定都要自己打,獲釋每次使用 Django...

鐵人賽 Software Development DAY 23

技術 Day23 - 實作 Category 相關功能

前言 昨天講了一個比較複雜的操作,今天我們來做一點點輕鬆的,順便當作複習前面的,今天要的是把分類相關的功能實作完成吧。 Serializer 首先是序列化讓我們...

鐵人賽 Software Development DAY 22

技術 Day22 - 客製化遷移檔(migration)

前言 昨天我們已經模擬了幾個新增欄位的情境,今天我們要來模擬如何在欄位中加入不能指定一次性預設值的欄位吧! 今天我們要模擬的情境是,假設今天需要加入一個「分類」...

鐵人賽 Software Development DAY 21

技術 Day21 - 在已存在的 Model 中加欄位

前言 前兩天我們學會了如何做篩選,今天讓我們來看看如何在已存在的 Model 中加上欄位吧!雖然前面已經有在 Task Model 中加上 is_finish...

鐵人賽 Software Development DAY 20

技術 Day20 - 進階篩選(Filter)

前言 昨天我們說明了如何做了篩選,但其實只講了一部分,我們今天繼續來做跟篩選相關的吧! 使用 FilterSet 昨天我們都是直接在 ViewSet 中設定要篩...