iT邦幫忙

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

技術 什麼是Flux設計、實作簡單ATM範例了解Redux三大原則feat.vanilla Javascript

本文提及以下內容 前言 flu字根 flux設計模式-單向資料流 傳統MVC所遇到的問題 flux的角色 flux優點 Redux 動機 三大原則...

鐵人賽 Modern Web DAY 21

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

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

鐵人賽 Modern Web DAY 20

技術 【D20】 小工具:身分證製造機(part 2)-身分證檢查功能

已經瞭解規則,接著就開始製作身分證製造機的作業。在開始前,先做個檢查機制,檢查我們的身分證號碼是否正確,也就是 TDD 的精神,這樣才能確認我們的身分證製造機產...

鐵人賽 Modern Web DAY 20

技術 從實作To Do List理解useState搭配useReducer運作模型—(附圖)(中)

本文將以實作To Do List理解Listing State Up包含以下部分 useContext運作模型—圖解 useReducer運作模型—圖解 資料...

鐵人賽 Modern Web DAY 19

技術 從實作To Do List理解Listing State Up(附圖)(上)

本文將以實作To Do List理解Listing State Up包含以下部分 component拆分—圖解 lifting-state說明 重要概念 具體...

鐵人賽 Modern Web DAY 17

技術 解決propDrilling問題—簡化consumer的useContext

本文章將提及以下內容 props傳遞的遇到什麼問題—propDrilling 使用context解決propDrilling Setp1 創建context...

鐵人賽 Modern Web DAY 16

技術 Postman challenge Day 15 - 輸出檔案 (Write to file)

今日主題 在前面章節中,曾介紹過使用Postman Console來輸出偵錯的資訊,但有時候會希望能把這些資訊或是請求的結果輸出成檔案,用來統一蒐集紀錄進而分析...

鐵人賽 DevOps DAY 13

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

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

鐵人賽 Modern Web DAY 4

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

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

鐵人賽 Modern Web DAY 4

技術 [Day 04] 參見Django的三大將之一: Model

嗨大家好,我是Sean!來到了本系列的第四天,真是可喜可賀!經過昨天我們剛建立完django專案,回過頭來,接續前天講到django的MTV架構,今天來進一步熟...

鐵人賽 Modern Web DAY 3

技術 為什麼需要模組化?—ESModule模組介紹、React整理code技法與基本技巧

本文重點將會以ES6的Module為主 文章將會提到以下幾點 簡述Moduel歷史 什麼是module 基本用法 具名匯出、預設匯出 default匯出就像具...

鐵人賽 Modern Web DAY 2

技術 解構賦值Destructuring assignment—為什麼需要和用途

什麼是解構賦值?根據MDN-Destructuring assignment的說法,他是一種把陣列或物件解開擷取成為獨立的變數。 這篇文章將會提到以下幾點 為...

鐵人賽 Modern Web DAY 2

技術 【D2】 初探 React

React 的超級簡介 React 網路上有很多介紹與教學,這邊就不做太多介紹。 React.js 是免費的開放原始碼前端 JavaScript 工具庫,是由...

鐵人賽 Modern Web DAY 1

技術 Day01:系列文大綱

Day01:系列文大綱 關於我 大家好我是 Michael Ho 這是我第一次參加鐵人賽,由於這次是我第一次參加,所以我想挑戰一些有挑戰性的主題。在講講今天的主...

鐵人賽 Modern Web DAY 2

技術 【Day02】什麼是防禦性 CSS?

在海賊王這部漫畫當中,有一個高人氣的反派角色,夏洛特·卡塔庫栗,他是 BIG MOM 海賊團「甜點三將星」之首、四皇「BIG MOM」夏洛特·莉莉的次子。 我...

鐵人賽 Modern Web DAY 1

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

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

鐵人賽 Modern Web DAY 13

技術 Compare axios, ajax, fetch

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

技術 一文說請什麼是GIS

地理資訊系統(英語:Geographic Information System,縮寫:GIS)這是一套系統,專門用來模擬地理資訊的系統;(以前是地球,現在也可以...

徵才 【徵才】【北京知名AR衍射光波导&光栅专家】Web前端开发

【公司服務項目】二十余年的光栅领域科研成果进行产业转化,致力于增强现实衍射光波导光学显示模组及衍射光栅的研发、生产和销售。公司已建成一支由教育部长江学者、国家杰...

鐵人賽 Modern Web DAY 30

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

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

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

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

技術 【ModernWeb'21 VIRTUAL EVENT 議程整理】(非官方)

ModernWeb 是臺灣網站技術人的年度盛會,有許多 Web 技術高手分享經驗,今年同樣採線上的方式,10/12~10/28 每日 14:00 開播,有許多有...

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

技術 【第二十一天 - Javascript】

Q1. 什麼是 Javascript ? Javascript 是一種腳本語言,可以動態的更新頁面內容、控制多媒體... 網頁前端主要由三個部分組成 組織頁...

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

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

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

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

技術 【第十八天 - 命令執行】

Q1. 什麼是命令執行 指令是與電腦互動的一種方式,一般來說作業系統會包含至少一個 Shell 程式,例如 Linux 常見的 bash 、 Windows...

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

技術 【第十七天 - 文件讀取漏洞】

Q1. 什麼是文件讀取漏洞? 駭客可以透過一些手段讀取無授權的檔案,時常作為資訊收集的一種手段,例如伺服器的配置、密鑰、伺服器資訊等 工程師開發時,若文件讀取...

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

技術 【第十六天 - XSS】

Q1. 什麼是 XSS? 跨網站指令碼(Cross-Site Scripting,通常簡稱為XSS) 駭客在瀏覽器插入惡意 Javascript,一旦受害者的...

鐵人賽 Modern Web DAY 15

技術 Day15 Sideproject(作品集) from 0 to 1 -刻畫面

昨天把整個專案架起來了今天我們就可以開始來刻畫面了 這邊也要提一下之前我們其實是直接開寫 先從會員登入註冊開始然後慢慢想到什麼做什麼畫面也超亂的 因為第一次寫r...

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

技術 【第十五天 - SSRF】

Q1. 什麼是 SSRF? SSRF (Server Side Request Forgery),也就是服務端請求偽造 一般情況下,企業內部會有 server...

鐵人賽 Modern Web DAY 14

技術 Day014 X Code Splitting & Dynamic Import

Code Splitting 是一個非常重要的觀念,現代網頁程式漸漸走向使用框架以模組化方式來開發,通常會透過如 webpack 等 bundler 來 ug...