Notepad++使用

1. 顯示/隱藏工作區(qū) :視圖中勾選

2. 關(guān)鍵操作

   1. add 添加
   2. remove/remove All 指定文件移除/全部移除
   3. copy path 路徑拷貝
   4. explorer here 打開(kāi)當(dāng)前文件夾
   5. run by system 運(yùn)行當(dāng)前文件

3. 語(yǔ)言選擇菜單:根據(jù)我們使用的選擇對(duì)應(yīng)的編程語(yǔ)言:Html

4. 編碼:UTF-8

5. 新建文件的三種方式

   
   
   新建文件三種方式

6. 瀏覽文件:工作區(qū)之間雙擊

前端頁(yè)面

標(biāo)簽三要素

1. 標(biāo)簽名
2. 屬性
3. innerHtml 標(biāo)簽內(nèi)部
4. Html :超文本標(biāo)記語(yǔ)言
5. 一個(gè)頁(yè)面三個(gè)主要的標(biāo)簽 :
   1. html 描述頁(yè)面的格式
   2. head 頁(yè)面的頭部信息
   3. body 頁(yè)面的正文
6. 常用控件

input標(biāo)簽:

type = "text"  文本輸入框
type = "file"   文件上傳框
type = "radio"  單選框
type = "checkbox"  多選
type = "button"    普通按鈕
type = "submit"   提交按鈕
type = "reset"   重置按鈕
type=“date”      日期
type=“time”      時(shí)間
type=“number”  數(shù)值輸入框
type=“password” 密碼輸入框

其他標(biāo)簽

    textarea      文本輸入?yún)^(qū)
    img             圖片
    select         下拉框
option        下拉選項(xiàng)
    audio          音頻
    video          視頻
    a                超鏈接

常見(jiàn)操作控件

Fiddler使用:

image.png

1. 菜單欄
2. 工具欄
3. 請(qǐng)求列表
4. 請(qǐng)求
5. 響應(yīng)

6. 開(kāi)始,停止抓包 點(diǎn)擊 Capturing
   image.png
7. 點(diǎn)擊Filters-點(diǎn)擊use filters--show only following hosts :格式 "ip1;ip2;"
8. 查看請(qǐng)求 : 選中請(qǐng)求--點(diǎn)擊 inspectors--點(diǎn)擊 raw

9. 查看響應(yīng): 選中請(qǐng)求--點(diǎn)擊 inspectors----點(diǎn)擊 raw

   
   
   查看請(qǐng)求響應(yīng)
10. 請(qǐng)求包含那幾部分:請(qǐng)求行,請(qǐng)求頭,請(qǐng)求正文
11. 響應(yīng)包含那幾部分:響應(yīng)行,響應(yīng)頭,響應(yīng)正文

xmind

image.png