产品中心

uni-app|使用HTML5+注意事项

作者:仙宝云 | 发布时间:2021-10-07 02:15:10 | 阅读:275

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 这个对象。

本文来源于uni-app官网,此文仅供应大家学习,如有侵权及时沟通删除!


<仙宝云(www.xianboss.com)是国内著名商城体系及商城网站建设提供商,为企业级商家提供零售商城、B2B2C多用户商城系统、仙宝云、微信分销体系、小程序商城、商城体系等多端商城网站建设解决方案>

申明:本网站局部文章和图片起源网络编辑,如有侵权及时沟通删除,仙宝商城原创文章,转载恳求注明根源。