RecycleScroller虛擬列表的實(shí)戰(zhàn)。 背景 當(dāng)渲染大型列表時(shí)，由于瀏覽器需要處理大量的 DOM 節(jié)點(diǎn)，會(huì)帶來(lái)頁(yè)面卡頓、內(nèi)存占用過(guò)高等問(wèn)題。此時(shí)可以通過(guò)將列表虛擬化技...
發(fā)簡(jiǎn)信
IP屬地：湖北
-
Vue3|性能優(yōu)化之虛擬列表 -
Vue3|性能優(yōu)化之緩存本文介紹幾個(gè)Vue3項(xiàng)目的緩存策略 背景 緩存在性能優(yōu)化中起著重要作用，它可以提高網(wǎng)頁(yè)的響應(yīng)速度、給用戶更快速流暢的使用體驗(yàn)，同時(shí)還可以減少服務(wù)器負(fù)擔(dān)。接下來(lái)從頁(yè)面、組件和數(shù)...
-
Flutter流暢度優(yōu)化之過(guò)度繪制一些容易被忽視導(dǎo)致過(guò)度繪制的組件。 發(fā)現(xiàn)問(wèn)題 Flutter官方提供的性能檢測(cè)工具DevTools可用來(lái)檢測(cè)如不合理布局（Inspector）、單幀CPU耗時(shí)（Perform...
-
客戶端初學(xué)Vue之UI篇
hi好久不見(jiàn)~消失的這半年做了件大事，生了個(gè)兔寶寶??產(chǎn)假回來(lái)之后發(fā)現(xiàn)項(xiàng)目組又啟動(dòng)了一個(gè)新項(xiàng)目，這次做的網(wǎng)頁(yè)，基于Nuxt3開(kāi)發(fā)的，于是開(kāi)始了學(xué)習(xí)前端知識(shí)。這一路從Androi...
-
Flutter滑動(dòng)停止事件ScrollEndNotification
使用ScrollEndNotification可能要注意的點(diǎn)。 發(fā)現(xiàn)問(wèn)題 在做Flutter流暢度優(yōu)化之過(guò)度繪制[http://www.itdecent.cn/p/bd7b...
-
BUG|Flutter Text組件和國(guó)際化（二）
發(fā)現(xiàn)問(wèn)題 現(xiàn)網(wǎng)發(fā)現(xiàn)有些玩家昵稱顯示異常，部分字符顯示不出來(lái)： 經(jīng)查這是一個(gè)Unicode為\u0655的阿拉伯字符——Arabic Hamza Below[https://w...
-
Flutter|滑動(dòng)體系之ScrollPyhsics本篇將通過(guò)一個(gè)體驗(yàn)優(yōu)化需求來(lái)學(xué)習(xí)Flutter滑動(dòng)體系中的ScrollPyhsics。 發(fā)現(xiàn)問(wèn)題 接到這樣一個(gè)體驗(yàn)問(wèn)題，在iOS設(shè)備上瀏覽視頻帖子時(shí)，發(fā)現(xiàn)每次脫手后滑動(dòng)停止較...
-
Flutter|初探事件處理（三）繼續(xù)該系列，這一篇是實(shí)戰(zhàn)篇，在掌握這前面幾篇知識(shí)點(diǎn)后，相信很容易就能解決這次的需求啦~ 需求背景 先看這樣一組頁(yè)面，分為橫屏豎屏兩種樣式，頁(yè)面元素都很好實(shí)現(xiàn)，主要是一個(gè)頭部信...
-
BUG|Flutter字體和國(guó)際化排查土耳其文顯示異常的問(wèn)題。 發(fā)現(xiàn)問(wèn)題 適配同學(xué)反饋某個(gè)設(shè)備在土耳其環(huán)境下無(wú)法顯示部分字符，出現(xiàn)亂碼： 因?yàn)樽詼y(cè)機(jī)能顯示出來(lái)，且異常字符主要是?和?，所以一開(kāi)始懷疑是設(shè)備字符...