馬上就到了金三銀四的重要時刻了!!今天給大家分享一個度小滿的面經。考Vue考的多一些~~~
父組件傳輸局props給子組件時,子組件只能使用而不能修改,這是為了組件之間能更高地去解耦。比如有一個父組件,傳props給10個子組件,如果某一個子組件修改了,那么會影響其他9個子組件跟著刷新,所以不推薦子組件修改props。
v-model實際是:value + @input的語法糖
<input v-model="inputValue" /><input :value="inputValue" @input="inputValue = $event.target.value" />
常用于對組件進行二次封裝時,比如A -> B -> C,B可以直接將爺爺組件的所有數據或者事件直接傳給孫子。
生命周期:
組件銷毀時會自動卸載組件本身綁定的事件,但是僅限于組件本身。例如一些定時器、全局對象的事件綁定、eventBus則不會自動解綁,需要手動解綁。
Vue2:
Vue3:
傳統的前端開發就像是蓋房子時需要自己從零開始,用了框架開發就相當于有人事先給你搭好架子,你只需要添磚加瓦就行了。框架有他自己的一套開發模式和開發流程,只要跟著他的流程走,并利用好其開發模式,做起事來會事半功倍,這也是為什么現在的前端越來越趨于框架開發的原因,畢竟時間就是金錢,節省時間很重要。
Vue2是通過重寫了數組原型上的方法來達到對數組的修改的監聽,Vue2沒有對數組下標做劫持,是出于心梗的考慮,因為通常數組元素都是非常多的,可能成百上千,如果每個元素都進行劫持,則非常耗費性能。
(1) Symbol
是ES6的特性,具體使用場景有:
(2) 迭代
迭代器:Iterator,可迭代對象有Array、Set、Map,想將不可迭代對象變成可迭代對象,可以設置Symbol.iterator屬性
const t = { name: '林三心', age: 12}t[Symbol.iterator] = function () { let index = 0, self = this, keys = Object.keys(this) return { next() { if (index < keys.length) { return { value: self[keys[index++]], done: false } } else { return { value: undefined, done: true } } } }}for (let value of t) { console.log(value)}
(3) 迭代器和迭代對象
合集:
const heji = (arr1, arr2) => { return [...new Set(arr1.concat(arr2))]}
交集:
const jiaoji = (arr1, arr2) => { const temp = new Set(arr1) return Array.from(new Set(arr2)).filter(item => { return temp.has(item) })}
差集:
const chaji = (arr1, arr2) => { const temp1 = new Set(arr1) const temp2 = new Set(arr2) const res = [] for (let item of temp1) { !temp2.has(item) && res.push(item) } return res}
Promise.sx_all = (promises) => { return new Promise((resolve, reject) => { const result = [] let count = 0 for (let i = 0; i < promises.length; i++) { const promise = Promise.resolve(promises[i]) promise.then(res => { result[i] = res count++ if (count === promises.length) { resolve(result) } }).catch(err => { reject(err) }) } })}
.box { width: 100px; height: 100px; background-color: pink; animation: scale 2s 9999999 alternate; } @keyframes scale { from { transform: scale(0); } to { transform: scale(1); } }}
本文鏈接:http://www.tebozhan.com/showinfo-26-84013-0.html金三銀四!分享度小滿的前端面經,考Vue考的比較多
聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。郵件:2376512515@qq.com
上一篇: 探索未來計算趨勢:qutip模塊助力量子計算技術發展!
下一篇: 前端實現無縫刷新 Token