国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

小程序canvas畫畫板簽字版,touchmove時卡頓的問題(根本原因是因?yàn)関ue語法中page.data導(dǎo)致視圖層和邏輯層的頻繁通訊導(dǎo)致)

這篇具有很好參考價值的文章主要介紹了小程序canvas畫畫板簽字版,touchmove時卡頓的問題(根本原因是因?yàn)関ue語法中page.data導(dǎo)致視圖層和邏輯層的頻繁通訊導(dǎo)致)。希望對大家有所幫助。如果存在錯誤或未考慮完全的地方,請大家不吝賜教,您也可以點(diǎn)擊"舉報違法"按鈕提交疑問。

起因

因?yàn)橐鲆粋€畫畫板的功能,所以使用了canvas組件,一開始好多人說小程序canvas性能特別差,也沒太注意,做出來之后確實(shí)有點(diǎn)卡,而且每一筆touchmove時間越長越卡,最終導(dǎo)致頁面卡到無法使用,起初我也以為是canvas卡。

開始找原因

canvas優(yōu)化

第一步肯定是先找一下canvas的問題,網(wǎng)上搜到一些材料優(yōu)化canvas的思路,無非就是以下幾種,詳細(xì)的可以參考我的另一個文章

  1. 繪制的圖形的數(shù)量和大小會影響canvas的性能, 減少繪制物,減少繪制指令
  2. 圖形數(shù)量過多,但是只刷新部分 可以使用局部渲染
  3. 邏輯層和背景圖層分離 可以使用分層渲染
  4. 某些長時間的邏輯影響主線程的, 可以使用離屏渲染 和webworker 來解決問題

這里做了兩個優(yōu)化:

  1. 禁用滾動,一開始一直卡的不行,后來查資料發(fā)現(xiàn)滾動跟touchmove事件有沖突,禁用之后好了許多
  2. 將ctx.stroke()指令放到定時器中執(zhí)行,每50ms執(zhí)行一次,這樣就是一個固定頻率執(zhí)行,不會因?yàn)轭l繁觸發(fā)touchmove導(dǎo)致ctx.stroke()一秒鐘執(zhí)行幾百幾千次

經(jīng)過處理,這些已經(jīng)好了很多,但是當(dāng)繪畫事件變長時還是會變得越來越卡,直到最后卡的,動不了,延遲十幾秒那種,所以繼續(xù)找問題文章來源地址http://www.zghlxwxcb.cn/news/detail-498528.html

<

到了這里,關(guān)于小程序canvas畫畫板簽字版,touchmove時卡頓的問題(根本原因是因?yàn)関ue語法中page.data導(dǎo)致視圖層和邏輯層的頻繁通訊導(dǎo)致)的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

本文來自互聯(lián)網(wǎng)用戶投稿,該文觀點(diǎn)僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務(wù),不擁有所有權(quán),不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載,請注明出處: 如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實(shí)不符,請點(diǎn)擊違法舉報進(jìn)行投訴反饋,一經(jīng)查實(shí),立即刪除!

領(lǐng)支付寶紅包贊助服務(wù)器費(fèi)用

