每日两道前端面试题20190221
HTML5的離線存儲使用以及工作原理解答？
使用方式：在頁面頭部中加入一個manifest的屬性就可以
<!DOCTYPE HTML> <html manifest = "cache.manifest"> ... </html>cache.manifest的書寫方式，如下：
CACHE MANIFEST #v0.11CACHE: //表示需要離線存儲的資源列表 js/app.js css/style.cssNETWORK://表示在NETWORK中列出的資源只有在在線情況下才能訪問，不會被離線存儲，若CACHE和NETWORK中都有這個資源則會離線存儲，因為CACHE的優先級更高 resourse/logo.pngFALLBACK://表示如果第一個資源訪問失敗，就用第二個資源來替換他，以下表示的就是訪問根目錄失敗后，就用offline.html來替換它 / /offline.html工作原理：
在線的情況下，瀏覽器發現html頭部有manifest屬性，它會請求manifest文件
如果是第一次訪問app，那么瀏覽器會根據manifest文件的內容下載相應的資源并進行離線處理
如果訪問的app資源已經離線存儲了，則瀏覽器會使用離線的資源加載頁面
同時對比新的manifest與舊的manifest文件，如果沒有發生改變，則不做任何操作，若改變了，
則重新下載manifest并對離線資源進行存儲
HTML5有了哪些優化？
HTML5新特性：主要是增強了圖形渲染，影音，數據存儲，多任務處理等能
1.canvas - 繪畫
2.video.audio - 媒介回放
3.localStorage - 長期存儲數據，瀏覽器關閉后數據不丟失
4.article.footer.header.nav.section - 語意化更好的內容元素
5.calendar.date.time.email.url.search - 表單控制
6.webworker專用線程.websocket通信.geolocation地理定位 - 新的技術
移除的元素：
1.basefont默認字體
2.big大字體
3.center水平居中
4.font字體標簽
5.strike中橫線
6.tt文本等寬
7.u下劃線
處理HTML5新標簽的瀏覽器兼容問題?
1.實現標簽被識別
通過document.createElement(tagName)方法即可讓瀏覽器識別新標簽，瀏覽器支持新標簽后，還可以為新標簽添加CSS樣式
2.javascript解決方案
使用Html5shim，在head中調用以下代碼：
趣事
今天也是要加油的一天鴨
今天聽到了一個很新奇的概念
叫做時間粒度，我的理解中，它是一個時間單位，時間顆粒
有些人的時間粒度是5分鐘，15分鐘，1個小時，也有的人是半天，一天
時間粒度的大小與你的專業度掛鉤
比爾蓋茨的時間粒度是5分鐘
王健林的時間粒度是15分鐘
有一次王健林去參加記者的采訪，但是記者遲到了三分鐘，
這時王健林當即離開了，后來記者說，他很不近人情
但其實，對于時間粒度是15分鐘的人來說，一分鐘都很寶貴.
希望自己也能珍惜時間去進步，畢竟，長大后的時間過的實在太快了
總結
以上是生活随笔為你收集整理的每日两道前端面试题20190221的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： spring cloud构建互联网分布式
- 下一篇： 前端菜鸡入职一年后的……