uni-app 使用HTML5+的注意事項
uni-app App 端內建 HTML5+ 引擎,讓 js 可以直接呼叫豐富的原生能力。
- 條件編譯呼叫 HTML5+
小程式及 H5 等平臺是沒有 HTML5+ 擴充套件規範的,因此在 uni-app 呼叫 HTML5+ 的擴充套件規範時,需要注意使用條件編譯。否則執行到h5、小程式等平臺會出現 plus is not defined錯誤。
// #ifdef APP-PLUS var appid = plus.runtime.appid; console.log('應用的 appid 為:' + appid); // #endif
- uni-app不需要 plus ready 在html中使用plus的api,需要等待plus ready。 而uni-app不需要等,可以直接使用。而且如果你呼叫plus ready,反而不會觸發。
- uni-app 中的事件監聽
在普通的 H5+ 專案中,需要使用 document.addEventListener 監聽原生擴充套件的事件。
uni-app 中,沒有 document。可以使用 plus.globalEvent.addEventListener 來實現(注意manifest中需開啟新編譯器,即自定義元件模式"usingComponents":true)。
// #ifdef APP-PLUS // 監聽裝置網路狀態變化事件 plus.globalEvent.addEventListener('netchange', function(){}); // #endif
同理,在 uni-app 中使用 Native.js 時,一些 Native.js 中對於原生事件的監聽同樣需要按照上面的方法去實現。
注意:舊編譯器(非自定義元件模式)不支援 plus.globalEvent 這個物件。
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/70018483/viewspace-2900872/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- uni-app 使用Weex/nvue的注意事項APPVue
- uni-app開發注意事項APP
- uni-app 跨端開發注意事項APP跨端
- Oracle使用*的注意事項Oracle
- 使用Google Fonts注意事項Go
- 說點JSON使用的注意事項JSON
- 使用MyBatis的注意事項有哪些MyBatis
- 使用HTTP的三個注意事項HTTP
- 使用Vue.js的注意事項Vue.js
- 使用ProForm的useRef()物件的注意事項ORM物件
- C中memcpy使用注意事項memcpy
- TCP使用注意事項總結TCP
- 萬兆網路卡使用注意事項
- Guava HashMultimap使用及注意事項Guava
- MySQL半同步使用注意事項MySql
- 機械硬碟,使用注意事項硬碟
- cookie的使用方法以及注意事項Cookie
- Python Enum 使用的幾點注意事項Python
- ip代理軟體的使用注意事項
- Oracle臨時表使用注意事項Oracle
- 不同版本exp/imp使用注意事項
- Select 選擇器使用注意事項
- MCU看門狗使用注意事項
- 伺服器使用安全注意事項伺服器
- HTML基本標籤的使用與注意事項HTML
- TDengine | taosdump 的使用方法和注意事項
- TDengine|taosdump 的使用方法和注意事項
- RandomAccessFile注意事項randomMac
- @Lombok注意事項Lombok
- MyBatis 的在使用上的注意事項及其辨析MyBatis
- 向下轉型的注意事項與instanceof的使用
- 換工作的注意事項
- PureComponent 使用注意事項以及原始碼解析原始碼
- Mysql索引以及使用索引注意事項MySql索引
- 2. Go中defer使用注意事項Go
- Power Apps SortByColumns 函式使用注意事項APP函式
- spring-data-jpa使用快取的注意事項Spring快取
- SQL 語句的注意事項SQL