5月iOS設(shè)備好評榜：iPhone 14僅排第43？
來到新的一月，安兔兔的各個(gè)榜單又重新匯總了數(shù)據(jù)，像安卓陣營的榜單都有著比較大的變動(dòng)，不過iOS由于設(shè)備的更新?lián)Q代并沒有那么快，所以相對來說變化并不大，特別是iOS好評榜，老款設(shè)
馬上就到了金三銀四的重要時(shí)刻了?。〗裉旖o大家分享一個(gè)度小滿的面經(jīng)。考Vue考的多一些~~~
父組件傳輸局props給子組件時(shí)，子組件只能使用而不能修改，這是為了組件之間能更高地去解耦。比如有一個(gè)父組件，傳props給10個(gè)子組件，如果某一個(gè)子組件修改了，那么會(huì)影響其他9個(gè)子組件跟著刷新，所以不推薦子組件修改props。
v-model實(shí)際是:value + @input的語法糖
<input v-model="inputValue" /><input :value="inputValue" @input="inputValue = $event.target.value" />常用于對組件進(jìn)行二次封裝時(shí)，比如A -> B -> C，B可以直接將爺爺組件的所有數(shù)據(jù)或者事件直接傳給孫子。
生命周期：
組件銷毀時(shí)會(huì)自動(dòng)卸載組件本身綁定的事件，但是僅限于組件本身。例如一些定時(shí)器、全局對象的事件綁定、eventBus則不會(huì)自動(dòng)解綁，需要手動(dòng)解綁。
Vue2：
Vue3：
傳統(tǒng)的前端開發(fā)就像是蓋房子時(shí)需要自己從零開始，用了框架開發(fā)就相當(dāng)于有人事先給你搭好架子，你只需要添磚加瓦就行了?？蚣苡兴约旱囊惶组_發(fā)模式和開發(fā)流程，只要跟著他的流程走，并利用好其開發(fā)模式，做起事來會(huì)事半功倍，這也是為什么現(xiàn)在的前端越來越趨于框架開發(fā)的原因，畢竟時(shí)間就是金錢，節(jié)省時(shí)間很重要。
Vue2是通過重寫了數(shù)組原型上的方法來達(dá)到對數(shù)組的修改的監(jiān)聽，Vue2沒有對數(shù)組下標(biāo)做劫持，是出于心梗的考慮，因?yàn)橥ǔ?shù)組元素都是非常多的，可能成百上千，如果每個(gè)元素都進(jìn)行劫持，則非常耗費(fèi)性能。
(1) Symbol
是ES6的特性，具體使用場景有：
(2) 迭代
迭代器：Iterator，可迭代對象有Array、Set、Map，想將不可迭代對象變成可迭代對象，可以設(shè)置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金三銀四！分享度小滿的前端面經(jīng)，考Vue考的比較多
聲明：本網(wǎng)頁內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問題請及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。郵件：2376512515@qq.com
Copyright ? 2016-2023 天津谷騏科技有限公司 版權(quán)所有 sitemap.xml
違法及侵權(quán)請聯(lián)系：2376512515@qq.com 津ICP備18001702號(hào)
津公網(wǎng)安備 12010102000574號(hào)