初級(jí)前端工程師考試題
紫衣Helen
wangyuting3573
去哪兒網(wǎng)的面試題目主要還是偏向JS方面，對(duì)JS的基礎(chǔ)要求比較高，側(cè)重原理方面，比如閉包原理、作用域原理、面向?qū)ο罄^承原理等。
建議你去看看【決勝前端】最合適不過了，里面有幾百道前端面試真題，而且每道題都有詳細(xì)的剖析。
木洛希雨
作為一名HTML5前端工程師，為了工作，為了就業(yè)我們免bai不了要參加各種各樣的面試。為此總結(jié)了面試前的注意事項(xiàng)：
第一：注意自己的儀容儀表
面試之前，一定要再次從頭到腳地將自己的儀容儀表檢查一遍。檢查時(shí)主要包括，自己的牙縫是不是還有食物殘?jiān)?，所以你需要就近找一個(gè)衛(wèi)生間，如果沒有衛(wèi)生間就近找一個(gè)角落也是可以的，但是切記一定不要在大庭廣眾之下。因此，為了給自己整理出著裝的時(shí)間請(qǐng)?jiān)诩s定時(shí)間前20分鐘到達(dá)。
第二：再次檢查面試時(shí)所需的資料是否都已帶全
這些資料主要包括：身份證明、學(xué)歷文憑證明、個(gè)人簡(jiǎn)歷、以往作品等等，如果這些東西齊全之后，需要對(duì)這些資料做一個(gè)整理與排序。因?yàn)闆]有哪個(gè)面試官希望看到面試者拿出一堆“莫名其妙”的東西塞給他，讓他自己再一頁(yè)一頁(yè)地翻找自己需要的內(nèi)容，如果說(shuō)這些資料在面試官手中不小心散落一地，結(jié)果可想而知。這樣的求職者在面試官眼中也一定不是一個(gè)讓人放心、有條不紊的員工。當(dāng)然如果檢查時(shí)發(fā)現(xiàn)資料沒有帶全，也不要緊張。反而你要慶幸幸虧及時(shí)檢查，也有足夠的時(shí)間組織語(yǔ)言去向面試官解釋。
第三：面試之前將通信工具調(diào)成振動(dòng)或關(guān)閉狀態(tài)
雖然說(shuō)面試者與面試官之間是一個(gè)平等的關(guān)系，但畢竟你是去人家公司求職的，始終處于一個(gè)被動(dòng)的狀態(tài)，所以最起碼的尊重還是要做到的。曾經(jīng)有調(diào)查顯示，對(duì)于面試過程中接電話或是被電話打斷的求職者，會(huì)被HR減分。
第四：等候面試官時(shí)，仔細(xì)觀察多了解面試公司
在等候面試官時(shí)，可以暗自觀察一下公司的大體情況比如員工的著裝風(fēng)格、公司的LOGO或是貼在墻上的企業(yè)文化、公司的環(huán)境等等，一來(lái)可以在接下來(lái)的面試過程中表現(xiàn)出自己對(duì)公司的認(rèn)同感，二來(lái)也可以讓自己對(duì)求職公司多些了解，以確定是否要接受這里的工作。如果你身邊有公司的資料宣傳架，不妨取一本翻看一下，也會(huì)增加HR對(duì)你的好感。
第五：放松心情，保持自信
面試時(shí)一定要保持一定的自信，這樣也會(huì)給面試官留下很好的印象。面試只是你步入工作的第一步，即便是失敗了那也是人生重要的經(jīng)歷。失敗是為了更好地迎接下一個(gè)挑戰(zhàn)。
作為一名web前端工程師千萬(wàn)不要覺得懂技術(shù)面試就能萬(wàn)事大吉了，像以上五點(diǎn)細(xì)節(jié)性的東西也是一定要掌握的。
艷醉迷風(fēng)
vue的路由模式一共有兩種，分別是哈希和history，他們的區(qū)別是hash模式不會(huì)包含在http請(qǐng)求當(dāng)中，并且hash不會(huì)重新加載頁(yè)面，而使用history模式的話，如果前端的url和后端發(fā)起請(qǐng)求的url不一致的話，會(huì)報(bào)404錯(cuò)誤，所以history的原理是利用html5新增的兩個(gè)特性方法，分別是psuhState和replaceState來(lái)完成的，以上就是對(duì)vue路由的理解。 路由的導(dǎo)航守衛(wèi) 又叫做路由的鉤子函數(shù)（生命周期函數(shù)） 就是在跳轉(zhuǎn)頁(yè)面的時(shí)候把路由欄下來(lái)，做一些操作在放行，vue一共提供了三種路由守衛(wèi)。 第一種是全局守衛(wèi) beforeEach路由進(jìn)入之前 afterEach路由進(jìn)入之后 第二種 組件內(nèi)守衛(wèi) beforeRouteEnter 路由進(jìn)入之前 beforeRouteUpdate 路由更新之前 beforeRouteLeave 路由離開之前 第三種 路由獨(dú)享守衛(wèi) beforeEnter 路由進(jìn)入之前 分別是 to from next next 這個(gè)參數(shù) 在路由版本的時(shí)候，是必須的 但是到了路由版本的時(shí)候next參數(shù)變成可選的了 一般來(lái)說(shuō)vue2搭配 的路由 vue3搭配 的路由 比如說(shuō)購(gòu)物車頁(yè)面只有登陸的才能訪問，我們可以用組件級(jí)守衛(wèi)購(gòu)物車頁(yè)面，如果已經(jīng)登陸存有token 的話，就繼續(xù)訪問這個(gè)頁(yè)面，如果沒有登陸的話就會(huì)跳轉(zhuǎn)到登陸頁(yè)面。 在項(xiàng)?中我們經(jīng)常使?路由守衛(wèi)實(shí)現(xiàn)??的鑒權(quán). ?如:當(dāng)?戶登錄之后,我們會(huì)把后臺(tái)返回的token以及?戶信息保存到vuex 和本地,當(dāng)??進(jìn)?跳轉(zhuǎn)的時(shí)候,我們會(huì)在路由守衛(wèi)??獲取vuex??的token,如果token存在的話,我們則使?next讓他進(jìn)?要 跳轉(zhuǎn)的??,如果token不存在的話我們使?next?法讓他回到登錄? 以上就是我對(duì)vue路由守衛(wèi)的理解。 ?先v-if和v-show都是控制元素的顯示與隱藏, 不過v-if控制元素的顯 示和隱藏的時(shí)候會(huì)刪除對(duì)?的dom元素,當(dāng)每?個(gè)顯示的時(shí)候,都會(huì)重新創(chuàng)建dom和渲染. ?v-show則是通過css的display:none 和display:block來(lái)控制元素的顯示與隱藏. v-if?較耗費(fèi)性能,所以我們涉及到頻繁的顯示隱藏操作我們建議使?v-show,如果不 是頻繁操作的話,我們可以v-if 在項(xiàng)?中我會(huì)經(jīng)常使?v-if和v-show,?如我們?cè)谒阉鞴δ艿臅r(shí)候,他有?個(gè)歷史記錄,這個(gè)時(shí)候我們根據(jù)是否有搜索的結(jié)果來(lái)判 斷歷史記錄的顯示與隱藏,這塊我就可以使?v-if ,當(dāng)然?v-show也可以. 以上就是我對(duì)v-if和v-show的理解。 v-for的優(yōu)先級(jí)?. 因?yàn)関-for的時(shí)候我們才開始渲染dom元素,這個(gè)v-if還?法進(jìn)?判斷. v-for和v-if不能同時(shí)使?,我們可以通過標(biāo)簽,?如div或者template標(biāo)簽來(lái)進(jìn)?包裹,把v-if寫到包裹的標(biāo)簽上?(寫到v-for外?)。 ?先呢,methods是?來(lái)定義?法的區(qū)域,methods定義的?法需要調(diào)?才能觸發(fā). 不具備緩存? ?computed是計(jì)算屬性,他依賴于屬性值的變化,當(dāng)屬性發(fā)?改變的時(shí)候,計(jì)算屬性??定義的?法就會(huì)觸發(fā),computed具有緩 存性,依賴屬性值的變化?變化. ?watch主要是?于監(jiān)聽,不具備被緩存性.依賴于數(shù)據(jù)變化?觸發(fā). 在項(xiàng)?中,?如我們獲取state的狀態(tài)的時(shí)候我們會(huì)把它放到computed??,或者在寫購(gòu)物?數(shù)量計(jì)算的時(shí)候也會(huì)使?計(jì)算屬性. ?watch也在項(xiàng)?經(jīng)常使?,?如我們封裝編輯 和 新增彈窗組件的時(shí)候會(huì)通過watch來(lái)進(jìn)?id判斷我們要顯否要清空表單的數(shù) 據(jù). 以上就是我對(duì)computed和watch的理解。
優(yōu)質(zhì)工程師考試問答知識(shí)庫(kù)