iT邦幫忙

web相關文章
共有 445 則文章
鐵人賽 Modern Web DAY 21

技術 【D21】 小工具:身分證製造機(part 3)-檢查驗證碼

大部分檢查功能已經在昨日做完,剩下的就是最重要的檢查碼,現在來討論一下檢查碼如何做吧!(其實已經逃避兩天了 XD) 檢查碼規則 何謂檢查碼 Checksum 被...

鐵人賽 Security DAY 9
【CTF衝衝衝 - Web篇】 系列 第 9

技術 【第九天 - 數字型 SQL注入】

Q1. SQL 注入 是什麼? SQL 注入攻擊也稱為 SQL injection,網頁有許多功能都需要資料庫,例如會員登入、購物車等,都需要工程師在網頁前...

鐵人賽 Security DAY 19
【CTF衝衝衝 - Web篇】 系列 第 19

技術 【第十九天 - PHP反序列化(1)】

Q1. 什麼是 php 反序列化? 為了讓程式中的物件可以在保存到 persistent database,或者能夠傳輸到其他程式,程式可以將物件的屬性與狀態...

鐵人賽 自我挑戰組 DAY 23
前端新手進化史 系列 第 23

技術 flex 1

文章將陸續整理並更新至個人部落格。 前言 先前介紹格式化上下文(formatting context)時,曾說到 container box 會為其內容...

鐵人賽 Modern Web DAY 4

技術 Day 4. Compare × Generations

經過了三天的文章後,我們總算要進到新的『 Compare 』篇章了。 前兩天我們介紹了 WYSIWYG 一詞本身所代表的涵意,並列舉了一些市面上知名的應用,並接...

鐵人賽 自我挑戰組 DAY 19
前端新手進化史 系列 第 19

技術 視覺格式化模型 - 行內格式化上下文(IFC)

文章將陸續整理並更新至個人部落格。 前言 所有元素(element)都可以生成盒子(box),什麼類型的元素,生成什麼類型的盒子,盒子可以裝盒子,整個版...

技術 企業資料通訊Week4 (2) | HTTP

HTTP 與Web 請求 HTTP,超文本傳輸協定(HyperText Transfer Protocol),是一個Client端(使用者)和伺服器端(網站)之...

鐵人賽 Modern Web DAY 1

技術 名稱與規劃—React生態系 library?framework?

破折號後的題目名稱由來 破折號後的名稱是來自於React繁體中文官方網站<header>的裡面的<h1>小字參見下圖 React是一個...

鐵人賽 影片教學 DAY 10

技術 穿戴物聯應用開發 (2/2)

[Day 10] 穿戴物聯應用開發1.2:Web與物聯網 (21min)-- IoT/Wearable 協定堆疊-- Google Physical Web,...

鐵人賽 Modern Web DAY 23

技術 React route如何運作、建立404的路由、巢狀路由、動態路由

本文提及以下內容 用戶端的路由 傳統路由 react route如何運作 起手式 建立404的路由 巢狀路由 useParams參數 用戶端的路由 用戶端的...

鐵人賽 Modern Web DAY 7

技術 #7 Web Layout: CSS Fundamentals

Final Design CSS Web Layout Tips 1. Horizontally center the text: try text-ali...

技術 React和DOM的那些事-節點更新

點擊進入React源碼調試倉庫。 React的更新最終要落實到頁面上,所以本文主要講解DOM節點(HostComponent)和文本節點(HostText)的更...

鐵人賽 Modern Web DAY 7

技術 D3JsDay07不懂資料格式,那就會我們曾相識,只是不合適—檔案格式介紹

