前端开发过程中遇到了一切奇奇怪怪的问题,或是不符预期,或是兼容问题,亦或是无法解释,纪录在此,随时补充,以防再犯。
1、ios原生中载入图片文件名中包含多个下划线的图片,图片无法载入,但是android中没有问题。
2、微信中webview不能跳转.apk的包链接。我尝试过在apk包链接后拼接随机数或者时间戳,部分android手机可以实现触发浏览器实现apk包下载,在某些手机还是不行。
所以关于微信端下载只有ios可以直接跳转到app store,android因为市场太多,一般可以下载自己服务器上的包。在用户点击下载按钮后提示用户通过微信右上角“在浏览器中打开“来实现下载安装。
android和ios分别是如下两种方式实现微信端的app下载:
android微信端下载.png
ios微信端下载.png
3、通过vue+webpack开发的前端的H5页面在Android5.1版本的机型上经常出现问题奇怪的问题,归结原因基本都是因为对ES6不兼容,但是我们已经babel转换成ES5了,有些问题依然存在。这时,babel-polyfill就派上用场了,通常可以解决大多数问题。
添加方法如下:
$ npm install --save-dev babel-polyfill
然后通过以下三种方式之一引用:
(1)
require("babel-polyfill");
(2)
import "babel-polyfill";
(3)
module.export = {
entry: [ "babel-polyfill", "./app/js"]
}
4、匿名函数自执行代码前边多个分号
最开始我只知道分号是一个分隔符,为了避免压缩时前一个脚本没有写最后一个分号而导致压缩后脚本出错。
5、input在ios上没有焦点,无法输入
如果css设置了-webkit-user-select:none;的话会出现这个问题,可以改为
*:not(input) {
-webkit-user-select: none;
}
网友评论