uni app跨端開發遇到的問題

技術棧
uni app,vue3,uview puls,map…

nvue

因為項目中有地圖,要使用到map標簽,所以考慮用原生nvue開發,它是有痛點的,首先瀏覽器不支持,我是要開發ios和Android,所以只能在模擬器上運行,模擬器上就沒法查看元素了啊,可想而知;其次nvue的支持性本來就不好,很多樣式根本不支持,這對于前端來說是痛苦的,所以該總結也尤為重要,可以規避很多問題及無厘頭的查找原因。

能省則省,別人總結的我就不寫了
1、nvue頁面用法uniapp
2、因為uni是跨端,所以跟小程序也有很多相似的通病:小程序開發中遇到的問題,不過這個是我很早之前寫的了,不完善

其它我遇到的:
1、圖片要用image標簽不是img(android沒問題,ios就較真了),寬高都要設置,因為有默認的寬高,不能自適應。

2、up-button背景色要在元素上設置color屬性(支持漸變),需要設置寬度

3、flex布局必須加flex-direction: row;

4、up-modal下面包的內容一級view class必須是slot-content,不包或者不叫slot-content,
下面元素的樣式將不會生效(有class也不行),slot-content的寬度需要有文字(text)長度撐開,
如果沒有文案寬度將沒有,其他元素比如up-button寬度設置也無效,寬度不夠元素還會換行。

5、map在真機上渲染不出來,首先最主要的原因是配置沒有選Maps,其次模擬器我沒有自定義基座,所以你用自定義基座的話模擬器也出不來,更有利發現和解決問題
在這里插入圖片描述
6、橫向超屏滾動
我有一個數組,需要遍歷展示多個,平鋪顯示,超屏左右滑動
nvue是不支持overflow: scroll的,首先可以借助組件

<scroll-view scroll-y="true" :style="{ maxHeight:  'xxrpx' }">......
</scroll-view>
// 或者
<swiper autoplay="false" style="height: xxrpx"><swiper-item v-for="(item, index) in List" :key="index">......</swiper-item>
</swiper>			

我還用了一種方法,實現的效果有點復雜,代碼也寫的復雜,而且這個是我第一次搞,可能實現方式也不好,先不附上了,如果上面的方法不能解決你的問題,可以給我留言試下

ios上架

1、不能上來就讓用戶授權
本來設置的初始頁為首頁,但是因為首頁有地圖,需要獲取位置信息,所以一進來就會彈窗詢問用戶是否允許開啟位置信息,這不符合上架條件,所以最后改為登錄頁為初始頁

2、隱私政策、服務協議
不能少,比如登錄的時候:“我已閱讀并同意xxxxxx”,并且這兩個協議需要用iframe嵌套一個地址實現(寫一個html,然后發布到服務器,域名就有了),不是寫在項目頁面里,這個好像是在上架那里也需要把這個地址在那里配置(很多東西項目里配置過這里也要配,具體不清楚,我們是負責人配的),所以要這么弄。

3、登錄頁要有注冊
可以做一個假的,有一個接口控制注冊是否顯示,當在審核過程中注冊顯示,當審核通過注冊隱藏。

4、還有兩條我在HbuilderX的使用講到,截個圖
在這里插入圖片描述

其他

1、接口跨域
雖然是app項目,但我開始是在瀏覽器上運行(因為好調樣式),但是接口請求跨域了,后面發現需要在模擬器上運行。
當時還遇到接口時好時壞,原來是封裝接口的時候timeout設置的時間太短

2、文字轉語音
看這篇看這篇:uniapp 播放文字 調用百度文字轉語音,并播放
當時我以為這個很簡單,結果找了兩天左右吧才實現,主要還是跨端原因吧,反正查的很多方法用到項目里根本用不了,undefined,為此我還下了語音播報插件也沒用
在這里插入圖片描述
后來打算用百度那個,需要生成key的那種方法實現的時候,終于找到了,確實超簡單,雖然也是百度,但不用生成key了,為什么我一開始沒用key這種方式,因為說實話有點麻煩

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/pingmian/73626.shtml
繁體地址,請注明出處:http://hk.pswp.cn/pingmian/73626.shtml
英文地址,請注明出處:http://en.pswp.cn/pingmian/73626.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

