web前端面試題

區別
href指向網絡資源的位置 超連接 錨點
src 指向外部資源的位置

css hack
針對不一樣瀏覽器寫不一樣css

 

簡述異步和同步的區別
異步 提升執行效率 進程不須要等待
同步 須要等一個進程執行完畢並返回數據後才執行下面的內容

px和em的區別
都是長度單位 px的值固定 可是em不固定 繼承父級元素的大小
例如 瀏覽器默認大小16px 則1em=16px 12px=0.75em;

什麼叫優雅降級和漸進加強？
先寫好完整功能，在對低版本進行兼容，
漸進加強：先搭個基本佈局及樣式，再針對不一樣瀏覽器進行增長兼容性css
漸進加強 朝前看

瀏覽器內核
ie trident
火狐 gecko
safari(蘋果電腦操做系統的瀏覽器) webkit
chrome blink內核

建立新節點
createDcoumentFragment();
createElement();
createTextNode();

appendChild
removeChild
replaceChild
insertBefore()

cookie 有點小限制 做用於服務器進行交互 做爲http規範的一部分
web storage
localStorage setItem getItem removeItem clear 永久
sessionStorage 會員存儲 界面關掉 數據也銷燬

一次完成的http事務是怎樣？
tcp：傳輸控制協議

域名解析，發起tcp的三次握手，創建tcp鏈接後發起http鏈接
服務器端響應http請求，瀏覽器獲得html代碼；
瀏覽器解析html代碼，並請求html中的資源
瀏覽器對界面進行渲染呈現

對前端工程師職位的理解？
站在用戶體驗的角度，將psd圖還原爲效果圖，並與設計師和後端程序員進行密切溝通，
實現最好的佈局結構及交互的效果；兼容性；優化;

 

ajax的原理？

經過xmlHttpRequest對象來向服務器發送異步請求，從服務器獲取數據，而後用js操做dom界面；

 

對瀏覽器內核的理解？

渲染引擎，讀取網頁html 圖像 css等

js引擎，執行js實現動態效果

 

 

 

 

如何支持h5新標籤
ie支持經過document.createElement產生標籤；
一些支持h5js
使用框架htmlshim
<!--[if lt IE 9]>
<script> src="http://html5shim.googlecode.com/svn/trunk/html5.js"</script>
<![endif]-->

 

html語義化的理解？
讓頁面結構更清晰，便於瀏覽器解析 搜索引擎解析
容易閱讀

 

cookie數據始終在同源的http請求中攜帶 不超過4k
在 瀏覽器和服務器間來回傳遞

 

iframe缺點？
阻塞頁面的onload加載事件
搜索引擎不支持解讀這種節目

lable+表單

 

如何實現瀏覽器內多個標籤頁以前的通訊？
webSocket 或本地存儲

網頁可見性apiPage Visibility API

爲何要css初始化
由於不一樣瀏覽器對標籤默認值不一樣 不初始化會出現瀏覽器差別

 

css預處理
例如less sass加強代碼複用性
後處理 給css屬性增長瀏覽器私有前綴

 

js基本數據類型：bool string number object array

 

eval幹嗎 的？
它的功能將對應字符串解析成js代碼並容許
好性能

null 表示一個對象被定義了，值爲「空值」；
undefined 表示不存在這個值。

閉包：函數內再嵌套一個函數
內部函數能夠引用外層參數和遍歷
參數和變量不會被垃圾回收機制回收

 

json是一種輕量級數據交互格式