1、fileReader實(shí)現(xiàn)讀取文件、文件上傳預(yù)覽 -> <input type="file" >
2、webSocket協(xié)議 ->?HTML5 提供的一種在單個 TCP 連接上進(jìn)行全雙工通訊的協(xié)議
HTTP協(xié)議(超文本傳輸協(xié)議)：應(yīng)用層的傳輸協(xié)議，規(guī)定傳輸格式(web瀏覽器如何從web服務(wù)器獲取文檔和向web服務(wù)器提交表單內(nèi)容等)? ->?目前都基于HTTP/1.1版本
(1).HTTP協(xié)議的首個版本是HTTP/0.9,其是一種為互聯(lián)網(wǎng)原始數(shù)據(jù)傳輸服務(wù)的簡單協(xié)議；? ? ? ? ? ? ? ? ? ? ? ?HTTP/1.0(RFC 1945[6]定義),完善了0.9版本，其允許消息以類MIME消息的格式傳送，其包括傳輸數(shù)據(jù)的元信息和對請求/響應(yīng)語義的修飾，但是其沒有充分考慮分層代理，緩存，以及持久連接和虛擬主機(jī)需求的影響；? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?HTTP/1.1?其對1.0優(yōu)化，支持長連接和緩存；? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?HTTP/2.0不穩(wěn)定，但目前有些項(xiàng)目開始使用了；
(2).HTTP協(xié)議的缺點(diǎn)：通信只能由客戶端發(fā)起，若是服務(wù)器端數(shù)據(jù)更新，客戶端接收不到數(shù)據(jù)，無法達(dá)到實(shí)時更新的效果 ->解決方案：ajax輪循(使用定時器，每隔一段時間向服務(wù)器請求一次數(shù)據(jù))，很耗費(fèi)性能；
?- - - >>>webSocket協(xié)議，其可實(shí)時更新數(shù)據(jù)，優(yōu)化性能；
(1).其同HTTP協(xié)議相同，也是建立在TCP協(xié)議上的應(yīng)用層協(xié)議；其三次握手階段采取的是HTTP協(xié)議，因此握手時不容易被屏蔽，能通過各種HTTP代理服務(wù)器；其建立連接后不會中斷，瀏覽器端和服務(wù)器端可實(shí)現(xiàn)雙向通信；
(2).數(shù)據(jù)格式輕量，性能開銷小，通信高效，可發(fā)送文本，也可發(fā)送二進(jìn)制數(shù)據(jù)；(其不用頻繁創(chuàng)建TCP請求以及銷毀請求，網(wǎng)絡(luò)帶寬資源占用少，同時也節(jié)省服務(wù)器資源)
(3).協(xié)議標(biāo)識符ws，加密為wss，默認(rèn)端口80/443；
(4).其不受同源策略的限制，客戶端可與任意服務(wù)器通信 ->?其也是一種跨域方式
(5).socket.readyState;/open();/send();/close();? ?事件: socket.onopen;/onmessage;/onerror;/onclose
3、移動端API ->H5新增：獲取用戶地理位置信息、監(jiān)聽設(shè)備速度/方向上的變化；
(1).window.navigator.geolocation;//對象上的方法獲取用戶地理位置信息，常用在移動端；
原生h5獲取到的是經(jīng)緯度，可調(diào)用百度地圖、谷歌地圖轉(zhuǎn)換為具體的地理位置(將經(jīng)緯度傳入即可);? 參考網(wǎng)址：https://www.cnblogs.com/lijuntao/p/6439596.html
(2). window.ondevicemotion事件監(jiān)聽設(shè)備速度上的變化；
(3).window.ondeviceorientation事件監(jiān)聽設(shè)備方向上的變化； ->?巧妙利用事件對象event;
補(bǔ)充：手機(jī)訪問PC端自己寫的網(wǎng)頁的方法：(移動端與PC端最好處于同一局域網(wǎng))? ? ? ? ? ? ? ? ? ? ? ? ? ? ? -> cmd(window+R) -> ipconfig -> ipv4 -> 右鍵復(fù)制 -> 網(wǎng)頁URL地址欄上粘貼IP地址 -> “草料二維碼”網(wǎng)站把URL地址放上去 -> 生成二維碼 -> 手機(jī)“掃一掃”即可?？淳W(wǎng)頁
4、HTML5新跨域方法 -> postMessage(); onmessage事件 ->其就是跨域的一種方法，好多地方都可以用到，常用于與iframe框架結(jié)合使用；
父頁面：
子頁面：
