1导俘、fileReader實現(xiàn)讀取文件剔蹋、文件上傳預(yù)覽 -> <input type="file" >
2泣崩、webSocket協(xié)議 ->?HTML5 提供的一種在單個 TCP 連接上進行全雙工通訊的協(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)語義的修飾身笤，但是其沒有充分考慮分層代理液荸，緩存脱篙，以及持久連接和虛擬主機需求的影響绊困；? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?HTTP/1.1?其對1.0優(yōu)化，支持長連接和緩存秤朗；? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?HTTP/2.0不穩(wěn)定取视，但目前有些項目開始使用了作谭；
(2).HTTP協(xié)議的缺點：通信只能由客戶端發(fā)起折欠，若是服務(wù)器端數(shù)據(jù)更新，客戶端接收不到數(shù)據(jù)傀缩，無法達到實時更新的效果 ->解決方案：ajax輪循(使用定時器那先，每隔一段時間向服務(wù)器請求一次數(shù)據(jù))，很耗費性能赡艰；
?- - - >>>webSocket協(xié)議售淡，其可實時更新數(shù)據(jù)，優(yōu)化性能慷垮；
(1).其同HTTP協(xié)議相同揖闸，也是建立在TCP協(xié)議上的應(yīng)用層協(xié)議；其三次握手階段采取的是HTTP協(xié)議料身，因此握手時不容易被屏蔽汤纸，能通過各種HTTP代理服務(wù)器；其建立連接后不會中斷芹血，瀏覽器端和服務(wù)器端可實現(xiàn)雙向通信贮泞；
(2).數(shù)據(jù)格式輕量，性能開銷小幔烛，通信高效令蛉，可發(fā)送文本，也可發(fā)送二進制數(shù)據(jù)祷安；(其不用頻繁創(chuàng)建TCP請求以及銷毀請求，網(wǎng)絡(luò)帶寬資源占用少，同時也節(jié)省服務(wù)器資源)
(3).協(xié)議標識符ws，加密為wss血筑，默認端口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;
補充：手機訪問PC端自己寫的網(wǎng)頁的方法：(移動端與PC端最好處于同一局域網(wǎng))? ? ? ? ? ? ? ? ? ? ? ? ? ? ? -> cmd(window+R) -> ipconfig -> ipv4 -> 右鍵復(fù)制 -> 網(wǎng)頁URL地址欄上粘貼IP地址 -> “草料二維碼”網(wǎng)站把URL地址放上去 -> 生成二維碼 -> 手機“掃一掃”即可常看網(wǎng)頁
4莽龟、HTML5新跨域方法 -> postMessage(); onmessage事件 ->其就是跨域的一種方法病袄，好多地方都可以用到，常用于與iframe框架結(jié)合使用宋欺；
父頁面：
子頁面：
