这段时间一直在进行移动站第二版的重构开发,在开发过程中,本以为会很轻松的开发完成,没想到在开发过程中还是遇到了很多的坑。
(1)、在使用zepto.js中,由于对zepto的认识以为是和jq一样,但其实还是有很多不一样的地方,比如jq的动画,在zepto中就无法使用,要在引入fx.js才可以使用,在比如返回顶部,在jq上直接使用scrollTop就可以了,但是在zepto中不可以,还要自己去封装一个返回顶部的zepto插件才可以。
(2)、在使用fastclick.js的时候,在input标签上会出现点击没有效果的bug。
(3)、对于swiper的使用,总结这次的移动端开发,个人认为swiper.js在移动站静态页面使用还是很不错的,很强大,但是在动态ajax获取数据的情况下,会出现一下bug(也许是本人技术太水,没能发现解决办法),比如滑动导航,使用静态的就可以完美使用,但是在动态获取数据的情况下,在部分浏览器就会出现只显示一个导航栏目的问题,还有在做滑动tab切换的时候,一个tab内容页上拉加载了多条内容,在滑到另一个tab内容页的时候,父级容器会被撑开,出现很大的空白。这个问题一直没有解决,没有找到原因。最终以修改方案解决。
(4)、对于ES6的使用,我在获取数据的时候使用了“符号,为了拼接字符串可以换行,看着清晰(本想使用ES6装个B,没想到装大了),可能是自己的学的东西还是不够深入,没有了解到ES6的本质,导致在安卓版的uc和qq浏览器上不兼容,导致程序不能正常运行,点击不能触发,为了加班了好几天没有找到bug的所在(感觉自己当时真是日了狗了)。还好最后终于找到了问题所在,得以解决。