記一次前端面試題
1.1 頁面導入樣式時，使用link和@import有什麼區別？
兩者都是外部引用CSS的方式，但是存在一定的區別：
區別1：是XHTML標籤，除了載入CSS外，還可以定義RSS等其他事務；屬於CSS範疇，只能載入CSS。
區別2：引用CSS時，在頁面載入時同時載入；需要頁面網頁完全載入以後載入。
區別3：是XHTML標籤，無兼容問題；是在CSS2.1提出的，低版本的瀏覽器不支持。
區別4：支持使用Javascript控制DOM去改變樣式；而不支持。
1.2 介紹一下你對瀏覽器內核的理解？
主要分成兩個部分：和。
：負責取得網頁的內容(html,xml和圖像等)，整理訊息(例如假如css)，以及計算網頁的顯示方式，然後輸出到顯示器或印表機。瀏覽器的內核的不同對於網頁的語法解釋會有不同，所以渲染的效果也不同。所有網頁瀏覽器、電子郵件客戶端以及它需要編輯、顯示網路內容的應用程序都需要內核。
：解析和執行JavaScript來實現網頁的動態效果。
最開始和並沒有區分的很明確，後來JS引擎越來越獨立，就傾向與只指。
1.3常見的瀏覽器內核有哪些？
Trident內核：IE，360，搜過瀏覽器；
Gecko內核：Netscape6及以上版本，
Presto內核：Opera
Blink內核：Opera；
Webkit內核：Safari，Chrome
1.4 html5有哪些新特性、移除了哪些元素？如何處理HTML5新標籤瀏覽器兼容性問題
新特性
增強了圖形渲染（canvas）、影音（video，audio）、數據存儲（sessionStorage。lcoalStorage）、新的技術webworker(專用線程)、 websocketsocket通信、Geolocation 地理定位
語意化更好的內容元素，比如article、footer、header、nav、section;
表單控制項，calendar、date、time、email、url、search;
移除了哪些元素
如何處理html5新標籤的兼容性
支持HTML5新標籤：
IE8/IE7/IE6支持通過document.createElement方法產生的標籤，
可以利用這一特性讓這些瀏覽器支持HTML5新標籤，
瀏覽器支持新標籤後，還需要添加標籤默認的樣式。
當然最好的方式是直接使用成熟的框架、使用最多的是框架
cdn 地址：點我
1.5 請描述一下cookie、sessionStorage和localStorage的區別？
：都存儲在客戶端
1.存儲大小
cookie數據大小不能超過4k。
sessionStorage和localStorage 雖然也有存儲大小的限制，但比cookie大得多，可以達到5M或更大。
2.有效時間
localStorage 存儲持久數據，瀏覽器關閉後數據不丟失除非主動刪除數據；
sessionStorage 數據在當前瀏覽器窗口關閉後自動刪除。
cookie 設置的cookie過期時間之前一直有效，即使窗口或瀏覽器關閉
3.數據與伺服器之間的交互方式
cookie的數據會自動的傳遞到伺服器，伺服器端也可以寫cookie到客戶端
sessionStorage和localStorage不會自動把數據發給伺服器，僅在本地保存
1.6 實現不使用border畫出1px高的線。在不同瀏覽器Quirksmode和csscompat模式下都能保持同一效果
1.7 網頁驗證碼是幹嘛的。是為了解決什麼安全問題？
是為了防止一些人使用軟體惡意註冊、發帖等行為而設的。
它的存在是為了確保登陸網站的是一個坐在電腦面前的真人，而不是一個自動登陸的軟體。
1.8 title和h1的區別。b和strong的區別、i與em的區別
title屬性沒有明確意義只表示是個標題， H1 則表示層次明確的標題，對頁面信息的抓取也有很大的影響；
strong是標明重點內容，有語氣加強的含義，使用閱讀設備閱讀網路時：
b會重讀，而 是展示強調內容。
i內容展示為斜體
em 表示強調的文本；
1.9 介紹一下標準的css的盒子模型？與低版本ie的盒子模型有什麼不同？
：由四個屬性組成的外邊距(margin)、內邊距(padding)、邊界(border)、內容區(width和height);
標準的CSS盒子模型和低端IE CSS盒子模型不同：寬高不一樣
標準的css盒子模型寬高就是內容區寬高；
低端IE css盒子模型寬高 內邊距﹢邊界﹢內容區；
1.20 css選擇符有哪些？哪些屬性可以繼承？
css選擇器
類型選擇符（body）、群組選擇符（h1，h2，h3，span）、包含選擇符（h2 span）、ID選擇符（#id）、Class選擇符（.content）
哪些可以繼承
class屬性，偽類A標籤，列表ul、li、dl、dd、dt可以繼承
拓展：css優先順序
TAG:Node前端 |