2019前端面試題總結一波

前言：本來是自己總結方便自己呢，共享出來，歡迎各位大佬拍磚，嘻嘻

一.html基礎

1.1

•     html屬於結構層，負責描繪出內容的結構；
•     css屬於表現層，負責如何顯示內容；
•     JavaScript屬於行爲層，負責內容應如何對事件作出反應

1.2 標籤語義化

    語義化最實在的理解就是用正確的標籤做正確的事情，讓頁面的內容結構化

1. 便於對瀏覽器、搜索引擎解析；
2. 便於盲人瀏覽網頁；
3. 便於閱讀源代碼的人對網站進行分開，維護和理解

1.3 

新增的H5標籤有 <header>、<footer>、<aside>、<nav>、<video>、<audio>、<canvas>等

1.4

不同內核瀏覽器對html的識別

     a.IE 內核瀏覽器識別：<!--[if IE]><![endif]-->

     b.非 IE 內核瀏覽器識別：<!--[if !IE]><![endif]-->

1.5

不同內核瀏覽器對css的識別(加瀏覽器內核的前綴)，例如

/* 設置文字不可選取 */
* {
  -moz-user-select: none; /* 火狐 瀏覽器 */
  -webkit-user-select: none; /* Webkit 瀏覽器 */
  -o-user-select: none; /* Opera 瀏覽器 */
  -ms-user-select: none; /* IE10 瀏覽器 */
  -khtml-user-select: none; /* 早期瀏覽器 */
  user-select: none; /* 默認 */
}

1.6

對數據存儲 cookies、session、sessionStorage、localStorage的認識

• cookies: 存儲於瀏覽器端的數據。可以設置 cookies 的到期時間，如果不設置時間，則在瀏覽器關閉窗口的時候會消失;
• session: 存儲於服務器端的數據，session存儲特定用戶會話所需的屬性個配置信息

     cookies與session 的區別在於：

1. cookie數據存放在瀏覽器上，而session數據存放在服務器端、   
2. 前端都是裸君子，沒有安全可言，cookies 可能會被黑客利用作數據欺騙。所以重要信息記得存 session、
3. session 如果在生效期內量過大，會佔用服務器性能、 
4. 單個 cookies 保存的數據不能超過 4 K，很多瀏覽器限制一個站點保存最多 20 個 cookies。

• sessionStorage:  生命週期存在於標籤頁或窗口，用於本地存儲一個會話（session）中的數據，這些數據會隨着窗口或者標

                                     籤頁的關閉而被清空;

• localStorage:  生命週期是永久的，除非用戶主動清除瀏覽器上存儲的 localStorage 信息，否則它將會永久存在

      sessionStorage 和 localStorage 

        操作方法：setItem、getItem 以及 removeItem    例如：

                  localStorage.getItem('userName'); // 獲取 userName 的值

                  localStorage.setItem('userName', 'xiaoxigua'); // 設置 userName 的值爲 jsliang

                  localStorage.removeItem('userName'); // 刪除 userName 的值