微信公众号开发过程中遇到的坑

小白进行微信公众号开发有半年，遇到了许多坑，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总是有差异化，两个同样机型都可能一个显示一个无效；所以书写的时候很难避免，要注意转译。