小白進行微信公眾號開發有半年,遇到了許多坑,android和IOS的相容性的時代性問題,還要微信瀏覽器的不友善;慢慢跟後續會加,有遇到的同行可以補充;以下;

1.點選事件失效

    點選事件失效是最快遇到的問題,這個在android上沒有出現過問題,一般在IOS上面,尤其是蘋果6s和6plus最甚。

  • 最常出現的問題就是點選的時候沒有使用約定俗成的按鈕,而是用了別的標籤造成的點選事件失效,ios機型會有這種問題,對於這個最便捷的解決方法就是在標籤里加入樣式cursor:pointer;不過這麼建議最好還是放按鈕。

  • 對於程式碼失效

       A.on

我們常用的監控的是$('demo').on('click',function(){}),但是有時會無法觸發事件,因為沒有找到那個元素,特別是對於動態生成的,這個時候把確定有的能夠找到的元素放前面,$("body").on("click","xx",function(){}),這種方法十分有效,on可以將子元素的事件委託給父元素進行處理,給動態新增的元素加上繫結事件,還是很強大;

       B.delegate

delegate早期版本的使用事件委託的最有效手段,在事件繫結和委派和on的使用方法是一樣的;在jQuery1.7中已被.on()取代了;

      C.檢查程式碼有無不識別

這個比較麻煩,大部分微信公眾號開發都是直接看的網頁或者微信開發者工具;針對真機總有不到位的地方。比如es6語法在蘋果6s上面不識別,遇到過的真實問題,蘋果6s總是有差異化,兩個同樣機型都可能一個顯示一個無效;所以書寫的時候很難避免,要注意轉譯。