1.什麼時候需要清除浮動,清除浮動的方法有哪些?
樣式與當前div衝突時需要清除浮動。
方法:(1)末尾額外增加乙個空標籤:
(2)通過設定父元素overflow值設定為overflow:hidden;再ie6中需要出發haslayout,例如zoom:1;
(3)為父元素設定寬高 (4)使用 br標籤和其自身的 html屬性:br 有 clear=「all | left | right | none」 屬性
.main
.side
"all" />
(4)父元素設定 overflow:auto 屬性
(5)父元素也設定浮動
(6)父元素設定display:table
2.postion和display的取值和各自的用法
postion常見的屬性relative(相對定位)、absoulte(絕對定位)、fixed(固定定位)
display常見的屬性:none、inline、inlin-block、block、flex
display:none和visiability:hidden都可以隱藏div,區別有點像absolute和relative,前者不佔據文件的空間,後者還是佔據文件的位置。
可以把行內元素轉化成塊元素或行內塊元素
display: flex 意為"彈性盒布局模型",用來為盒狀模型提供最大的靈活性
3.理解閉包嗎?閉包在實際開發中的作用。閉包建議頻繁使用嗎?
閉包:能夠讀取其他函式內部變數的函式
不建議頻繁使用,閉包會使函式中的變數全部存在記憶體中,記憶體消耗很大,濫用會造成網頁效能問題,在ie中可能導致記憶體洩露。解決方法:在退出函式之前,將不使用的區域性變數全部刪除。
閉包會在父函式外部,改變函式內部變數的值。
4.(a1&&a2&&a==3)可能為true嗎?說明原因
不能,因為變數名不能相同。
5.cookiev.s. 、localstron**.s、sessionstoragev.s.、seccsion的區別?
cookiev.s.: 常用於客戶端與服務端之間的通訊,但是他有本地儲存功能,儲存量小4kb.生命週期隨瀏覽器的關閉而結束;一般儲存使用者名稱密碼相關資訊,或者過期日期。
seccsion:伺服器儲存
localstron**.s:h5問世後,專為瀏覽器儲存而設計,最大容量為5mb,如果瀏覽器關閉,localstorage儲存的東西不會消失。
sessionstorage:會在瀏覽器關閉時,所儲存的東西會被銷毀。
6.從敲入url到渲染完成的整個過程,包括dom構建的過程,詳細簡述
使用者輸入url位址,瀏覽器查詢dns查詢對應的請求ip位址
建立tcp連線
瀏覽器向服務端傳送http請求
服務端接收請求,處理請求生成html**,返回給瀏覽器
瀏覽器接收伺服器相應的結果,如果有壓縮則先進行解壓處理,緊接著就頁面解析
解析html構建dom樹
解析css生成css規則樹
布局render樹(layout/reflow),負責各元素尺寸,位置的計算
繪製render樹,繪製頁面畫素資訊
瀏覽器將各層的資訊傳送給gpu,gpu將各層合成顯示在螢幕上
瀏覽器首先會解析 html 檔案構建 dom 樹,然後解析 css 檔案構建 render樹,等到 render 樹構建完成後,瀏覽器開始布局 render 樹並將其繪製到螢幕上。
7.vue中的catch與computed的區別?
watch是監聽資料的變化,
computed式計算屬性,只有在相應市以來發生改變時他們才會重新求值
watch():
new
vue(
, watch:
, lastname:
function
(val)}}
)
computed():
new
vue(
, computed:}}
)
8.v-if 與 v-show的區別?
v-if:判斷是否載入固定的內容,如果為真,則載入;為假時,則不載入。
用處:用在許可權管理,頁面條件載入。
語法:v-if=「判斷表示式」
特點:控制元素插進來或者刪除,而不是隱藏。
v-show:元素是一直存在的,當v-show為false時,元素display:none只是隱藏了而已。
9.vue自定義指令有哪些?他有哪些鉤子函式?
v-mode v-show v-for v-if v-text v-html v-bind
鉤子函式:
beforecreadted
created
beforemount
mounted
beforeupdate
update
beforedestroy
destroy
10前端優化**效能的方法?
1)減少http請求次數
2)用innerhtml代替dom次數,減少dom操作次數
3)本地快取
4)少用全域性變數,減少io讀取操作
5)優化**,把css放在body上,把js放在body下面,讓其先載入css。
前端面試題整理
從瀏覽器位址列輸入url到顯示頁面的步驟 以http為例 在瀏覽器位址列輸入url 瀏覽器檢視快取,如果請求資源在快取中並且新鮮,跳轉到轉碼步驟 如果資源未快取,發起新請求 如果已快取,檢驗是否足夠新鮮,足夠新鮮直接提供給客戶端,否則與伺服器進行驗證。檢驗新鮮通常有兩個http頭進行控制expire...
前端面試題整理
1.html5的新特性。主要講講新增哪些api 地理定位,拖放,web儲存應用快取,webworkers,sse 2.css3的新特性。3 使用嚴格模式的限制有哪些。4 什麼是同源?什麼情況下就屬於跨域?怎麼解決跨域說出三種以上的方法,jsonp原理是什麼。同源 協議,網域名稱,埠相同 方法一 co...
前端面試題整理
js 1 ajax 原理 ajax的基本原理總結 2 原型和原型鏈 原型和原型鏈 3 深拷貝淺拷貝 js的深拷貝和淺拷貝 4 繼承有幾種方式 js繼承的幾種方式 5 閉包 js閉包 6 阻止事件冒泡,和預設事件 阻止事件冒泡,阻止預設事件 7 陣列去重 物件去重 8 陣列有哪些方法 9 promis...