HTML5
1.語(yǔ)義化網(wǎng)頁(yè)意義和結(jié)構(gòu)
2.本地存儲(chǔ)特性==》localstorage金踪,比如搜索商品歷史記錄,會(huì)存在localstorage
APP cache凿试、IndexDB
3.多媒體:video標(biāo)簽實(shí)現(xiàn)視頻宽涌,audio標(biāo)簽實(shí)現(xiàn)播放器
拋棄flash實(shí)現(xiàn)動(dòng)畫的方案,比如騰訊視頻腰鬼,是用video標(biāo)簽然后里面一些src
4.2D/3D繪圖效果:canvas嵌赠、svg、webGL矢量化的圖形
5.瀏覽器層面:webRTC == web realtime實(shí)時(shí) communication 實(shí)時(shí)網(wǎng)絡(luò)通信
webSockts ==》 sockt.io http協(xié)議不同熄赡,在服務(wù)端和客戶端間建立長(zhǎng)連接
Server-Sent
h5 新增標(biāo)簽:header nav footer article section aside dialog audio video
h5 input新增屬性 color data datatime 姜挺。。彼硫。
瀏覽器本地存儲(chǔ)中炊豪,cookie和localStorage有什么區(qū)別?localStorage如何存儲(chǔ)和刪除數(shù)據(jù)拧篮。
Request Headers報(bào)文頭會(huì)和本地內(nèi)容一起發(fā)送到服務(wù)端词渤,服務(wù)器拿到后進(jìn)行解析。
服務(wù)端讀取cookie來(lái)知道發(fā)起網(wǎng)絡(luò)請(qǐng)求的是誰(shuí)串绩,報(bào)文頭cookie可以用來(lái)標(biāo)識(shí)用戶的身份缺虐。cookie用來(lái)完成登陸注冊(cè)功能。cookie進(jìn)行服務(wù)端和客戶端交互礁凡。
localStorage是本地存儲(chǔ)高氮,不會(huì)出現(xiàn)在網(wǎng)絡(luò)請(qǐng)求中慧妄。永久存儲(chǔ),除非手動(dòng)刪除剪芍。
localStorage.setItem('a',1);
localStorage.getItem('a');
localStorage.remove('a');
相同點(diǎn):同源策略
區(qū)別:
cookie:4K腰涧;主要用于http請(qǐng)求;有過(guò)期時(shí)間紊浩,比如登錄注冊(cè)窖铡,注銷就立刻過(guò)期
localStorage: 5M;主要用于離線存儲(chǔ)坊谁,比如用戶搜索了什么费彼;永久存儲(chǔ)
CSS3
2D動(dòng)畫:transform:rotate旋轉(zhuǎn);translate偏移口芍;scale拉伸
3D動(dòng)畫:transform:rotateX(60deg)