mvvm分為model、view、viewmodel三者。
model代表資料模型,資料和業務邏輯都在model層中定義;
view代表ui檢視,負責資料的展示;
viewmodel負責監聽model中資料的改變並且控制檢視的更新,處理使用者互動操作;
model和view並無直接關聯,而是通過viewmodel來進行聯絡的,model和viewmodel之間有著雙向資料繫結的聯絡。因此當model中的資料改變時會觸發view層的重新整理,view中由於使用者互動操作而改變的資料也會在model中同步。
這種模式實現了model和view的資料自動同步,因此開發者只需要專注對資料的維護操作即可,而不需要自己操作dom。
v-html、v-show、v-if、v-for等等
v-show 僅僅控制元素的顯示方式,將 display 屬性在 block 和 none 來回切換;而v-if會控制這個 dom 節點的存在與否。當我們需要經常切換某個元素的顯示/隱藏時,使用v-show會更加節省效能上的開銷;當只需要一次顯示或隱藏時,使用v-if更加合理。
當乙個vue例項建立時,vue會遍歷data選項的屬性,用object.defineproperty將它們轉為 getter/setter並且在內部追蹤相關依賴,在屬性被訪問和修改時通知變化。
每個元件例項都有相應的 watcher 程式例項,它會在元件渲染的過程中把屬性記錄為依賴,之後當依賴項的 setter 被呼叫時,會通知 watcher 重新計算,從而致使它關聯的元件得以更新。
百度前端面試題
1.列舉你所知道的html行內元素 塊級元素和空 void 元素 答 塊元素 block element html標籤分類明細 address 位址 blockquote 塊引用 center 舉中對齊塊 dir 目錄列表 div 常用塊級容易,也是css layout的主要標籤 dl 定義列表 f...
百度前端面試題分享
到公司以後,直接技術面,沒有筆試 考官 自我介紹一下 我 巴拉巴拉 考官 你會什麼?我 巴拉巴拉,其中提到了物件導向 考官 那你寫乙個類吧 我就寫了乙個建構函式和原型物件,然後例項化,並進行了一番解釋 考官 如何實現兩個類的繼承 我 不是很清楚,回答了乙個extend方法,然後考官貌似不是很清楚ex...
百度前端面試題錯題彙總
使用純html css實現如圖 實現 dom結構 demo1 demo2 css樣式 demo1 demo2 實現思路解析 乙個大的div包含了乙個小的div,小的div設定定位移動到父div右邊,然後使用transition旋轉45度並設定這個div的兩個border方向為none或者0,並設定他...