part3 模組五作業

2021-10-14 19:48:21 字數 1748 閱讀 9819

1、vue 3.0 效能提公升主要是通過哪幾方面體現的?

解答:

編譯優化

原始碼體積優化

vite

2、vue 3.0 所採用的 composition api 與 vue 2.x使用的options api 有什麼區別?

解答:

vue 3.0

3、proxy 相對於 object.defineproperty 有哪些優點?

解答:

proxy 的優點

object.defineproperty 的優點:

4、vue 3.0 在編譯方面有哪些優化?

解答:

5、vue.js 3.0 響應式系統的實現原理?

const isobject = val => val !== null && typeof val === 'object'

const convert = raw => isobject(raw) ? reactive(raw) : raw

const hasownproperty = object.prototype.hasownproperty

const hasown = (target, key) => hasownproperty(target, key)

export function reactive (target) ,

set (target, key, value, receiver)

return result

},deleteproperty (target, key)

return result

}} return new proxy(target, handler)

}let activeeffect = null

export function effect (callback)

let targetmap = new weakmap()

export function track (target, key)

// 如果沒有 dep 給depsmap設定

let dep = depsmap.get(key)

if ( !dep )

// 最後將活動effect函式新增到dep中

dep.add(activeeffect)

}export function trigger(target, key) )

}}export function ref (raw)

// 如果 raw 是物件呼叫reacytive 建立否則返回該值

let value = convert( raw )

const r =,

set value (newvalue)

}} return r

}export function torefs (proxy)

// 遍歷proxy將其內部響應式屬性賦給初始化屬性

for(const key in proxy )

return ret

}function toproxyref (proxy, key) ,

set value (newvalue)

} return r

}export function computed (getter)

part3 模組五作業

vue 3.0 效能提公升主要是通過哪幾個方面體現的?答 編譯優化 原始碼體積優化 tree shaking vite vue 3.0 所採用 composition api 與 vue 2.0x 使用的 options api 有什麼區別?答 vue 3.0 proxy 相比於 objct.def...

part3 模組二作業

vue.js 原始碼剖析 響應式原理 虛擬 dom 模板編譯和元件化 一 簡答題 1 請簡述 vue 首次渲染的過程。解答 定義 vue 的建構函式 初始化 vue 的例項成員 初始化完畢後呼叫 new vue 呼叫 this.init 呼叫 mount 將模板編譯成rander函式 執行mount...

關於除錯 part 3

歡迎喜歡交流和熱心的iphone開發朋友加入qq群參與討論 186739796,驗證碼 csdn。常見錯誤收集貼 方法名錯誤 product edit scheme,在environment varibles中 新增 nszombieenabled yes 最後結果 關於出現殭屍訊號sigbat或者...