vue项目在安卓低版本机显示空白原因: 可能的原因一: 查看安卓debug,报错,可能有箭头函数语法错误,或者其他语法问题,那可能是ES6语法问题. 这时候需要安装babel-pollyfill. 网上找到方法如下: https://blog.csdn.net/anxin_wang/article/details/78873359 1.安装babel-polyfill和es6-promise npm i babel-polyfill --save npm i es6-promise --save…
最近做移动端H5页面用VUX来写UI组件这块.ios测试的时候没啥大问题,不过在4.4版本的华为手机上测试就崩了.接下来详细记述下崩的几个点. 第一:vux自带的提示框,在低版本安卓系统上全不是居中显示,都偏左: 第二:使用Action Sheet来显示性别选择模态弹出框的时候,一开始就显示,即使选择了之后也不消失: 第三:弹出层没有遮罩层: 第四:一些css3样式会设置无效: 解决办法: 只要在package.json中修改一下browserslist(见截图):…
由于2台电脑安装的jdk版本不一样,导致从一台电脑移动项目到另一台电脑上时,运行出现了错误,错误信息如下: 主要是原先项目运行的JDK版本为1.8, 而要移过去的电脑的jdk是1.7的,首先已经把build path中的jre的版本换成了本机的1.7版本了,但是还是出现了上面的问题,上网找了一下,大致意思就是jdk的版本不一致造成的,但是真正不一致的地方是由于项目之前是在1.8版本上编译运行的,所有项目的属性中编译器的版本设定就是1.8了,所有只要这个设置与本机的JDK一样就可以了,具体设置是在…
昨天,在医院现场的客服人员,向我们反馈一个问题:说一位用户用他的安卓手机打开我们的app之后,界面是乱掉的:如下图: 向客服询问了具体的设备信息:安卓系统版本号是4.2 下意识觉得是因为css的兼容问题,因为之前遇到过太多类似问题了. 因为现在css3大行其道,像 flex,transform,transition,animation等属性都有广泛的应用,当然这些css3也支持当下的主流设备及系统. 但是因为我们的app目标用户比较广泛,很多用户是老年用户,使用比较低版本的系统,这些属性就可能在…
在低版本的火狐(43以下)和IE8中,显示时间格式为:yyyy-MM-dd hh:mm:ss,会出现NaN:原因是只支持yyyy/MM/dd hh:mm:ss; 所以在new Date('2018-08-09 10:24:00')的时候,格式也是要传入格式yyyy/MM/dd hh:mm:ss,显示的时候也要yyyy/MM/dd hh:mm:ss;…
问题: 在较低版本的android手机中发现封装的 http 无效,我测试使用的是android 4.4的老手机,主要就是无法使用promise. 解决方案 安装 npm install es6-promise --save-dev 使用 main.js 引用 import promise from 'es6-promise' 注册 ps:要在aixo之前注册 promise.polyfill() 此随笔乃本人学习工作记录,如有疑问欢迎在下面评论,转载请标明出处. 如果对您有帮助请动动鼠标右下方…
1.在Index.html里面加入loading的元素,让loading元素显示,让app元素隐藏 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Demo</title> <link rel="icon" href="/favicon.ico" mce_href="/favicon.ic…
方法一:修改index.html文件 <link rel="shortcut icon" type="image/x-icon" href="favicon.ico"/> 方法二:修改webpack配置文件 1.找到build下的webpack.dev.conf.js文件 new HtmlWebpackPlugin({ filename: 'index.html', template: 'index.html', inject: tr…
<template> <label for="file" class=" btn btn-default" style="border:1px solid red">多文件上传</label> <input type="file" style="display:none;" id="file" multiple @change="fil…
原因是:Babel 默认只转换新的 JavaScript 句法(syntax),而不转换新的 API ,比如 Iterator.Generator.Set.Maps.Proxy.Reflect.Symbol.Promise 等全局对象,以及一些定义在全局对象上的方法(比如 Object.assign)都不会转码.为了解决这个问题,我们使用一种叫做 Polyfill(代码填充,也可译作兼容性补丁) 的技术.   解决办法: 主要有俩个地方引起错误:vuex和axios 下载babel-polyfi…