格式介紹 通常你的資料會是檔案、API接口或是一個連結作為D3輸入的資料,這邊就以下常見的資料格式簡單介紹一下 CSV逗號分隔值(Comma-Separated...

鐵人賽 Modern Web DAY 30

技術 #30 No-code 之旅 — 恭喜完賽!

最後一天!禮拜五快樂!恭喜大家完賽!恭喜自己XD 今天來回頭看看我們這三十天學了哪些事,還有講一下未來規劃~ 回顧 來回顧一下這 30 天的文章: 系列文...

鐵人賽 DevOps DAY 13

技術 [前置] 前端ROS Topic資料取得與呈現

在web前端我們簡單使用控制按鈕(button),呼叫ajax非同步去傳送JSON訊息到後端。如同之前所說,啟動車子需要initialpose(type geo...

鐵人賽 Modern Web DAY 7

技術 Day 7. Compare × G2 × Draft

接下來的 Draft 與 Slate 就是提供建立編輯器環境為主的 Framework Library 了,如果對這個名詞不太熟悉的話可以回頭去看 Day5...

技術 [Sass]造輪子-用@mixin做一個簡單的loading動畫

話不多說,先上成果! 思考迴路: 撰寫keyframes使每個點上下移動(transform),我們命名這個keyframe為waving 每個點都具備相同...

鐵人賽 Modern Web DAY 3

技術 Day3 Sideproject(作品集) from 0 to 1 -技術選擇

關於技術選擇 可以先決定也可以題目訂了後再看要用什麼 我們因為想順便學一些比較就業取向的技術 所以就挑react(前端)跟spring boot (後端) 前端...

鐵人賽 Modern Web DAY 5

技術 [DAY5]登入系統製作_Part2

今天我們來做個FailLogin.html的畫面,當我們登入失敗時,我們應該要出現登入失敗的畫面,並且在幾秒之後將網頁導回到登入的畫面!這裡我們可以用HTML的...

鐵人賽 Security DAY 14
【CTF衝衝衝 - Web篇】 系列 第 14

技術 【第十四天 - 堆疊型 SQL注入】

Q1. 什麼是 堆疊型 SQL注入? 堆疊型 SQL注入也稱為 堆查詢注入,英文為 stacked injection 一般 SQL 注入都是 SELECT...

鐵人賽 自我挑戰組 DAY 4
前端新手進化史 系列 第 4

技術 基礎 box model (上)

文章將陸續整理並更新至個人部落格。 想像每個元素都是一個盒子,<html> 像是個超級大盒子,裡面裝著各式各樣的盒子,盒子又可以裝盒子,一個...

鐵人賽 Modern Web DAY 4

技術 #4 CSS Box Model, Selector, Absolute/Relative Position

CSS Box Model Frame & tag design: <div style="padding:10px;width:30...

鐵人賽 自我挑戰組 DAY 24
前端新手進化史 系列 第 24

技術 flex 2

文章將陸續整理並更新至個人部落格。 先前介紹格式化上下文(formatting context)時,曾說到 container box 會為其內容建立格...

鐵人賽 自我挑戰組 DAY 5
前端新手進化史 系列 第 5

技術 基礎 box model (下)

文章將陸續整理並更新至個人部落格。 在上一篇文章 基礎 box model (上) 中,認識了 box model 的長相,這篇將來看看 box mod...

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

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

鐵人賽 Modern Web DAY 4

技術 【D4】 第一個 React :瞭解架構與解析程式

簡單做個 React 的 Hello, world。 官方範例 從昨日的作業中,預設運作中可以看到預設畫面,這時我們去看資料夾可以知道他的結構。 資料夾與檔案解...

鐵人賽 Modern Web DAY 8

技術 D3JsDay08做為視覺化圖表的燃料,從網路擷取檔案的資料—fetch Data

淺談原始碼 D3包裝了Javascript的fetchAPI來擷取資料我們這裡可以看到D3Js的原始碼為以下片段,不難看出它是return了fetchAPI f...

技術 [JS]透過IntersectionObserver達成個別/全頁圖片lazy load

當撰寫顯示多個(例如:展示數百筆廣告)圖片的網頁時,效能與用戶體驗主要有以下課題: 如何節省不必要的加載(不加載使用者還沒看到的) 批次載入圖片(每次載入10...

鐵人賽 Modern Web DAY 13

技術 Compare axios, ajax, fetch

接下來要講前後端怎麼溝通,最常見應該都是用 axios, ajax 或 fetch 來 call api。先講結論,個人推薦使用 axios,那他們又有什麼優缺...

鐵人賽 Modern Web DAY 25
擊敗前端面試大作戰! 系列 第 25

技術 [擊敗前端面試大作戰] 前端面試必考的四題HTTP題

今天來到新的系列!主要會介紹四題必考的 HTTP 或是跟 Web 相關問題! 1. 什麼是 HTTP method?跟 POST,PUT 差別 HTTP 是一...