html 結構
1.告訴網路爬蟲這個**是關於什麼內容的，方便讓網頁靠前，en是英文，zh是中文
2.這些都是屬於seo方法，讓網頁盡量靠前
3.常用標籤：
:段落標籤 ，:刪除線 ，:加粗 ，:斜體，:位址斜體加換行，:塊容器 ，:行容器,
換行（單標籤），水平線（單標籤）
4.**紅：
5.編輯器裡的空格（回車）很特殊，是英文單詞文字分隔符，來讓電腦區分英文單詞，多個空格只能表示1個空格，而中文漢子不需要空格也能區分
6.html編碼特殊字元： 空格，< <, &gl >
本地絕對路徑：當html和不在同一目錄下，寫全路徑
本地相對路徑：當html和在同一目錄下，只寫名稱和字尾
alt:當無法顯示，位置顯示這段資訊
title:當滑鼠懸浮在上顯示的資訊
action:目標位址url
單標籤：text文字格式,value的值就是預設在輸入框中的資訊，onfocus是當啟用這個框時操作，onblur是當輸入框失去焦點時操作
：password密碼格式
：submit提交，value可以改名字
：radio單選框，裡面加name=""來統一範圍，value用來當傳給後端的數值,checked是預設選項
：checkbox核取方塊
：下拉列表
*** option就是下拉內容，可以多個,如果value有值，以value的值傳送
所有標籤中name是資料名，submit是通過資料名傳給後端，這個必須要寫
12.在網頁f12 console檢視密碼：var div=document.getelementsbytagname('input')[1];
div.value
13.很多網頁搜尋框都有個bug：輸入和框內容一樣的文字，之後失焦再點框就沒文字了
14.瀏覽器分為shell部分和核心2部分
ie:trident firefox:gecko google chrome:webkit/blink safari:webkit opera:presto
15.備註：,可以除錯
css樣式
1.css有3種引入方式：
行間樣式:直接在內標籤裡寫style=""
頁面樣式:在寫
2.網域名稱通過dns解析位址 www.baidu.com--dns--192.168.00.01
3.css選擇器
id選擇器：在標籤裡新增id屬性，css配置裡#id名{}
class選擇器：在標籤裡新增class屬性,css配置裡.class名{}，可以1對多，單個class後面可以新增多個class名，中間加空格
標籤選擇器：直接在css配置裡div{},
萬用字元選擇器：css配置裡寫*{}
屬性選擇器：css配置裡寫[id]，所有id屬性都被選中,也可以[id=""]屬性名加值
優先順序：！important>行間》id>class=屬性選擇器》標籤選擇器》 萬用字元選擇器，class和屬性順序有限,!important是在css屬性值最後面新增
4.css權重：
！important infinity
行間樣式 1000
id 100
class|屬性|偽類（：hover） 10
標籤|偽元素（：before/after｛content：""｝行級元素） 1
萬用字元 0
256進製
5. 父子選擇器：div em{}之間加個空格，父類下所有元素
6.直接子元素選擇器：div>em{},直接下一級元素，瀏覽器選擇方向是從右向左的順序
7.body有個天生的margin=8px
8.位置定位：
position:absolute 絕對定位，只有2個屬性，left/right和top/bottom，釋放原來位置定位，會重疊，相對於最近的有定位的父級定位，如果父級沒有定位，則定位body
position:relative 相對定位，不釋放原來位置，保留原來位置進行定位，改變後的位置可以重疊，相對於開始位置定位，一般用來做參照物
position:fixed:固定定位
z-index:設定層的級別，數字越大就是最高層
9.margin塌陷：垂直margin，父子會粘合到一起，取最大的數值移動，解決方案，可以在父級border-top加根線，或者bfc解決，在父級position：absolute或者overfolw：hidden或者display:inline-block
10.overfolw：hidden，溢位盒子部分隱藏
11.float：left/right 浮動元素，他產生了浮動流，導致塊級元素並且只有塊級元素看不到他們，bfc的元素和文字類屬性元素（帶有inliine的元素）以及文字都能看到浮動元素
12.bfc產生的條件：
float
display
position
13.clear：both，清楚浮動流，只有是塊級元素才能使用clear
14.標籤不能套標籤，標籤不能套標籤
js1.js是解釋性語言，js引擎是單執行緒，ecma標準
2.js三部分：ecma，dom，bom
3.js外部引入檔案：，引用外部檔案就不能再內嵌
4.js原始值：string number boolean undefined null
5.js引用值：引用位址
6.nan不等於任何東西
7.typeof（資料） 返回資料型別，number string boolean object(null) undefined function
8.number() 型別轉換成數字，null轉換成0，undefined轉換成nan
9.parseint() 型別轉換成整數，「123ab」=123，null，undefined都是nan
10.null和undefined沒有tostring方法
11.0.14*100 是bug
12.nodevalue 只可以讀寫text和comment節點
13.nodetype 返回節點型別 1元素節點 2屬性節點 3文字節點 8注釋節點 9document節點
14.document.compatmode() 檢視模式，backcompat是混亂模式，css1compat是標準模式
15.div.style.width 只能讀到行間資料，css，內聯和外聯讀不到
16.window.getcomputedstyle() 獲取元素資訊，可以獲取尾元素
17.鏈結功能有onclick事件，去掉鏈結預設行為
jsp7.error可以在xml配置檔案裡配置，<%@ errorpage %> 優先於配置檔案
ajax
1.建立 new xmlhttprequest()--open(type,url,sych)--onload() 狀態碼readstate一定是4--send
2.onprogress() readstate=3
3.jason裡的key或value字串必須用雙引號
4.從smlhttpresquest資訊中解析json物件資料需要使用json.parse()成物件
前端筆記 2015 8 16
最近重新開始整理以前學過的前端內容，並開始對css3的一些特殊屬性進行記憶。在開始css3的內容之前，有必要對這半年來的有些混亂的前端知識進行一下梳理，以備明年大四的實習之路可以更順利一些。1.1 html html漢語翻譯為超文字標記語言，成為國際標準後，由全球資訊網 w3c 維護。其文件最常見的...
html js jquery 前端筆記
動態新增div ajax實現搜尋功能 search keyup function 在某個div後動態新增div after 新的div jquery怎麼根據某個特定的值動態讓select下的option選中 select val 1 就可以讓下拉框為1的值選中。js實現select動態新增optio...
前端筆記二
type控制input標籤的屬性，以下都是type控制的屬性 文字框 text name 名字 控制項名字 size 數字 控制項的長度 文字框的長度 單位不是畫素 px maxlength 數字 最長字元數 輸入框最多輸入的字數 value 內容字 文字框裡面的初始字 placeholder 內容...