2022-03-08 面試總結(jié)

筆試部分:

meta 的 viewport 的作用甲捏,如何寫?

device-width 是指這個(gè)設(shè)備最理想的 viewport 寬度
user-scalable 是否允許用戶手動(dòng)縮放頁面
initial-scale 定義初始縮放比例
maximum-scale/minimum-scale 定義最大最小縮放比例
<meta name="viewport"
content="width=device-width,user-scalable=no,initial-scale=1.0,  
maximum-scale=1.0,minimum-scale=1.0">   
<!-- 換行請(qǐng)不要在意 -->

簡述 tcp 的三次握手

客戶端發(fā)起請(qǐng)求(SYN),服務(wù)端收到后應(yīng)答(ACK)和發(fā)起請(qǐng)求(SYN)钾唬,客戶端收到后也回應(yīng)(ACK)

面向?qū)ο缶幊痰奶卣?/h3>

封裝、繼承侠驯、多態(tài)

面試部分:

自我介紹抡秆、項(xiàng)目經(jīng)歷

主要問了項(xiàng)目經(jīng)歷,可能更想聽到用了哪些技術(shù)吟策,而不是做了什么儒士。

vue.$set 的原理

參考博客1: https://www.cnblogs.com/yaxinwang/p/13827529.html?ivk_sa=1024320u
參考博客2: https://blog.csdn.net/weixin_42038290/article/details/114700728
參考博客3: https://blog.csdn.net/weixin_42192113/article/details/119117078?utm_medium=distribute.pc_relevant.none-task-blog-2defaultbaidujs_baidulandingword~default-1.pc_relevant_default&spm=1001.2101.3001.4242.2&utm_relevant_index=4
個(gè)人理解是:

  1. 3個(gè)參數(shù),target(對(duì)象或數(shù)組)檩坚,key着撩,val;

  2. 首先判斷 target 是否為 null 或 undefined 匾委,如果是拖叙,拋出異常;

  3. 其次判斷 target 是否數(shù)組赂乐,是數(shù)組的話薯鳍,判斷 key 是不是一個(gè)有效的下標(biāo),都滿足的話挨措,再通過 splice 去修改數(shù)組挖滤;

  4. 如果 target 不是數(shù)組即是對(duì)象,先判斷 key 是否存在浅役,若存在直接修改(此步驟說明該 key 已經(jīng)是響應(yīng)式)斩松。
    不存在的話則先獲取 target 的 __ob__ ,然后判斷 target 是不是一個(gè) vue 實(shí)例担租,是實(shí)例就拋出異常砸民。
    不是實(shí)例的話結(jié)合 ob 判斷,ob 不存在則說明該屬性不是響應(yīng)式奋救,直接修改岭参,反之調(diào)用 defineReactive 注冊(cè)為響應(yīng)式,并且手動(dòng)調(diào)用 ob.dep.notify() 更新

至于為什么要使用 vue.$set 尝艘?對(duì)于需要響應(yīng)式的對(duì)象來說演侯,直接添加個(gè)屬性,是沒有綁定 Object.defineProperty背亥,也就無法觸發(fā)響應(yīng)式更新秒际。

$nextTick 的原理

