??前端開發(fā)過程中遇到了一切奇奇怪怪的問題,或是不符預(yù)期,或是兼容問題,亦或是無法解釋,紀(jì)錄在此,隨時補充,以防再犯。
1、ios原生中載入圖片文件名中包含多個下劃線的圖片,圖片無法載入,但是android中沒有問題。
2、微信中webview不能跳轉(zhuǎn).apk的包鏈接。我嘗試過在apk包鏈接后拼接隨機數(shù)或者時間戳,部分android手機可以實現(xiàn)觸發(fā)瀏覽器實現(xiàn)apk包下載,在某些手機還是不行。
??所以關(guān)于微信端下載只有ios可以直接跳轉(zhuǎn)到app store,android因為市場太多,一般可以下載自己服務(wù)器上的包。在用戶點擊下載按鈕后提示用戶通過微信右上角“在瀏覽器中打開“來實現(xiàn)下載安裝。
android和ios分別是如下兩種方式實現(xiàn)微信端的app下載:

android微信端下載.png

ios微信端下載.png
3、通過vue+webpack開發(fā)的前端的H5頁面在Android5.1版本的機型上經(jīng)常出現(xiàn)問題奇怪的問題,歸結(jié)原因基本都是因為對ES6不兼容,但是我們已經(jīng)babel轉(zhuǎn)換成ES5了,有些問題依然存在。這時,babel-polyfill就派上用場了,通??梢越鉀Q大多數(shù)問題。
添加方法如下:
$ npm install --save-dev babel-polyfill
然后通過以下三種方式之一引用:
(1)
require("babel-polyfill");
(2)
import "babel-polyfill";
(3)
module.export = {
entry: [ "babel-polyfill", "./app/js"]
}
4、匿名函數(shù)自執(zhí)行代碼前邊多個分號
最開始我只知道分號是一個分隔符,為了避免壓縮時前一個腳本沒有寫最后一個分號而導(dǎo)致壓縮后腳本出錯。
5、input在ios上沒有焦點,無法輸入
如果css設(shè)置了-webkit-user-select:none;的話會出現(xiàn)這個問題,可以改為
*:not(input) {
-webkit-user-select: none;
}