移动端bug和优化

1、字体兼容bug

描叙：ios默认字体和andriod不一样，需要设置html的默认字体样式
例子:font-family: PingFang-SC-Regular,Helvetica,sans-serif;

2、WeiboJSBridge设置bug

描叙：android的jsbride设置不起作用，需要执行init方法
例子：
bridge.init(function (message, responseCallback) {
var data = {
'Javascript Responds': 'Wee!'
};
responseCallback(data);
});

3、日志统计会阻塞，内存异常

描叙：js调用jsbrige会导致线程阻塞，使用setTimeout放入队列中
例子：
setTimeout(() => {
if(Bus.browserType=="android"){
Bus.jsBridge.callHandler("movieActionLog", params, function(params, success, code) {
if(success) {
// alert("log日志发送成功！");
}
});
}else if(Bus.browserType=="ios"){
Bus.jsBridge.invoke("movieActionLog", params, function(params, success, code) {
if(success) {
// alert("log日志发送成功！");
}
});
}else{
console.log(params)
Bus.$on("movieConfig",function () {
Bus.$emit("movieActionLog",params)
})
}
}, 0);

4、echarts 图表在android不显示

描叙：切换页面的时候，android图表不现实，手碰到屏幕后正常显示
例子：可能是webview渲染方式所导致。 http://blog.csdn.net/ge673551532/article/details/76103686

5、首页使用默认数据，加快渲染

描叙：需要获取客户端的信息后，再post请求后台接口，这样会多一段等待时间
例子：将config信息缓存到本地，加快请求

6、首页使用本地缓存，加快渲染

描叙：需要等ajax返回数据后，再渲染页面，页面有一段空白时间
例子：对首屏数据进行缓存，直接渲染到页面

7、scheme链接跳转问题

描叙：特殊scheme跳转有的不识别，拦截所有的跳转，让jsbride调用app跳转
例子：moviesdk:url

8、es6语法兼容问题

描叙：js的语法在低版本的android中不兼容，导致报错
例子：import 'es6-promise/auto';

9、echarts在android切换的时候，有的时候不显示

描叙：js的语法在低版本的android中不兼容，导致报错
例子：echarts低版本导致的问题，引入3.7.2

10、android不存在本地缓存

描叙：android的本地缓存没有生效，怀疑是没有缓存
例子：android启用本地缓存

11、页面在隐藏的时候，也会不停的发送日志

描叙：android 是按钮切换的时候，ios用中间返回键的时候，不能获取页面是否显示，其他情况可以
例子：ios缩小隐藏的时候，发送日志
·//监听浏览器当前页面是否被激活的事件
var hiddenProperty = 'hidden' in document ? 'hidden' :
'webkitHidden' in document ? 'webkitHidden' :
'mozHidden' in document ? 'mozHidden' :
null;
var visibilityChangeEvent = hiddenProperty.replace(/hidden/i, 'visibilitychange');
var onVisibilityChange = function()
{
if(!document[hiddenProperty]){
doSomething();
}
}
document.addEventListener(visibilityChangeEvent, onVisibilityChange);·

12、首页做了下优化，改成rem自适应的布局
1、改成rem自适应的布局，提高了页面制作和修改效率
2、js文件减少了27kb，css文件减少了37kb