前端面試題（一）

 

這一段一直在準備面試題，直到如今還沒膽量去找一家公司去面試，文章是我最近一直在總結，結合個人朋友去公司面試。出現的比較高的，也方便本身去查看，這也是我破處之做吧。分享給大家，廢話很少說，開始懟。。。

1.說一下HTML5有什麼新特性？

      1.增長了繪畫canvas畫布。

      2.增長了影音、數據存儲、多任務處理等處理能力。

      3.新的特殊元素，好比說：caledar,data,time,email,url,serach等。

      4.CSS3：

             實現了圓角：border-radius,

             陰影：box-shadow,

             增長了更多的CSS選擇器，

             背景能夠用RGBA，

2.說一下離線緩存有哪些？

1. Application Cache

     優勢：

               能夠離線瀏覽，用戶能夠用離線的方式使用Application。

               因爲緩存了資源，因此加載速度很快。

               減小訪問服務器端，瀏覽器只要從服務器更新過數據。

      缺點：

               Manifest文件有變化，纔會更新。

                一次必須更新Manifast中的全部文件，下次才能生效。

  2.Local Storage

        優勢：

1. 容量大，作大可達到5M以上，甚至更多。
2. 容易使用
3. 很是強大
4. 進本地存儲，不會和服務器交互。
5. 支持原生

          缺點：

1. 安全性差
2. 兼容性差，暫時只支持Chrome,不支持IE，6，7，8，好像後來也支持Safari瀏覽器了，其餘的沒過多的瞭解。

3.WebSQL

1.   本地存儲
2. 能夠處理複雜關係類型的數據 

4.IndexedDB

          優勢：

1. 標準化
2. 存儲複雜的數據
3. 支持索引

         缺點：

1. 不支持SQL
2. 相對於操做來講優勢複雜。

3.cookies,localstorage和sessionstorage的區別？

• 存儲大小：

      cookies的數據大小不能超過4K，

      localstorage和sessionstorage雖然也有存儲大小限制但比cookies,能夠達到5M。

• 有效時間：

     localstorage存儲時間長瀏覽器關閉數據後，數據不會丟失，而非自動刪除。

     sessionstorage 數據在當前瀏覽窗口關閉後刪除。

     cookies設置的cookies過時時間以前一直有效，即窗口或者瀏覽器關閉。

4.你知道原生頁面是如何通訊的嗎？

1. 能夠經過Window.open方法實現通訊。
2. 能夠用iframe通訊（方法）

            父頁面向子頁面傳遞信息

            子頁面向父頁面傳遞信息

   3.利用Postmassage實現頁面通訊

今天先就寫到這裏了，之後天天會更新，新人報道，請多多關照，若是說以爲我寫的文章能給你帶來幫助的話，請支持我一下。若是以爲我寫的有問題的，請在下方的評論區留言我會及時更正，嘻嘻。

我也厚顏無恥一下。多少都是對個人支持與讚揚。哈哈哈。（笑暈過去了）......

gethub:https://github.com/Ji-webtoken