SQL注入操作

sql注入 一&#xff0c;SQL注入分類按照注入的網頁功能類型分類按照注入點值的屬性分類基于從服務器返回內容按照注入的程度和順序 一&#xff0c;SQL注入分類 按照注入的網頁功能類型分類 登錄注入cms注入 cms邏輯&#xff1a;index.php首頁展示內容&#xff0c;具有文章列表…

微信 MMTLS 協議詳解(五):加密實現

常用的解密算法&#xff0c;對稱非對稱 加密&#xff0c;密鑰協商&#xff0c; 帶消息認證的加解密 #生成RSA 密鑰對 void GenerateRsaKeypair(std::string& public_key,std::string& private_key) {RSA* rsa RSA_new();BIGNUM* bn BN_new();// 生成 RSA 密鑰對BN_s…

ROS melodic 安裝 python3 cv_bridge

有時候&#xff0c;我們需要處理這些兼容性問題。此處列舉我的過程&#xff0c;以供參考 mkdir -p my_ws_py39/src cd my_ws_py39 catkin_make_isolated-DPYTHON_EXECUTABLE/usr/bin/python3 \-DPYTHON_INCLUDE_DIR/usr/include/python3.8 \-DPYTHON_LIBRARY/usr/lib/x86_64-l…

深入學習:SpringQuartz的配置方式!

全文目錄&#xff1a; 開篇語前言摘要概述1. 基于 XML 的傳統配置配置步驟1.1 Maven 依賴1.2 XML 配置文件1.3 實現 Job 類 2. 基于 Java Config 的現代配置方式配置步驟2.1 Maven 依賴2.2 配置類2.3 實現 Job 類 3. 動態任務調度動態添加任務動態刪除任務 4. Quartz 持久化配置…

ClickHouse與TiDB實操對比:從入門到實戰的深度剖析

ClickHouse與TiDB實操對比&#xff1a;從入門到實戰的深度剖析 寶子們&#xff0c;在當今數據驅動的時代&#xff0c;選擇合適的數據庫對于處理海量數據和支撐業務發展至關重要。ClickHouse和TiDB作為兩款備受關注的數據庫&#xff0c;各自有著獨特的優勢和適用場景。今天&…

element-ui messageBox 組件源碼分享

messageBox 彈框組件源碼分享&#xff0c;主要從以下兩個方面&#xff1a; 1、messageBox 組件頁面結構。 2、messageBox 組件屬性。 一、組件頁面結構。 二、組件屬性。 2.1 title 標題&#xff0c;類型為 string&#xff0c;無默認值。 2.2 message 消息正文內容&#xf…

睡眠健康領域的智能硬件設備未來的發展趨勢

隨著社會節奏的不斷加快&#xff0c;人們的睡眠問題愈發多了起來&#xff0c;主要表現有以下幾個方面&#xff1a; 睡眠質量下降 淺睡眠增多&#xff1a;現代生活中&#xff0c;人們面臨著各種壓力源&#xff0c;如工作壓力、生活瑣事、經濟壓力等&#xff0c;這些壓力會導致大…

支付頁面安全與E-Skimming防護----淺談PCI DSS v4.0.1要求6.4.3與11.6.1的實施

關鍵詞&#xff1a;支付頁面安全、E-Skimming、PCI DSS v4.0.1、第三方腳本、風險管理、持卡人數據、數據安全、第三方服務提供商、TPSP、內容安全、網頁監控、惡意腳本攻擊 本文為atsec和作者技術共享類文章&#xff0c;旨在共同探討信息安全的相關話題。轉載請注明&#xff…

【gradio】從零搭建知識庫問答系統-Gradio+Ollama+Qwen2.5實現全流程

從零搭建大模型問答系統-GradioOllamaQwen2.5實現全流程&#xff08;一&#xff09; 前言一、界面設計&#xff08;計劃&#xff09;二、模塊設計1.登錄模塊2.注冊模塊3. 主界面模塊4. 歷史記錄模塊 三、相應的接口&#xff08;前后端交互&#xff09;四、實現前端界面的設計co…

案例分享|樹莓派媒體播放器,重構商場廣告的“黃金三秒”

