iT邦幫忙

web相關文章
共有 474 則文章
鐵人賽 開發技術 DAY 20

技術 Django Tutorial for Programmers: 20. CBV Attributes

內容與 diff。 複習一下我們前天說的需求: 1. 已登入的使用者可以在 store detail view 看到一個按鈕,按下去可以根據該店家建立新 ev...

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

技術 視覺格式化模型-格式化上下文

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

鐵人賽 Modern Web DAY 10

技術 Day 10. slate × 架構藍圖

在開始今天的主題前,雖然在前面介紹 Slate 時已經有稍微提到過了,我們還是先從 slate 的各個 packages 分別負責的領域開始介紹起。 sl...

鐵人賽 Cloud DAY 12

技術 OpenStack Horizon

主題 OpenStack Horizon 前言 網路的部分比較深入的內容就後面一點再說了,因為講完路由之後基本上的功能就解決用了很多,那舉凡HA、LB之類的服務...

鐵人賽 Software Development DAY 18
Emacs 來寫程式 系列 第 18

技術 [Emacs-18] 用 Emacs 寫一個 Landing Page

用一個 Landing Page 來介紹 Emacs 功能 我們簡單用一個首頁來介紹 Emacs 的相關功能,完成後的網頁 建立 index.html 用 E...

鐵人賽 開發技術 DAY 3
如何建構網站服務 系列 第 4

技術 D04 怎麼自己寫一個網頁

既然我們已經有空間 也有網址 (沒空間的先參考D02的文章去弄一個空間來吧 那接下來我們就可以開始自己寫網頁了 以前我是會建議先用dreamweaver或fro...

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

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

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

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

技術 【第十一天 - 布林SQL盲注】

Q1. 布林盲注型 SQL 注入是什麼 布林(boolean)盲注型在中國,也稱為布爾盲注 在一些網頁中,並不會顯示資料,只會根據 SQL 語法顯示兩種頁面...

技術 領進前端門,修行在個人:關於本系列文章

前言 這是我第一次參加寫文大賽,以往都只有在iT邦看各位大神的教學文,這次在過年間意外發現六角學院 - 鼠年全馬鐵人挑戰賽這項活動,其實也猶豫了很久才決定參加這...

鐵人賽 其他技術 DAY 22

技術 節能減碳的口號喊了很多年,有識之士醞釀出教育部的補助款,交辦各級院校安裝「電力需量控制系統」,我也參了一腳。

「電力需量控制系統」是啥?IT 界的人知道嗎?應該是「電控」的世界吧! 幾億的經費誰不眼紅,管他原來熟悉哪一領域,大家各顯神通。 雖然系統規格中有個「監視網頁」...

鐵人賽 Modern Web DAY 3

技術 D3JsDay03可縮放向量圖型 不用怕圖片不行—SVG簡介

由於D3Js的組成部分來自於操控SVG(Scalable Vector Graphics),所以簡單介紹一下SVG。 SVG組成是屬於向量圖形(透過電腦計算路徑...

鐵人賽 自我挑戰組 DAY 4

技術 第四天-好用的div

上次介紹完基本的架構了,這次說說塞在body裡面的東西((小聲:不知道塞在其他地方行不行就是了))。 現在好像大家寫網頁的方式都是用包起來寫你要呈現在網頁上的東...

鐵人賽 Modern Web DAY 2

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

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

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

技術 position

文章將陸續整理並更新至個人部落格。 position 語法 position: static | relative | absolute | fixed...

鐵人賽 自我挑戰組 DAY 3

技術 第三天-介紹html基本架構((感覺有點亂七八糟))

今天終於進入到主菜啦!!首先,先介紹一個最基本的網頁架構需要這些東西,請看下圖。開頭要用< html >跟結尾用< /html >給包起...

徵才 【誠徵】軟體開發工程師 (Java程式設計師)

<<鴻揚科技歡迎您>> 【我們在找】軟體開發工程師 (Java程式設計師) 【職務說明】 企業客戶應用系統Java AP程式開發,視專案開發階段,滿足客戶專案...

鐵人賽 影片教學 DAY 11

技術 Web前端基礎 (1/2)

[Day 11] Web前端基礎2.0:有趣的前端技術 (10min)2.1:HTML (22min + 15min)-- HTML URL Encode...

技術 [JS]使用babel 轉譯 ES7 的 Async function(適用於瀏覽器)--1

本篇主旨:透過babel轉譯使用Async function的js檔,使其可在瀏覽器(非Node環境)運行 閱前注意: 本篇為個人使用筆記,為供未來使用,會包...

鐵人賽 開發技術 DAY 3
如何建構網站服務 系列 第 3

技術 D03 StackEdit+droppages

還是之前寫過的教學XD 在這 上一篇有稍微講到markdown 但是只介紹使用notepad++去手動編寫 所以在這篇再介紹一個方便一點的工具StackEdit...

技術 從電子報到網站與 Facebook , 如何規畫"網路動線"

首先說明一下, "網路動線"的想法, 是有關資料傳遞的規劃, 透過網路這種新型態的媒體, 形成一種概念上的動線. 首先要觀察的, 就是網路媒...

鐵人賽 Modern Web DAY 23

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

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

徵才 【誠徵】資深軟體工程師 ( JAVA / .NET )

<<鴻揚科技歡迎您>> 想了解鴻揚的理念,請看鴻揚的介紹影片: 想了解更多鴻揚的訊息,歡迎上鴻揚官網:http://www.hy-tech.com.tw/...

鐵人賽 開發技術 DAY 2
如何建構網站服務 系列 第 2

技術 D02 利用dropbox做為網站空間

之前寫過的文章XD 在這裡 因為已經有現成文章了 就補充一些之前沒講的吧 使用droppages的好處 是他有template也支援markdown 也可以以上...

鐵人賽 Modern Web DAY 1

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

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

技術 梳理useEffect和useLayoutEffect的原理與區別

點擊進入React源碼調試倉庫。 React在構建用戶界面整體遵循函數式的編程理念,即固定的輸入有固定的輸出,尤其是在推出函數式組件之後,更加強化了組件純函數的...

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

技術 【第五天 - Gedit 備份洩漏】

Q1. gedit 是什麼? Gnome 是 Unix-like 作業系統上的一個開源桌面環境,提供豐富而完善的圖形化介面工具滿足使用者的日常所需,如文字編輯...

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

技術 【第六天 - vim 備份洩漏】

Q1. vim 是什麼? 簡單來說, vim 是一種純文字編輯器,是從 vi 發展出的增強版,而 vi 是從 ex 發展出的視覺化文字編輯器, ex 又是從...

技術 分享一個web部署和文件分享免費平台 Pages Drop

平時需要部署個簡單的 HTML 頁面(比如 AI 生成的),或者想快速分享幾張設計稿、用 ZIP 包部署個小網站,大家一般用什麼工具呢?很多時候,不是嫌託管費貴...

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

技術 視覺格式化模型-Box generation(中)

文章將陸續整理並更新至個人部落格。 前言 視覺格式化模型會依據盒子模型(box model)將元素轉換為一個個盒子(box),並且根據盒子的 conta...

鐵人賽 自我挑戰組 DAY 1

技術 第一天-前言(Atom更改安裝目錄)

小弟原本是機械系的,受到國中(喬)同學不斷地鼓吹來學網頁設計,最後被騷擾到只好妥協了((笑))。 不得不說路遠之馬力,日久見人心,那位喬同學深知我的尿性,沒有壓...