資訊專欄INFORMATION COLUMN
摘要：感謝朋友的內(nèi)推，去中興公司面試了一趟，稍微做一下總結(jié)。在這一步，實(shí)例已完成以下的配置數(shù)據(jù)觀測(cè)，屬性和方法的運(yùn)算，事件回調(diào)。此鉤子可以返回以阻止該錯(cuò)誤繼續(xù)向上傳播。
感謝朋友的內(nèi)推，去中興公司面試了一趟，稍微做一下總結(jié)。
1、vue的渲染機(jī)制
答：這個(gè)問(wèn)題是面試經(jīng)常會(huì)提到的可能不是vue可能是其他（react）.之前版本的angular是用的臟值檢測(cè)的方式，現(xiàn)在都趨同于數(shù)據(jù)劫持的模式&發(fā)布訂閱者模式
在es5中有一個(gè)函數(shù)就是我們的 Object.defineProperty 這個(gè)方法有興趣了解的同學(xué)請(qǐng)戳
https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object/defineProperty)
2、vue的生命周期
我相信這個(gè)大家都比較清楚
beforeCreate ->在實(shí)例初始化之后，數(shù)據(jù)觀測(cè) (data observer) 和 event/watcher 事件配置之前被調(diào)用。
created ->在實(shí)例創(chuàng)建完成后被立即調(diào)用。在這一步，實(shí)例已完成以下的配置：數(shù)據(jù)觀測(cè) (data observer)，屬性和方法的運(yùn)算，watch/event事件回調(diào)。然而，掛載階段還沒(méi)開始，$el 屬性目前不可見。
beforeMount ->在掛載開始之前被調(diào)用：相關(guān)的 render 函數(shù)首次被調(diào)用。
mounted ->el 被新創(chuàng)建的vm.$el替換，并掛載到實(shí)例上去之后調(diào)用該鉤子。如果 root 實(shí)例掛載了一個(gè)文檔內(nèi)元素，當(dāng)mounted被調(diào)用時(shí) vm.$el 也在文檔內(nèi)
beforeUpdate ->數(shù)據(jù)更新時(shí)調(diào)用，發(fā)生在虛擬 DOM 打補(bǔ)丁之前。這里適合在更新之前訪問(wèn)現(xiàn)有的 DOM，比如手動(dòng)移除已添加的事件監(jiān)聽器。
該鉤子在服務(wù)器端渲染期間不被調(diào)用，因?yàn)橹挥谐醮武秩緯?huì)在服務(wù)端進(jìn)行
updated ->由于數(shù)據(jù)更改導(dǎo)致的虛擬DOM重新渲染和打補(bǔ)丁，在這之后會(huì)調(diào)用該鉤子
activated ->keep-alive 組件激活時(shí)調(diào)用。該鉤子在服務(wù)器端渲染期間不被調(diào)用
deactivated ->keep-alive組件停用時(shí)調(diào)用。該鉤子在服務(wù)器端渲染期間不被調(diào)用。
beforeDestroy->實(shí)例銷毀之前調(diào)用。在這一步，實(shí)例仍然完全可用。
destroyed ->Vue實(shí)例銷毀后調(diào)用。調(diào)用后，Vue實(shí)例指示的所有東西都會(huì)解綁定，所有的事件監(jiān)聽器會(huì)被移除，所有的子實(shí)例也會(huì)被銷毀。
errorCaptured->當(dāng)捕獲一個(gè)來(lái)自子孫組件的錯(cuò)誤時(shí)被調(diào)用。此鉤子會(huì)收到三個(gè)參數(shù)：錯(cuò)誤對(duì)象、發(fā)生錯(cuò)誤的組件實(shí)例以及一個(gè)包含錯(cuò)誤來(lái)源信息的字符串。此鉤子可以返回 false 以阻止該錯(cuò)誤繼續(xù)向上傳播。
3、vue在什么情況下在數(shù)據(jù)發(fā)生改變的時(shí)候不會(huì)觸發(fā)視圖更新
v-for遍歷的數(shù)組，當(dāng)數(shù)組內(nèi)容使用的是arr[0].xx =xx更改數(shù)據(jù)，vue無(wú)法監(jiān)測(cè)到
vm.arr.length = newLength也是無(wú)法檢測(cè)的到的
4、性能優(yōu)化
減少http請(qǐng)求，合理設(shè)置 HTTP緩存
使用瀏覽器緩存
啟用壓縮
CSS Sprites
LazyLoad Images
CSS放在頁(yè)面最上部，javascript放在頁(yè)面最下面
盡量避免使用 eval和 Function
持續(xù)更新···
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/93968.html
摘要：面試總結(jié)因?yàn)槲沂情_發(fā)，所以面試的都是后端開發(fā)，只能總結(jié)一些這方面的題。因?yàn)槲乙矝](méi)有面試太多的公司，在小城市，沒(méi)有太多的大公司，所以總結(jié)的只有這些，希望想要換工作的人，提前準(zhǔn)備。 好久沒(méi)有更新文章了，不是因?yàn)橥祽校且驗(yàn)槊χ鴾?zhǔn)備面試了，現(xiàn)在總結(jié)下最近的面試心得，希望對(duì)大家有幫助 時(shí)刻準(zhǔn)備著 每次入職一個(gè)公司，我們都是想著一直干下去的，但是這只不過(guò)是我們的一廂情愿罷了，工作中有太多的不可控...
摘要：面試的心得體會(huì)簡(jiǎn)歷制作我做了兩份簡(jiǎn)歷，用兩個(gè)手機(jī)賬號(hào)，兩個(gè)簡(jiǎn)歷名字，分別在各個(gè)招聘網(wǎng)站投了雙份簡(jiǎn)歷，一個(gè)是數(shù)據(jù)分析的簡(jiǎn)歷一個(gè)是全棧開發(fā)的簡(jiǎn)歷，我真正接觸快年，不管是學(xué)習(xí)還是工作學(xué)到的東西，這兩年大概掌握了前端爬蟲數(shù)據(jù)分析機(jī)器學(xué)習(xí)技術(shù)， showImg(https://upload-images.jianshu.io/upload_images/13090773-b96aac7e974c...
摘要：好不容易在月號(hào)這天中午點(diǎn)左右接到了來(lái)自阿里的面試電話。這里會(huì)不斷收集和更新基礎(chǔ)相關(guān)的面試題，目前已收集題。面試重難點(diǎn)的和的打包過(guò)程多線程機(jī)制機(jī)制系統(tǒng)啟動(dòng)過(guò)程，啟動(dòng)過(guò)程等等掃清面試障礙最新面試經(jīng)驗(yàn)分享，此為第一篇，開篇。 2016 年末，騰訊，百度，華為，搜狗和滴滴面試題匯總 2016 年未，騰訊，百度，華為，搜狗和滴滴面試題匯總 各大公司 Java 后端開發(fā)面試題總結(jié) 各大公司 Jav...
摘要：我覺得了解簡(jiǎn)歷和面試的技巧可以幫助你更好的去學(xué)習(xí)重要的知識(shí)點(diǎn)以及更好地去準(zhǔn)備面試以及面試，說(shuō)實(shí)話，我個(gè)人覺得這些東西還挺重要的。在本文里，我將介紹我這段時(shí)間里更新簡(jiǎn)歷和面試的相關(guān)經(jīng)歷。 分享一篇很不錯(cuò)的文章！本文作者曾經(jīng)寫過(guò)《Java Web輕量級(jí)開發(fā)面試教程》和 《Java核心技術(shù)及面試指南》這兩本書。我覺得了解簡(jiǎn)歷和面試的技巧可以幫助你更好的去學(xué)習(xí)重要的知識(shí)點(diǎn)以及更好地去準(zhǔn)備面試以...
閱讀 2246·2021-11-17 09:33
閱讀 2787·2021-11-12 10:36
閱讀 3410·2021-09-27 13:47
閱讀 901·2021-09-22 15:10
閱讀 3499·2021-09-09 11:51
閱讀 1405·2021-08-25 09:38
閱讀 2766·2019-08-30 15:55
閱讀 2619·2019-08-30 15:53