相關(guān)文章

  • 【VRTK】【Unity】【PICO】PICO項(xiàng)目打包后閃退的根本原因

    一開始打包運(yùn)行好好的PICO項(xiàng)目,中途用Preview模式開發(fā)了一陣后,再次打包就閃退了。 項(xiàng)目設(shè)置沒有動過,那么可能是Preview開發(fā)過程中引入的包導(dǎo)致的問題。 千萬不要在PICO項(xiàng)目中導(dǎo)入Oculus包。我原本想用一些Oculus包內(nèi)的Assets資源,所以導(dǎo)入了Oculus,現(xiàn)在叫Meta的開發(fā)SDK包,經(jīng)

    2024年01月22日
    瀏覽(412)
  • IDEA編譯報錯:Error:java: 無效的源發(fā)行版: 17的根本原因

    IDEA編譯報錯:Error:java: 無效的源發(fā)行版: 17的根本原因

    1.本機(jī)默認(rèn)使用(編譯)的jdk與該項(xiàng)目所使用的jdk版本不同。(造成這個原因就是因?yàn)樵趧?chuàng)建項(xiàng)目的時候,idea默認(rèn)是使用的最新版本進(jìn)行快速構(gòu)建的) 2.jdk版本不適用于這個Idea,很典型的一個例子就是使用的Idea是2020的,而你用到的jdk是17,jdk17是2021年推出的,所以你只能去安裝

    2024年02月07日
    瀏覽(19)
  • 微信小程序安卓視頻播放卡頓問題

    微信小程序安卓視頻播放卡頓問題

    在微信小程序開發(fā)中遇到在video組件的兩個問題 剛開始以為是網(wǎng)絡(luò)問題,或者是視頻文件問題。排查了一下發(fā)現(xiàn)都沒問題 最后加了個屬性就OK了 uniapp和原生小程序方法 video組件兼容iOS手機(jī) custom-cache加了這個屬性會讓 因此我加了當(dāng)前手機(jī)型號的判斷 獲取當(dāng)前設(shè)備api 當(dāng)為iPho

    2023年04月16日
    瀏覽(15)
  • 微信小程序優(yōu)化多次跳轉(zhuǎn)后卡頓問題

    一、微信小程序多次跳轉(zhuǎn)會產(chǎn)生卡頓的原理 通過wx.navigateTo 跳轉(zhuǎn),都會出現(xiàn)保留當(dāng)前頁面,打開新的頁面機(jī)制。 wx.navigateTo不會將舊頁面出棧,會將新頁面入棧(棧內(nèi)元素個數(shù)增加,棧內(nèi)元素5個時,不能再跳轉(zhuǎn))。手機(jī)性能好點(diǎn),可能10次左右才會導(dǎo)致小程序跳轉(zhuǎn)卡頓崩潰。 二

    2024年02月11日
    瀏覽(57)
  • 微信小程序手寫簽字版

    在這里插入圖片描述 請在下面的白框中簽名 重置 提交 # js Page({ data: { signPath: [], cardNo: \\\'\\\', preX: \\\'\\\', preY: \\\'\\\', }, onLoad(options) { this.setData({ cardNo: options.cardNo }) wx.createSelectorQuery().select(\\\'#myCanvas\\\').fields({ node: true, size: true }).exec(this.init.bind(this)) }, init(data) { console.log(data); const width = dat

    2024年02月12日
    瀏覽(17)
  • 微信小程序?qū)崿F(xiàn)左右滑動進(jìn)行切換數(shù)據(jù)頁面(touchmove)

    微信小程序?qū)崿F(xiàn)左右滑動進(jìn)行切換數(shù)據(jù)頁面(touchmove)

    手指觸摸左右滑動進(jìn)行切換數(shù)據(jù) 需要實(shí)現(xiàn)的是有一個tab欄,點(diǎn)選某一個tab的時候切換頁面,手勢滑動,左滑右滑效果和點(diǎn)擊tab一樣切換頁面數(shù)據(jù)。 這里我們要先了解幾個微信的事件屬性 touchstart : 手指觸摸動作開始 touchmove:手指觸摸后移動 touchcancel:手指觸摸動作被打斷,

    2024年02月11日
    瀏覽(87)
  • 自己架設(shè)的傳奇會卡頓、掉線是什么原因?傳奇卡頓怎么解決?

    自己架設(shè)的傳奇會卡頓、掉線是什么原因?傳奇卡頓怎么解決?

    因?yàn)槠綍r接觸傳奇的用戶比較多,所以也會遇到架設(shè)的傳奇出現(xiàn)卡頓、掉線的情況,這究竟是為什么呢?飛飛總結(jié)了以下原因和解決方案希望可以幫助到你~ 首先我們結(jié)合情況來,剛架設(shè)好的服,測試時就遇到了卡頓、掉線的情況,大概率是和游戲設(shè)置有關(guān)系的,我們可以先

    2024年02月15日
    瀏覽(24)
  • 直播卡頓原因詳解及優(yōu)化

    直播卡頓原因詳解及優(yōu)化

    隨著視頻直播的發(fā)展,很多直播團(tuán)隊(duì)可能會遇到視頻直播卡頓,頻繁出現(xiàn)緩沖標(biāo)志或者直播畫面一卡一卡等情況。究竟是哪些原因造成了視頻直播觀看的卡頓情況呢? 又拍直播云結(jié)合實(shí)踐經(jīng)驗(yàn),從設(shè)備、視頻流、網(wǎng)絡(luò)這三方面進(jìn)行解剖分析造成直播卡頓的問題及其解決方法。

    2024年02月03日
    瀏覽(11)
  • 服務(wù)器卡頓怎么查找原因?

    雖然服務(wù)器出現(xiàn)卡頓的現(xiàn)象比較少見,但也不排除出現(xiàn)的可能,而服務(wù)器一旦出現(xiàn)卡頓,造成的后果會嚴(yán)重的多。這里分享點(diǎn)筆記,希望有所幫助 1. 性能評估: 首先,對服務(wù)器的性能進(jìn)行全面評估。檢查 CPU 使用率、內(nèi)存占用、磁盤讀寫速度等關(guān)鍵性能指標(biāo),確認(rèn)是否存在明

    2024年02月11日
    瀏覽(27)
  • 藍(lán)牙模塊傳輸音頻出現(xiàn)卡頓原因分析

    藍(lán)牙模塊傳輸音頻出現(xiàn)卡頓原因分析 作為一個在無線藍(lán)牙技術(shù)行業(yè)工作10年+的硬件工程師,整理一些藍(lán)牙模塊傳輸音頻出現(xiàn)卡頓原因的分析僅供大家參考: 一、天線方面 天線性能直接影響到藍(lán)牙型號的發(fā)射強(qiáng)度,一般來說藍(lán)牙音頻傳輸有效的使用范圍是10-15米,實(shí)際使用一

    2024年02月01日
    瀏覽(61)

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請作者喝杯咖啡吧~博客贊助

支付寶掃一掃領(lǐng)取紅包,優(yōu)惠每天領(lǐng)

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包