參考博客:https://www.cnblogs.com/xiaonian8/p/14092492.html
nextTick 會(huì)把回調(diào)函數(shù)放入一個(gè)內(nèi)部的數(shù)組里悬赏,由 nextTickHandler來遍歷執(zhí)行。而這個(gè)函數(shù)的執(zhí)行是異步的娄徊,什么時(shí)候執(zhí)行取決于它是屬于微任務(wù)還是宏任務(wù)闽颇。
同步任務(wù)執(zhí)行完畢后,就會(huì)去異步任務(wù)里分別執(zhí)行微任務(wù)和宏任務(wù)寄锐,nextTickHandler設(shè)置成宏任務(wù)或微任務(wù)后就會(huì)保證總是在數(shù)據(jù)修改完或 dom 更新后再執(zhí)行兵多。
macro(宏任務(wù)) task:同步代碼、setImmediate橄仆、MessageChannel剩膘、setTimeout/setInterval
micro(微任務(wù)) task:Promise.then、MutationObserver
對(duì)于nextTickHandler盆顾,首先選擇setImmediate怠褐,但setImmediate有兼容性問題,目前只支持 edge 和 ie您宪,其次就是MessageChannel奈懒,再其次就是new Promise().then()設(shè)置成微任務(wù),最后再考慮setTimeout蚕涤。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末筐赔,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子揖铜,更是在濱河造成了極大的恐慌茴丰,老刑警劉巖,帶你破解...
    沈念sama閱讀 218,546評(píng)論 6 507
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件天吓,死亡現(xiàn)場離奇詭異贿肩,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)龄寞,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,224評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門汰规,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人物邑,你說我怎么就攤上這事溜哮。” “怎么了色解?”我有些...
    開封第一講書人閱讀 164,911評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵茂嗓,是天一觀的道長。 經(jīng)常有香客問我科阎,道長述吸,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,737評(píng)論 1 294
  • 正文 為了忘掉前任锣笨,我火速辦了婚禮蝌矛,結(jié)果婚禮上道批,老公的妹妹穿的比我還像新娘。我一直安慰自己入撒,他們只是感情好隆豹,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,753評(píng)論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著茅逮,像睡著了一般噪伊。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上氮唯,一...
    開封第一講書人閱讀 51,598評(píng)論 1 305
  • 那天,我揣著相機(jī)與錄音姨伟,去河邊找鬼惩琉。 笑死,一個(gè)胖子當(dāng)著我的面吹牛夺荒,可吹牛的內(nèi)容都是我干的瞒渠。 我是一名探鬼主播,決...
    沈念sama閱讀 40,338評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼技扼,長吁一口氣:“原來是場噩夢(mèng)啊……” “哼伍玖!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起剿吻,我...
    開封第一講書人閱讀 39,249評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤窍箍,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后丽旅,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體椰棘,經(jīng)...
    沈念sama閱讀 45,696評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,888評(píng)論 3 336
  • 正文 我和宋清朗相戀三年榄笙,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了邪狞。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,013評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡茅撞,死狀恐怖帆卓,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情米丘,我是刑警寧澤剑令,帶...
    沈念sama閱讀 35,731評(píng)論 5 346
  • 正文 年R本政府宣布,位于F島的核電站蠕蚜,受9級(jí)特大地震影響尚洽,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜靶累,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,348評(píng)論 3 330
  • 文/蒙蒙 一腺毫、第九天 我趴在偏房一處隱蔽的房頂上張望癣疟。 院中可真熱鬧,春花似錦潮酒、人聲如沸睛挚。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,929評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽扎狱。三九已至,卻和暖如春勃教,著一層夾襖步出監(jiān)牢的瞬間淤击,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,048評(píng)論 1 270
  • 我被黑心中介騙來泰國打工故源, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留污抬,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,203評(píng)論 3 370
  • 正文 我出身青樓绳军,卻偏偏與公主長得像印机,于是被迫代替她去往敵國和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子门驾,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,960評(píng)論 2 355

推薦閱讀更多精彩內(nèi)容

  • 歡迎關(guān)注公眾號(hào)“Tim在路上” 1.聽說你對(duì)JVM有點(diǎn)研究射赛,講一講JVM的內(nèi)存模型吧(我說虛擬機(jī)棧,本地方法棧奶是,程...
    Tim在路上閱讀 3,540評(píng)論 4 91
  • 目錄 跨域問題 symbol 什么是事件監(jiān)聽 手寫Promise 原型鏈 轉(zhuǎn)化下劃線命名到駝峰命名 js字符串轉(zhuǎn)數(shù)...
    Grandperhaps閱讀 517評(píng)論 0 13
  • Tcp協(xié)議為什么是可靠的協(xié)議楣责? 擁塞控制和滑動(dòng)窗口是怎么做的 http狀態(tài)碼的含義 三次握手和四次揮手的原理,狀態(tài)...
    Fire_巳閱讀 514評(píng)論 0 0
  • 本系列出于AWeiLoveAndroid的分享聂沙,在此感謝腐魂,再結(jié)合自身經(jīng)驗(yàn)查漏補(bǔ)缺,完善答案逐纬。以成系統(tǒng)蛔屹。 Java基...
    濟(jì)公大將閱讀 1,528評(píng)論 1 6
  • 1.js當(dāng)中有哪些數(shù)據(jù)類型 5個(gè)基礎(chǔ):字符串,布爾豁生,數(shù)值兔毒,null,undefined甸箱,1個(gè)復(fù)雜:Object在e...
    林不羈吖閱讀 262評(píng)論 0 0