uniapp兼容问题

原创

坚持学前端 2022-08-19 11:40:08 博主文章分类：vue ©著作权

文章标签 vue.js android h5 ios 文章分类 虚拟化云计算

©著作权归作者所有：来自51CTO博客作者坚持学前端的原创作品，请联系作者获取转载授权，否则将追究法律责任

使用uniapp的时候需要考虑是h5为主还是app为主
如果是h5为主那基于原生组件与内置组件
布局使用flex view text image icon 使用nvue为主在进行编译的时候
会出现判断平台可以在编译的时候使用ifdef endif来设置各平台的差异

比如微信开发需要使用https但是h5却无所谓
如果你使用HTML标签也会转化成对应的内置组件
在使用nvue的时候需要注意css的差异

如果想使用typescript开发需要注意尽量使用原生的组件与api
少使用vue的语法因为在编译的时候会进行判断会报语法之类的错误

因为h5的语法与原生安卓的区别还是很大的，尤其是对于我们前端开发
没有接触过安卓开发虽然能够在uniapp调用原生安卓方法，一定要做好兼容代码。

plus.os.name 判断系统
plus.android
plus.ios
调用原生api
Native.js for Android

var NjsHello = plus.android.importClass("io.dcloud.NjsHello");  
// 创建NjsHello的实例对象  
var hello = new NjsHello();
NjsHello.CTYPE; 
NjsHello.testCount();  
NjsHello.plusGetAttribute( "count" );
NjsHello.plusSetAttribute( "count", 2 );
var hevent = plus.android.implements( "io.dcloud.NjsHelloEvent", {  
"onEventInvoked":function( name ){  
    console.log( "Invoked Object’s name: "+name ); // 输出“Invoked Object’s name: Tester”  
}  
} );