前端面試 一

2021-10-01 22:43:14 字數 2502 閱讀 4122

1、vue相對於原生js的優勢在**

認知現代js框架存在的根本原因是保持ui與狀態同步

核心思想

資料驅動 dom

核心功能

資料雙向繫結

元件(component)

核心概念

非同步更新佇列

el: el用於指定乙個頁面中已存在的dom元素來掛載vue例項。

beforedestroy生命週期:例項銷毀之前呼叫。主要解綁一些使用addeventlistener 監聽事件等

時間定時器

const timer =

setinterval

(function()

,1000

)clearinterval

(timer)

filter: vue的過濾器

v-text&v-html

v-html: 如果將使用者產生的內容使用 v-html 輸出後,有可能導師xss攻擊,所以要在服務端對使用者提交的內容進行處理,一般可將尖括號「<>」轉義

v-pre:

}<

/span>

vue.js只支援單個表示式,不支援語句和流控制。

v-bind & v-on :語法糖分別是「:」&"@"

語法糖:語法糖是指在不影響功能的情況下,新增某種方法實現同樣的效果,從而方便程式開發。

vue 在檢測到陣列變化時,並不是直接重新渲染整個列表,而是最大化地復用 dom 元素。替換的陣列中,含有相同元素的項不會被重新渲染,因此可以大膽地使用新陣列來替換舊陣列。

當 viewmodal 銷毀時,所有的事件處理器都會自動刪除,無須自己處理。

『$event』 代表原生的 dom 事件

2、vue的生命週期

vue生命週期是什麼?

vue生命週期是指vue例項物件從建立之初到銷毀的過程,vue所有功能的實現都是圍繞其生命週期進行的,在生命週期的不同階段呼叫對應的鉤子函式可以實現元件資料管理和dom渲染兩大重要功能。

從上面這幅圖中,我們可以看到vue生命週期可以分為八個階段,分別是:

beforecreate(建立前)、created(建立後)、beforemount(載入前)、mounted(載入後)、beforeupdate(更新前)、updated(更新後)、beforedestroy(銷毀前)、destroyed(銷毀後)

下面我們就來分別看看vue生命週期的這八個階段:

1、建立前(beforecreate)

對應的鉤子函式為beforecreate。此階段為例項初始化之後,此時的資料觀察和事件機制都未形成,不能獲得dom節點。

2、建立後(created)

對應的鉤子函式為created。在這個階段vue例項已經建立,仍然不能獲取dom元素。

3、載入前(beforemount)

對應的鉤子函式是beforemount,在這一階段,我們雖然依然得不到具體的dom元素,但vue掛載的根節點已經建立,下面vue對dom的操作將圍繞這個根元素繼續進行;beforemount這個階段是過渡性的,一般乙個專案只能用到一兩次。

4、載入後(mounted)

對應的鉤子函式是mounted。mounted是平時我們使用最多的函式了,一般我們的非同步請求都寫在這裡。在這個階段,資料和dom都已被渲染出來。

5、更新前(beforeupdate)

對應的鉤子函式是beforeupdate。在這一階段,vue遵循資料驅動dom的原則;beforeupdate函式在資料更新後雖然沒立即更新資料,但是dom中的資料會改變,這是vue雙向資料繫結的作用。

6、更新後(updated)

對應的鉤子函式是updated。在這一階段dom會和更改過的內容同步。

7、銷毀前(beforedestroy)

對應的鉤子函式是beforedestroy。在上一階段vue已經成功的通過資料驅動dom更新,當我們不在需要vue操縱dom時,就需要銷毀vue,也就是清除vue例項與dom的關聯,呼叫destroy方法可以銷毀當前元件。在銷毀前,會觸發beforedestroy鉤子函式。

8、銷毀後(destroyed)

對應的鉤子函式是destroyed。在銷毀後,會觸發destroyed鉤子函式。

vue的生命週期的思想貫穿在元件開發的始終,通過熟悉其生命週期呼叫不同的鉤子函式,我們可以準確地控制資料流和其對dom的影響;vue生命週期的思想是vnode和mvvm的生動體現和繼承

3、移動端適配問題的解決方案

1.meta-viewport適配

2.**查詢適配

3.em和rem動態適配

4如何解決不同解析度下不失真的問題

切圖的時候按照倍數分別切出1倍、2倍、3倍的分別放到不同的相對目錄下

前端面試(一)

1.對web標準的理解?結構 html 表現 css 行為 js dom es 2.cookie和session的區別。1 cookie資料存放在客戶的瀏覽器上,session資料放在伺服器上。2 cookie不安全,別人可以分析存放在本地的cookie並進行cookie欺騙 3 session會在...

前端面試 前端面試總結2018 07

2周面試了11家公司吧,具體面試題如下 面試第一周 7.23 7.27 中谷芯厚建 蘇寧vivo外包 電面 杭州通策會 第二週 7.30 8.3 南京軟體谷研究院 烽火科技 邁特望,蘇寧外包 電面 平安科技外包 華泰 外包 一輪 技術面,二輪現場技術面 三隻松鼠 電面 一.中谷芯 二.厚建 angu...

前端面試總結(一)

經歷了1個來月的面試,今天終於結束了這段暗無天日的日子,現來總結一下面試過程中遇到的問題,激勵自己更好的學習和努力。首先,簡歷要盡量清晰簡潔有內涵,不能像流水賬一樣 好吧,說的就是我自己 好的簡歷能讓人耳目一新,是對自己經歷的一種肯定,也是對面試官的一種引導,能讓他順著你的思路進行。基本就是按照你簡...