setData優化過程

2022-06-30 04:42:13 字數 410 閱讀 6321

在做乙個小球跟隨手指移動的效果時候,由於在touchmove事件中頻繁呼叫setdata改變小球的位移實現,在開發工具和ios平台還算流暢,但在安卓機下手機預覽出現極其卡頓的互動,簡直是不堪入目。

setdata每秒呼叫高達50左右造成的。 引用官方的話就是:

一次 touchmove 的響應需要經過 2 次的邏輯層和渲染層的通訊以及一次渲染,通訊的耗時比較大。此外 setdata 渲染也會阻塞其它指令碼執行,導致了整個使用者互動的動畫過程會有延遲。

movable-view + movable-area可實現移動效果很流暢,但是也有侷限性不能滿足複雜的需求,例如現在需求需要是兩個小球使用兩個手指能同時控制小球移動,則無法實現,還需要配合setdata來實現,使用了setdata必然會出現卡頓

小程式setData詳解

引數接受乙個物件,以 key,value 的形式表示 可以一下設定乙個或多個data資料 this.setdata 複製 key可以以資料路徑的形式給出 路徑形式的key必須帶引號 資料可以不預設 this.setdata this.setdata 等於this.setdata 複製 key值可以為...

優化思路以及優化過程

nginx響應請求 1 建立 socket 連線2 開啟檔案,並沿 socket返回.排查問題,也要注意觀察這兩點 主要從系統命令 dmesg 和 nginx 的error.log 來觀察優化過程 1 判斷 nginx 的瓶頸1.1 首先把 ab測試端的效能提高 使之能高併發的請求 易出問題 too...

優化過程 Windows

雲伺服器的正常執行依賴於xen guest os driver pv driver 和kvm guest os driver uvp vmtools 為了同時支援xen虛擬化和kvm虛擬化,需要確保映象安裝了pv driver和uvp vmtools。將待優化的windows私有映象建立為雲伺服器,...