开发uniapp一些实用技巧

石榴熟了

1、 去除uniapp开发VX公众号h5的uniapp自带导航栏

navTitle() {
        let style = document.createElement('style');
        style.type = 'text/css';
        style.innerHTML = "uni-page-head,.uni-page-head{display:none;}";
        document.getElementsByTagName('head').item(0).appendChild(style);
},

2、获取url地址参数或地址栏中的参数

getUrlArgument(url,name) {
        return decodeURIComponent((new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)').exec(url) || [, ''])[1].replace(/\+/g, '%20')) || null;
},
getUrlArgument(location.href, 参数名)

3、使用flite获取符合过滤条件项的id
arrr.map( item => item.checked ).map( item => item.id )
arr.map( item => ( item.array.filter( i => i.checked )).map( item => item.id ))

4、当前时间戳毫秒级转成秒级

Date.parse(new Date())/1000


5、阻止uniapp的返回事件

onBackPress() {
        return true;
}


6、IOS滚动条不顺畅

overflow: auto;
-webkit-overflow-scrolling: touch;

7、H5与APP交互
（1）、h5给app传值

IOS:
window.webkit.messageHandlers.ios定义方法名.postMessage(待传参数});

Android：
android别名.android定义方法名(待传参数)；

（2）、app给h5传值

IOS：
window.ios_componiID（暴露的方法名） = res => {
        //res 为app端传过来的参数
}

Android：
window.getAndroidUserData（暴露方法名） = res => {
        //res 为app端传过来的参数
}

wis98

支持一下