前端js进行APP版本号比较方法

JavaScript014

前端js进行APP版本号比较方法,第1张

/*** 比较版本号的大小,如果curV 大于 reqV,则返回true,否则返回false* @param {String} curV* @param {String} reqV*/ function Version(curV, reqV) {    var arr1 = curV.toString().split('.')     var arr2 = reqV.toString().split('.')     //将两个版本号拆成数字    var minL = Math.min(arr1.length, arr2.length)     var pos = 0//当前比较位    var diff = 0//当前为位比较是否相等    var flag = false     //逐个比较如果当前位相等则继续比较下一位    while(pos <minL) {         diff = parseInt(arr1[pos]) - parseInt(arr2[pos])        if(diff == 0) {             pos++             continue        } else if(diff >0) {             flag = true             break        } else {             flag = false             break        }    }        return flag }例如:let test_v = Version(‘5.1.3’,‘5.0.1’);            console.log(test_v )            //true

Demo: https://github.com/gwpp/jsinterface

不论是在创业团队中快速试错,还是在成熟团队中快速迭代复杂需求,还或者是其他原因,WebView在APP中的大量使用已经成为了一个明显的趋势,这也应该算是大前端融合的一个表象吧。笔者在工作中也遇到过很多App&Js交互的问题,粗浅的研究了一下,这里也分享给大家,如果有错误的地方还请下方留言指出,共同进步。

众所周知,iOS有 UIWebView 、 WKWebView 两个组件可以用来渲染嵌入页面。前者使用甚广,出生的也早,后者是iOS8推出的,优化了加载速度和内存,安全性上也有所提升。具体的两者比较百度、上都很多,这里不做赘述。

前两种方法到此就介绍完了,很简单,但是在项目大了之后拦截跳转的代理方法中会有非常多的判断。冗余、可维护性差,硬编码重。所以我们会有下面的其他方法。

JSContext即JavaScriptContext,这个东西在UIWebView中可以拿到,但是在WKWebView中却是取不到了,所以只能用在UIWebView中。除此以外Android里也有类似的一个东西,所以使用JSContext就有了在JS端多平台统一的可能,这里不多说,在《App与Js交互(三)》中会有详细说明。

JSContext的原理就是iOS暴露出去一个遵守 <JSExport>协议的对象给JS,JS可以直接调用该对象的public方法。

window.webkit.messagehandlers.<name>.postMessage 是apple推荐使用的WKWebView的JS交互方式,使用起来比较简单,不支持callback回调。