研究顯示&#xff0c;與傳統戶外廣告相比&#xff0c;數字戶外廣告在消費者心中的記憶率提高了17%&#xff0c;而動態戶外廣告更是能提升16%的銷售業績&#xff0c;整體廣告效率提升了17%。這一顯著優勢&#xff0c;使得越來越多資源和技術流入數字廣告行業。 戶外裸眼3D廣告 無…

23種設計模式-裝飾器(Decorator)設計模式

裝飾器設計模式 &#x1f6a9;什么是裝飾器設計模式&#xff1f;&#x1f6a9;裝飾器設計模式的特點&#x1f6a9;裝飾器設計模式的結構&#x1f6a9;裝飾器設計模式的優缺點&#x1f6a9;裝飾器設計模式的Java實現&#x1f6a9;代碼總結&#x1f6a9;總結 &#x1f6a9;什么是…

[Vue]事件修飾符

文章目錄 一、語法介紹二、添加代碼三、結果展示四、參考文獻 如有錯誤&#xff0c;請指正&#xff01;&#xff01;&#xff01; 一、語法介紹 1、問題來源 我們在處理網頁時&#xff0c;當點擊按鈕時會觸發對應事件&#xff0c;但是有時并不想觸發該時間&#xff0c…

Go 語言 sync 包使用教程

Go 語言 sync 包使用教程 Go 語言的 sync 包提供了基本的同步原語&#xff0c;用于在并發編程中協調 goroutine 之間的操作。 1. 互斥鎖 (Mutex) 互斥鎖用于保護共享資源&#xff0c;確保同一時間只有一個 goroutine 可以訪問。 特點&#xff1a; 最基本的同步原語&#x…

ubuntu22.04安裝搜狗輸入法保姆教程~

一、添加中文語言支持 1.首先打開設置,找到Language and Region 2.點擊Manage Installed Languages 3.點擊 Install/Remove Languages... 4.選中Chinese (simplified),點擊Apply

docker中間件部署

1.docker安裝 # 1.卸載舊版本 yum remove docker \docker-client \docker-client-latest \docker-common \docker-latest \docker-latest-logrotate \docker-logrotate \docker-engine# 2.需要的安裝包 yum install -y yum-utils# 3.設置鏡像的倉庫 # 3.1.默認是國外的&#x…

python康復日記-request庫的使用,爬蟲自動化測試

一&#xff0c;request的簡單應用 #1請求地址 URLhttps://example.com/login #2參數表單 form_data {username: admin,password: secret } #3返回的響應對象response response requests.post(URL,dataform_data,timeout5 ) #4處理返回結果&#xff0c;這里直接打印返回網頁的…

強化學習和智能決策:Q-Learning和Deep Q-Learning算法

強化學習(Reinforcement Learning, RL)是機器學習的一個重要分支,它通過智能體(Agent)與環境交互來學習最優決策策略,旨在最大化智能體的長期累積獎勵。Q-Learning和Deep Q-Learning是強化學習中的兩種關鍵算法,它們在智能決策領域發揮著重要作用。 一、強化學習基礎 …

ubuntu22.04 安裝Jitsi meet 開源會議系統,代替騰訊會議

0.安裝 官方安裝教程Self-Hosting Guide - Debian/Ubuntu server | Jitsi Meet 一定要用域名訪問&#xff0c; 一定要用域名訪問&#xff0c; 一定要用域名訪問&#xff0c; 一定要用域名訪問&#xff0c; 域名一定要有ssl證書&#xff0c;域名一定要有ssl證書&#xff0c;域名…

專家管理系統(源碼+文檔+講解+演示)

引言 在知識經濟時代&#xff0c;專家管理系統成為了企業優化知識資源、提升決策效率的重要工具。本文將介紹一款創新的專家管理系統&#xff0c;該系統通過智能化工具&#xff0c;助力企業實現專家資源的高效管理和利用。 平臺概述 專家管理系統采用前后端分離的架構設計&a…

css基礎-選擇器

選擇器進階 子串選擇器 /* 匹配 href 以 "https" 開頭的鏈接 */ a[href^"https"] {color: green; }/* 匹配 href 包含 "example" 的鏈接 */ a[href*"example"] {text-decoration: underline; }/* 匹配 href 以 ".pdf" 結尾…