前端培訓(xùn)出身包裝1年,真實(shí)前端面試經(jīng)歷,沒做面試準(zhǔn)備被虐殺。

1. 動(dòng)態(tài)路由的添加
不會(huì),沒搞過
2.vue 頁(yè)面緩存
keep-alive,實(shí)際上我沒用過,一般都是v-show保持狀態(tài)
3.vuex
內(nèi)存儲(chǔ)存數(shù)據(jù),說白了就是全局?jǐn)?shù)據(jù)而已,刷新肯定就沒了.
4.小程序和vue的區(qū)別
小程序有專屬rpx處理樣式問題
小程序有手機(jī)原生功能支持比如上傳圖片,拍照,麥克風(fēng)等
小程序有自己的生命周期,還有自己的路由傳參機(jī)制
小程序好像是不支持本地靜態(tài)圖片引入
5.小程序的分包
不會(huì).沒搞過
6.v2和v3的區(qū)別
數(shù)據(jù)驅(qū)動(dòng)實(shí)現(xiàn)有不同,用法不同,沒有vue3經(jīng)驗(yàn)
7.render函數(shù)
函數(shù)返回vue實(shí)例,一般是用在table組件的自定義單元格,也可以用來做動(dòng)態(tài)生成dom
8.雙向綁定
發(fā)布訂閱模式.插值表達(dá)式的依賴手機(jī),全局?jǐn)?shù)據(jù)劫持.
細(xì)說的話,插值表達(dá)式讀取依賴,替換文本,添加w類,記錄回調(diào)函數(shù)用來更新,
全局?jǐn)?shù)據(jù)劫持的時(shí)候,getter里d類捕獲w,setter的時(shí)候d類廣播更新,通知所有的w更新視圖
v2的新增屬性無(wú)法劫持,用$set解決,數(shù)組新增元素?zé)o法劫持,v2重寫數(shù)組方法實(shí)現(xiàn),object套o(hù)bject的用遞歸實(shí)現(xiàn).
v3用proxy完美解決上面的3個(gè)問題.一步到位
9.es6 與日常開發(fā)
let,promise,解構(gòu)賦值,await,三點(diǎn)運(yùn)算符,數(shù)組方法find.every,some,剪頭函數(shù)
10.es6 的特性
不知道啥意思
11.let const
臨時(shí)死區(qū),無(wú)法重復(fù)定義,塊級(jí)作用域
const是指定義變量時(shí)綁定了變量指向的值,如果是復(fù)雜數(shù)據(jù)類型則無(wú)法保證里面的key不被修改,因?yàn)閺?fù)雜類型存的是地址
可以用object.freeze
12.數(shù)據(jù)類型
簡(jiǎn)單類型 number string boolean null undefined
復(fù)雜類型 array object function
特點(diǎn):內(nèi)容以字符串格式存放,返回地址給變量,修改內(nèi)容的時(shí)候只是改了內(nèi)容,地址沒變
13.登錄如何保證安全
說實(shí)話,明文傳參如何防止查看還真不清楚,
但是可以加debugger防止F12被打開
但是也可以用禁用JS來破解..
存疑
14.css繪制三角形
邊框?qū)崿F(xiàn),一個(gè)邊為0,其他3個(gè)邊有高度,加個(gè)邊框就是三角形
15.瀏覽器進(jìn)
有網(wǎng)絡(luò)線程,瀏覽器線程(處理多頁(yè)簽等功能),渲染線程,還有別的忘了,感覺不太重要
16.JS單線程 為什么發(fā)送請(qǐng)求不會(huì)阻塞頁(yè)面
因?yàn)榘l(fā)送請(qǐng)求是同步的,回調(diào)函數(shù)是異步的,回調(diào)函數(shù)是推入宏任務(wù)等待處理,瀏覽器有16ms的幀率檢測(cè),查看是否有可以執(zhí)行的異步事件,