前端第一次面試

　　

　　今天拿到畢業證後從濟南跑到杭州某公司第一次面試，結果很慘，筆試題大部分都會，但是就是沒寫出來，很尷尬，晚上回來作一次總結。

一、什麼是盒子模型

　　css盒子模型就是網頁設計中的一種思惟模型。css盒子模型都具備margin（外邊距）、border（邊框）、padding（內邊距）、內容（content）屬性。就像現實中的一個盒子，每一個屬性能夠一塊兒設置，也能夠分別設置。

二、HTML5新特性

　　HTML5有十大新特性

　　（1）、語義化標籤：語義化標籤使得頁面的內容結構化，見名知義。可是通常都不會用到，由於結構通常都會挺複雜，都會用css來標識使得內容結構化。

　　（2）、加強型表單：擁有多個新的表單input輸入類型，提供了更好的輸入類型和驗證。

　　（3）、視頻和音頻：提供了播放音頻文件的標準，即便用<audio>標籤。提供了<video>元素來包含視頻的播放標準。

　　（4）、canvas繪圖：提供canvas標籤做爲容器，必須使用腳本畫圖。

　　（5）、svg繪圖：svg是指可伸縮的矢量圖形。基於XML。

　　（6）、地理定位：HTML5  Geolocation用於定位用戶的位置。

　　（7）、拖放API：即抓取對象後拖放到另一個位置，拖放的過程分爲原對象和目標對象，從原對象拖放到目標對象。

　　（8）、web worker ：是運行在後臺的JavaScript，獨立於其餘腳本，不會影響性能。

　　（9）、web Storage：新增的客戶端存儲數據的兩個對象，分別爲local storage（沒有時間限制的數據存儲）和session storage（針對一個session的數據存儲，當用戶關閉瀏覽器窗口後，數據會被刪除）。

　　（10）、WebSocket：是HTML5提供的一種在單個TCP鏈接上進行全雙工通信的協議。

三、JavaScript基本類型

　　JavaScript有六大基本類型：Number、String、Boolean、null、undefined、object。es6有個symbol類型。

四、link和@import的區別

　　（1）、link屬於html標籤，而@import是css提供的。

　　（2）、頁面被加載時，link會同時被加載，而@import引用的css會等到頁面加載結束後加載。

　　（3）、link是html標籤，所以沒有兼容性，而@import只有IE5以上才能識別。

　　（4）、link方式樣式的權重高於@import的。

五、同步和異步的區別

　　同步是後一個任務必需要等前一個任務完全完成才能夠執行。異步是每個任務都有一個回調函數，在等待回調函數時能夠執行別的任務。

六、position的值有哪些

　　absolute、fixed、relative、static、inherit。

七、經常使用哪些瀏覽器調試，瀏覽器內核有哪些

　　谷歌瀏覽器、ie瀏覽器。Trident內核、Gecko內核、webkit內核、Presto內核、Blink內核。

八、dom操做

　　（1）、增長：appendChild()

　　（2）、刪除：removeChild()

　　（3）、建立：

　　　　createDocumentFragment()    //建立一個DOM片斷

　　　　createElement()   //建立一個具體的元素

      　　 createTextNode()   //建立一個文本節點

　　（4）、複製：cloneNode()

　　（5）、移動：moveTo()

　　（6）、查找：

　　　　getElementsByTagName()    //經過標籤名稱

      　　 getElementsByName()    //經過元素的Name屬性的值

      　　 getElementById()    //經過元素Id，惟一性

九、怎麼優化前端性能--提升頁面加載速度

　　（1）、減小HTTP請求

　　（2）、使用CDN

　　（3）、添加Expires頭

　　（4）、壓縮組件

　　（5）、將樣式表放在頭部

　　（6）、將腳本放在底部

　　（7）、避免CSS表達式

　　（8）、使用外部JavaScript和css

　　（9）、減小DNS查找

　　（10）、精簡JavaScript代碼

　　（11）、避免重定向

　　（12）、使ajax可緩存。　　

　　

　　想起來的只有九個題，其中答案參考網上資料，若有侵權請在評論區留言。