1、從輸入一個url到瀏覽器頁面展示都經歷了哪些過程扶认?
2、new生成一個對象的過程雅倒?
3纸淮、簡單說明什么是事件冒泡和事件捕獲以及事件委托允趟?
4、flex布局有沒有了解码倦?
5企孩、如何實現(xiàn)閉包?
6袁稽、call勿璃、apply和bind方法的用法以及區(qū)別?
7推汽、深拷貝
8补疑、簡單說一下promise機制?
9歹撒、get與post的請求的區(qū)別莲组?
10、如何解決跨域問題暖夭?
11锹杈、時間復雜度和空間復雜度
12撵孤、[vue]移動端軟鍵盤處理方案
13、原生JS獲取及設置CSS樣式
14嬉橙、微信小程序(組件中的使用)observer函數(shù)的應用
15早直、vue 雙向綁定和它的實現(xiàn)原理
16、keep-alive實現(xiàn)原理
17市框、seajs 使用文檔
18霞扬、強緩存與協(xié)商緩存
-One
19、promise原理
-One
20枫振、vuex原理
-One
21喻圃、v-model的原理
-One
22、避免v-if和v-for一起使用
-
先處理v-for再處理v-if 如這個列表有一百條數(shù)據(jù)粪滤,再某種情況下斧拍,它們都不需要顯示,但是vue還是會循環(huán)這個100條數(shù)據(jù)顯示杖小,再去判斷v-if肆汹,因此,我們應該避免這種情況的出現(xiàn)予权。
vue 2.X中判斷是先判斷for,所以v-for的優(yōu)先級更高
vue 3.X中v-if的優(yōu)先級更高
23昂勉、懶加載和預加載
- 懶加載 將img標簽中的src鏈接設為同一張圖片,一般取用1px*1px扫腺,俗稱占位圖0將其真正的圖片地址存儲在img標簽的自定義屬性中(如data-src); 當監(jiān)聽到該圖片元素進入可視窗口時,將自定義屬性中的地址存儲到src屬性中,達到懶加載的效果; 這樣做能防止頁面一次性向服務器響應大量請求導致服務器響應慢頁面卡頓或崩潰等問題岗照。
-
預加載
簡單的可以用css來處理,直接加載笆环。在使用的時候就會使用這些緩存的圖片攒至。
更好的方式是監(jiān)聽頁面是否加載完畢(window.onload
),加載完畢在使用此種方式處理躁劣。
.aa{
background:url(xxx) no-repeat -9999px -9999px;
}
// 補充知識
// 1迫吐、屏幕可視窗口大小
//原生方法
window.innerHeight || //標準瀏覽器及IE9+
document.documentElement.clientHeight || //標準瀏覽器及低版本IE標準模式
document.body.clientHeight //低版本混雜模式
//jQuery方法
$(window).height();
// 2、屏幕可視窗口大小
//原生方法
window.pagYoffset || //標準瀏覽器及IE9+
document.documentElement.scrollTop || //兼容ie低版本的標準模式
document.body.scrollTop //兼容混雜模式账忘;
//jQuery方法
$(document).scrollTop();
// 3志膀、獲取元素的尺寸
//原生方法
document.getElementsByTagName[n].clientWidth
document.getElementsById.clientWidth
//jQuery方法
$(o).width() = o.style.width;
$(o).innerWidth() = o.style.width+o.style.padding;
$(o).outerWidth() = o.offsetWidth = o.style.width+o.style.padding+o.style.border;
$(o).outerWidth(true) = o.style.width+o.style.padding+o.style.border+o.style.margin闪萄;
// 4梧却、獲取元素的位置信息
//原生方法
offsetTop
//jQuery方法
$(o).offset().top //元素距離文檔頂?shù)木嚯x
$(o).offset().left //元素距離文檔左邊緣的距離
jQuery:position() //返回一個對象
$(o).position().left = o.style.left;
$(o).position().top = o.style.top奇颠;
24败去、服務端渲染(SSR)和預渲染(Prerendering)
使用prerender-spa-plugin插件配合vue-meta-info 可以輕松地配置預渲染頁面
服務端渲染的過程為:解析執(zhí)行JS => 構建HTML頁面 => 輸出給瀏覽器
預渲染:直接輸出HTML頁面給瀏覽器(適用:首頁、活動營銷頁)
-One
http://www.liulongbin.top:8085/#/
50題
手寫代碼
https://github.com/Advanced-Frontend/Daily-Interview-Question/issues/145
21題