從事前端開發將滿一年了,期間遇到很多問題,最坑的是一些本身不知道的坑。因此寫出來警示後人。前端
1. ios端的sort方法無效
描述:
以前作一個小程序的聊天列表的時候須要用到sort進行列表排序。嗯,後來有用戶反應最新回覆不置頂。。。檢查了一遍又一遍的代碼。發現沒問題,在小程序IDE裏面查看也徹底沒問題。最坑的是項目作好直接上線,沒有測試環節,頂可能是幾個開發人員用本身手機查看一下,可是開發人員才幾個,徹底沒法作到準確的測試,至於後來怎樣了。。。所在團隊解散了,因此若是這個小程序還在運營的話,那麼我以爲這個Bug應該還在吧hahahaha~
這個bug是後來在目前的公司作一個模擬數據的時候須要將一個數組亂排,而後手機預覽的時候發現沒有亂排才發現的,發現之時很是的驚奇呀。馬上想起了上一家公司留下的bug個人天。
解決方法:
本身重寫一些sort唄,還能怎麼辦
具體方法能夠看這位大神的操做啦 IOS中sort方法的兼容問題ios
2.部分安卓機的console不兼容
描述:
多是個人基本功不夠紮實啊。徹底沒有意料到這個竟然也是有兼容。以前作一個h5,忽然測試的小夥伴來告訴我有一臺測試機有問題。。。抱着別的測試機均可以,爲何那臺就不行的想法,和測試怒懟。「確定是那個機子有問題。。。」云云。。最後面實在是沒法睡服她,因此只能再辛苦一下本身,知足她的要求。本身debugger了一下。固然是用console去debugger的。再一次陷入了深深的恐懼,爲何,爲何個人程序跑不起來,連log都沒有。。。好吧,真的很絕望,但願你們之後主要不要留log在項目裏,或者重寫一下
解決方法:
重寫一下,或者所有註釋掉, 像這樣 window.console = { log: function () {} } 就能夠避免出現上述問題啦json
3. ios下的日期表示
描述:
通常狀況下,我是這樣表示一個日期的 'YYYY-MM-DD hh:mm:ss'。可是以後要用這樣一個日期得到時間戳的時候才知道本身太年輕了。在ios下new Date('YYYY-MM-DD hh:mm:ss')是行不通的。又是一個絕望的坑啊。試了好多遍,最後去問了ios開發才知道。你須要'YYYY/MM/DD hh:mm:ss'的格式才能夠
解決方法:
乖乖照着斜槓的格式來吧, 像這樣 new Date('2017/08/08 13:55:22')建議仍是統一用斜槓的好小程序
4.小程序下的DOMParser不可用
描述:
嚴格來講這不算是一個bug,可是因爲以前在騰訊雲提供的小程序的SDK裏竟然看到用的是DOMParser,感到十分驚奇。既然是你本身限制的在小程序裏不可使用DOM操做的函數,本身家提供的SDK裏竟然用了,這不是坑人嗎。以前在IDE裏用的好好的,後來總監告訴我真機上用不了的時候真是十萬頭了,主要是在xml的請求上面要用到來轉換成json或者對象的
解決方法:
本身寫一個轉換的方法吧。不過轉換量大的話真的很蛋疼,或者也能夠找找有沒有什麼別的解決方法,順便告訴我一聲唄
本身寫了一個實在是太爛不太好意思獻醜,暴露水準,可是仍是貼一下好了,[捂臉]
千萬不要打我segmentfault
5.mac上面使用calc的問題
描述:
以前在一個輪播圖上面用到了絕對定位,而後根據其left來進行定位和輪播。以後考慮到在移動端手指滑動時候須要跟着手指滑動距離有一個偏移和彈簧的效果,因此加上了calc來計算偏移量。結果後面設計跟我說在mac下面這個輪播圖點幾回以後就失效了。奈何我沒有mac,並且這是一個外包項目,也沒法去設計那裏看。還好有一位以前的同事有mac,就叫他幫忙看一下。最後發現邏輯什麼的都沒有問題。最終才懷疑到屬性兼容上面,畢竟以前幾回切換均可以,可是後面就失效了。真的很是的蛋疼啊。。。
解決方法:
在頻繁切換的時候儘可能不要使用到calc來定位,能夠選擇left或者translate
這個只要不要在頻繁切換的時候使用left: calc(x + y);就行了,至於其餘的尚未深刻研究數組
6. 字符串與數字對比的問題
描述: 以前幫朋友整一個東西,在頁面邏輯寫了一個數值的判斷,後來跟我說報錯了他整了一陣天。我就特意去查了下。原來是值類型的問題。大概代碼是這樣 a > b
沒錯就是那麼簡單的一段代碼。後來就出錯了。
貼一下
能夠看到以前都仍是很正常的嘛,可是到了'9'與'10'的對比就出現問題啦。
這是由於在js中兩個字符串對比的是他們的ASCII碼。因此就會出現問題
解決方法:
寫的時候注意一點就好啦瀏覽器
7. 安卓移動端瀏覽器字號小於12px時,垂直居中位置偏移問題。
暫未找到完美的解決方法,各位看官發現了記得評論提醒一下函數
8. 安卓移動端瀏覽器input type="file"設置multiple無效,沒法多選圖片問題
該問題一樣暫未找到完美的解決方案測試
(別的如今一會兒想不起來了。。。持續更新吧,各位大人們若是有遇到很莫名其妙的記得評論一下告訴一下我唄,我會加上去一塊兒共勉的,感激涕零)spa