原创 在Vue項目中使用snapshot測試

在Vue項目中使用snapshot測試 snapshot介紹 snapshot測試又稱快照測試,可以直觀地反映出組件UI是否發生了未預見到的變化。snapshot如字面上所示,直觀描述出組件的樣子。通過對比前後的快照,可以很快找出UI的變化

原创 淺析Vue響應式原理(三)

Vue響應式原理之defineReactive defineReactive 不論如何,最終響應式數據都要通過defineReactive來實現,實際要藉助ES5新增的Object.defineProperty。 defineReactiv

原创 淺析Vue響應式原理(二)

Vue響應式原理之Observer 之前簡單介紹了Dep和Watcher類的代碼和作用,現在來介紹一下Observer類和set/get。在Vue實例後再添加響應式數據時需要藉助Vue.set/vm.$set方法,這兩個方法內部實際上調用了

原创 淺析Vue響應式原理(一)

淺析Vue響應式原理(一) Vue的特點之一是響應式,視圖隨着數據的更新而更新,在視圖中修改數據後Vue實例中的數據也會同步更新。內部藉助依賴(下文中的Dep類)來實現,數據的獲取(即get操作)會觸發收集依賴,而對數據賦值(即set操作)

原创 V8數組排序方法sort淺析

數組排序方法sort淺析 數組提供了排序方法,使用時傳入一個比較函數,根據比較函數的返回來確定元素最終在數組中的位置。默認排序順序是根據字符串Unicode碼點。 var a = [12,4,6,8,9,54,11,13]; a.sort(

原创 Vue.nextTick淺析

Vue.nextTick淺析 Vue的特點之一就是響應式,但數據更新時,DOM並不會立即更新。當我們有一個業務場景,需要在DOM更新之後再執行一段代碼時,可以藉助nextTick實現。以下是來自官方文檔的介紹: 將回調延遲到下次 DOM 更