- bootstrap
柵格尺寸：
- lg：大于1200px （桌面大屏）
- md：大于等于992px（一般顯示屏）
- sm：大于等于768px（平板）
- xs：小于768px（手機）
- css優(yōu)先級
- 外部樣式 < 內部樣式 < 內聯(lián)樣式
例外情況：在HTML文件中引入的外部樣式在內部樣式之后漏策，會覆蓋內部樣式 - 選擇器優(yōu)先級
按權重大小排列：內聯(lián)樣式：1000, id：0100, class：0010,
tag和偽類：0001缩赛，通配符：0000
其中沿腰！important脫離權重呛踊，但是優(yōu)先級最高
- 引入css文件方式
一般方式有兩種：<link>標簽和@import
- link標簽是xhtml標簽钞诡，@import引入css的一種方式
- 加載順序的差別：link會在界面被加載的時候link引用的css樣式會同時被加載祟昭，@import會在界面完全被加載完成后再加載所有樣式静汤，當網(wǎng)速慢的時候就會出現(xiàn)網(wǎng)站開始沒有任何樣式或者閃爍不停的狀況飘诗。
- 語法
//link 在html文件中
<link href="CSSurl路徑" rel="stylesheet" type="text/css" />
//@import 在html文件中
<style type="text/css">
@import url(CSS文件路徑地址);
</style>
//@import在css文件中
@import url(CSS文件路徑地址);
js嚴格模式和一般模式的區(qū)別
use strict是一種ECMAscript 5 添加的（嚴格）運行模式,這種模式使得 Javascript 在更嚴格的條件下運行,使JS編碼更加規(guī)范化的模式,消除Javascript語法的一些不合理、不嚴謹之處郊丛，減少一些怪異行為浩蓉。css偽類（before和after）
beofre：指定的元素內容（而不是元素本身）之前插入一個包含content屬性指定內容的行內元素
after：指定的元素內容（而不是元素本身）之后插入一個包含content屬性指定內容的行內元素localstorage、sessionstorage宾袜、cookie
- localstorage和sessionstorage在本地存儲數(shù)據(jù)，其中l(wèi)ocalstorage存儲持久數(shù)據(jù)驾窟，即使瀏覽器關閉依舊存在庆猫，除非手動刪除;sessionstorage在瀏覽器關閉時自動刪除數(shù)據(jù)。localstorage和sessionstorage大小一般不超過5M
- cookie在瀏覽器端和服務器端來回傳遞數(shù)據(jù)绅络，每次會存放在http頭部月培，cookie一般會設置過期時間嘁字，時間一到就會清除數(shù)據(jù)。cookie存儲大小不超過4k
- 使用場景：
- localstorage一般用來統(tǒng)計頁面訪問次數(shù)
- sessionstorage一般用來統(tǒng)計當前頁面某個元素的點擊次數(shù)
- cookie一般用來存儲登錄系統(tǒng)的用戶名密碼等信息
- cookie和session
- cookie是客戶端保存用戶信息的一種機制杉畜，用來記錄用戶的一些信息纪蜒，通過設定的過期時間定期清除，如果未設定過期時間此叠，在瀏覽器關閉時清除纯续。同時cookie也是實現(xiàn)session的一種方式
- session是服務端保存的一種數(shù)據(jù)結構，用來追蹤用戶狀態(tài)灭袁，這個數(shù)據(jù)可以保存在文件猬错、數(shù)據(jù)庫中。
- html中嚴格模式和混雜模式
- <!DOCTYPE>聲明位于位于HTML文檔中的第一行茸歧，處于 <html> 標簽之前倦炒。告知瀏覽器的解析器用什么文檔標準解析這個文檔DOCTYPE不存在或格式不正確會導致文檔以兼容模式呈現(xiàn)。
- 標準模式的排版 和JS運作模式都是以該瀏覽器支持的最高標準運行软瞎。在兼容模式中逢唤，頁面以寬松的向后兼容的方式顯示,模擬老式瀏覽器的行為以防止站點無法工作。
