taro使用中的問題

一. 多端踩過的那些技術坑

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

二. 多端專項復盤總結

  • 根據多端的經驗,對于新技術的嘗試在前期的規劃和時間預估上需要留至少2-3天的緩沖時間,來解決突發技術疑難問題,兼容問題
  • 新增加的功能考慮到多平臺的兼容,按目前經驗基本需要2天的兼容調整時間
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
禁止轉載,如需轉載請通過簡信或評論聯系作者。