taro使用中的問題

一. 多端踩過的那些技術(shù)坑

名稱 問題描述 解決方案 備注
不支持自定義字體大小 H5不支持字體換行
taro 彈窗組件問題 h5上層級(jí)需要手動(dòng)處理 使用portral改寫彈窗
taro slider滑塊組件問題 1、 兼容性不好,H5下面,部分瀏覽器無法滑動(dòng),左側(cè)滑塊滑動(dòng)之后會(huì)退出頁面 2、取不到最新的值,滑動(dòng)之后發(fā)現(xiàn)取到的還是滑動(dòng)之前的值
taro 100vh兼容問題 Chrome和Safari,QQ不太兼容 動(dòng)態(tài)設(shè)置高度
fixed定位問題 fixed定位本身問題 最好別用fixed定位,通過布局排版實(shí)現(xiàn)元素位置
taro下拉刷新問題 在H5中不起作用 需自定義下拉刷新
多行文本省略號(hào) 多行文本省略號(hào)寫在css中不起作用 寫在style中,在style中寫屬性可實(shí)現(xiàn)
匿名函數(shù)問題 小程序中能調(diào)用方法,H5中不行 bind(this),或者函數(shù)使用 =(data)=> 方式
refs嵌套層級(jí)不一樣 web多了一個(gè)wrappedInstance 父組件調(diào)用子組件的方法時(shí),數(shù)據(jù)結(jié)構(gòu)問題 web多了一層wrappedInstance 根據(jù)小程序或者web做判斷
多個(gè)根路由兼容 h5.router.basename不能動(dòng)態(tài)定義 在html指定,打包時(shí)替換為指定變量
彈框?qū)蛹?jí)不一樣 小程序自動(dòng)提升層級(jí),web層級(jí)沒有提升到最外面,有的時(shí)候彈窗會(huì)被其他z-index定位元素的下面 使用Portral重構(gòu),將彈窗 層級(jí)放到最外層
搜索框通過鍵盤搜索 taro原始組件Form上缺少action參數(shù)接收 h5模式下繼承原組件中轉(zhuǎn)
首頁banner有時(shí)不能輪播 在輪播列表數(shù)據(jù)沒有下載下來的時(shí)候去渲染dom , 數(shù)據(jù)下載下來后不會(huì)循環(huán)播放,只播放一輪 在數(shù)據(jù)沒請(qǐng)求到值之前不去渲染dom,可以先寫個(gè)占位框子 1.3.37版本有問題,2.0.4正常,2.1.5以上有問題
百度小程序頁面初始化props為空
hooks+function 性能問題 推薦使用 hooks+function 寫法進(jìn)行頁面編碼,對(duì)性能有提升 目前hooks未見明顯提升,但之后有提升空間
渲染問題 渲染數(shù)據(jù)會(huì)有漏數(shù)據(jù)、不渲染現(xiàn)象 拆出來單純傳值過去
圖片寬度無法自適應(yīng) css width: auto無效 使用mode屬性及js計(jì)算,有的時(shí)候mode屬性也不能滿足,要去實(shí)時(shí)計(jì)算
分包目錄 分包問題,小程序包大小限制 開發(fā)初期做好分包目錄,不要等到后期再改
同頁面數(shù)據(jù)串掉問題 當(dāng)前項(xiàng)目頁面棧存在兩個(gè)及以上相同頁面上的時(shí)候,返回的時(shí)候會(huì)出現(xiàn)數(shù)據(jù)以及樣式問題 在明顯的會(huì)有相同頁面棧存在是,這種頁面跳轉(zhuǎn)的時(shí)候要清掉當(dāng)前數(shù)據(jù) 使用redux有誤

二. 多端專項(xiàng)復(fù)盤總結(jié)

  • 根據(jù)多端的經(jīng)驗(yàn),對(duì)于新技術(shù)的嘗試在前期的規(guī)劃和時(shí)間預(yù)估上需要留至少2-3天的緩沖時(shí)間,來解決突發(fā)技術(shù)疑難問題,兼容問題
  • 新增加的功能考慮到多平臺(tái)的兼容,按目前經(jīng)驗(yàn)基本需要2天的兼容調(diào)整時(shí)間
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。
禁止轉(zhuǎn)載,如需轉(zhuǎn)載請(qǐng)通過簡(jiǎn)信或評(píng)論聯(lián)系作者。

友情鏈接更多精彩內(nèi)容