前端世界,無奇不有(隨時補充)

??前端開發(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;
}


參考:http://www.cnblogs.com/princesong/p/6728250.html

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

友情鏈接更多精彩內(nèi)容