服务购

　　h5+js是最近的app开发最看好的方式。h5js开发的哪些app都是怎么开发的？小编接下来为大家带来h5js开发的哪些app的代码实例。

　　支付宝红包火了，微信红包火了，作为开发者，敏感的就发现之前并不被看好的H5已经悄悄渗透进来，在原生（Native）代码中部分功能采用动态网页（HTML5+JavaScript）来实现，即保证了整体App的流畅度，又能及时推出一些活动和动态，目前主流App已经开始默认这种开发模式，未来的移动开发团队也需要H5的小伙伴加入进来了，实现动静结合，让页面更加灵活多变。**5的APP，虽然开发起来要比纯原生开发畅快的多，但最终效果和性能还是和原生比起来还是有很多问题。

　　h5js开发的哪些app都是怎么开发的：H5+JS

　　1.    具体案例

　　需要动态显示曲线图，如果直接加载绘制图形特别慢，所以采用本地放置模板，传入参数，然后模板自动绘制，提高体验，加快绘制；

　　2.    示例代码

　　3.    代码说明

　　a 这里需要采用绝对路径拖入H5模板，就是选择CreateFolder Reference, 只有这样才能保证H5能调用到本地的JS代码，不然加载不成功，这个最初找了很多原因，最后才发现是拖入时候选择问题;

　　b 如果要加入参数，注意需要先转成string，然后再转为URL;

　　h5js开发的哪些app都是怎么开发的：原生代码与网页交互通信

　　1.    具体案例

　　原生代码与H5相互调用方法，并传递参数，而且能回调数据；

　　2.    借助第三方实现

　　WebViewJavascriptBridge，该开源库非常完美的解决了原生代码与H5交互，即互殴；

　　3.    代码示例

　　1.初始化一个webview（viewdidload）

　　2.将此webview与WebViewJavascriptBridge关联（viewdidload）

　　此时webview就与js搭上桥了。下面就是方法的互调和参数的互传。

　　（1） js调oc方法（可以通过data给oc方法传值，使用responseCallback将值再返回给js）

　　这里注意testObjcCallback这个方法的标示。html那边的命名要跟ios这边相同，才能调到这个方法。当然这个名字可以两边商量着自定义。简单明确即可。

　　（2）oc调js方法（通过data可以传值，通过 response可以接受js那边的返回值 ）

　　注意这里的 testJavascriptHandler也是个方法标示。

　　（3）oc给js传值（通过 response接受返回值 ）

　　（4）oc给js传值（无返回值）

　　以上就是小编带来的关于h5js开发的哪些app都是怎么开发的的相关内容，希望对你有所帮助，详情请咨询小编。