web_basic
POST vs GET
POST 用于寫操作,GET只用于查詢
POST參數(shù)不限長度,GET受限于URL,URL最長2k
POST請求可以加密更加安全,URL更加干凈
Django處理方法:request.POST["key"]
Flash處理方法:request.form["key"]
被處理為字典
form表單就是要我們輸入一堆數(shù)據(jù)
輸入之后當(dāng)我們點(diǎn)擊提交的時候
她就會發(fā)送一個請求到后端
發(fā)送一個請求到服務(wù)器
請求的動作就是action部分
請求的方式就是method部分
服務(wù)器就會返回一個新的結(jié)果出來
|------------------------------------------|
|GET | POST |
|------------------------------------------|
|sample?a=b&c=d | sample.com |
|------------------------------------------|
| | Content-Type: ... |
| | Content-Lenth: ...|
|------------------------------------------|
| | a=b&c=d |
|------------------------------------------|
總結(jié):POST和GET的區(qū)別:
Form中的get和post方法,在數(shù)據(jù)傳輸過程中分別對應(yīng)了HTTP協(xié)議中的GET和POST方法。二者主要區(qū)別如下:
- Get是用來從服務(wù)器上獲得數(shù)據(jù),而Post是用來向服務(wù)器上傳遞數(shù)據(jù)。
- Get將表單中數(shù)據(jù)的按照variable=value的形式,添加到action所指向的URL后面,并且兩者使用“?”連接,而各個變量之間使用“&”連接;Post是將表單中的數(shù)據(jù)放在form的數(shù)據(jù)體中,按照變量和值相對應(yīng)的方式,傳遞到action所指向URL。
- Get是不安全的,因?yàn)樵趥鬏斶^程,數(shù)據(jù)被放在請求的URL中,而如今現(xiàn)有的很多服務(wù)器、代理服務(wù)器或者用戶代理都會將請求URL記錄到日志文件中,然后放在某個地方,這樣就可能會有一些隱私的信息被第三方看到。另外,用戶也可以在瀏覽器上直接看到提交的數(shù)據(jù),一些系統(tǒng)內(nèi)部消息將會一同顯示在用戶面前。Post的所有操作對用戶來說都是不可見的。
- Get傳輸?shù)臄?shù)據(jù)量小,這主要是因?yàn)槭躑RL長度限制;而Post可以傳輸大量的數(shù)據(jù),所以在上傳文件只能使用Post(當(dāng)然還有一個原因,將在后面的提到)。
- Get限制Form表單的數(shù)據(jù)集的值必須為ASCII字符;而Post支持整個ISO10646字符集。
- Get是Form的默認(rèn)方法。
CSS 基礎(chǔ)
層疊樣式表
作用: 控制頁面樣式
可能出現(xiàn)的三個地方:
- 標(biāo)簽中的style屬性
- 頁面內(nèi)的style標(biāo)簽
- link指向單獨(dú)的CSS文件
color 如果沒有特殊說明都是指字體的顏色
03.html r14 style部分就是css規(guī)則編寫的代碼
style標(biāo)簽
form指的是下面的form標(biāo)簽
form input 空格標(biāo)示直屬關(guān)系 form里面的input
,表示并列關(guān)系
form input[type=text], input[type=password] {
border-radius: 10px;
翻譯: form里面的input輸入框,類型是文字或者密碼的這部分標(biāo)簽被選中
對于他們來說他們的圓角半徑是10px
style標(biāo)簽寫在任何地方都可以,一般寫在頭
從外部引入css文件
rel -- relationship
href -- 鏈接指向的屬性
指向03.css
javascript 基礎(chǔ)
作用:控制頁面的行為
可能出現(xiàn)的位置:
- 標(biāo)簽中的事件屬性,如onclick,onblur,href等
- 頁面中的script標(biāo)簽
- script標(biāo)簽引用其他js文件
<div id="simpleLabelArea" class="section" onclick="javascript: document.getElementById('simpleLabelArea').style.backgroundColor='blue'">
clickon 后面一個字符串就是代碼
javascrpt: 后面準(zhǔn)備寫一段js的代碼了
document 整個頁面
getElementById 通過id來查詢元素
style.backgroundColor 樣式里面的背景色
翻譯:我在這個文檔中找到id為simpleLabelArea的標(biāo)簽,把他樣式中的背景色設(shè)置為藍(lán)色
javascript標(biāo)簽
console javascript終端
console.log() 終端中打日志 終端中輸出a的值
<script type="text/javascript" src="04.js"></script>
引入04.js
alert 就是彈框