最近一个项目掉进了移动端的大坑，包括ios下fixed布局，h5唤起键盘等问题，作为一个B端程序员，弱项就是浏览器的兼容性和移动端的适配(毕竟我们可以要求使用chrome)，还好这次让我学习了一下相关知识。让我们一起来看一下我怎么挣扎出这个大坑的。 先看一下要做什么，也就是一个…

在安卓中，直接使用原生 video 会导致全屏播放，盖住所有元素，因此使用 x5 播放器。但是 x5 播放器还是存在问题，虽然不会盖住元素，但是会自己添加特效（盖一层导航栏蒙层）。 这样可以在安卓下使用 x5 播放器， playsInline 及 webkit-playsinl…

safari(桌面、手机）不显示图片，其他浏览器都是正常的。 一一排查下来，啥毛病都没，资源也没有被拦截(safari的资源管理器可以看到图片资源）。 google大法，群友，没有一个人能说出个所以然。 只能说具体问题要具体分析，才能找到问题根源并且解决。

当QA和我反映页面卡顿只在iOS上出现时，第一反应肯定不是代码的问题，我也很纳闷iOS性能普遍要比android高啊，为啥会出现这么严重的卡顿，有点慌啊。于是开始了一次惊心动魄的前端性能优化之旅,在Google大概的看了几篇文章，感觉到应该是我在页面加了大量的动画造成了页面重排…

移动开发时代，前端同学刚刚送别了让人头秃的IE浏览器，却发现憧憬已久的移动互联网时代并不是想象中那般美好。各种棘手的系统兼容问题和浏览器兼容问题怎么也让人高兴不起来。作为一名工作不足3年的前端程序媛，始终相信好记性不如烂笔头。每次在项目开发过程中踩到的坑，都习惯性地记录了下来。…

过去一年多一直在做移动开发方向的项目，遇到了不少兼容性的坑，虽然最后爬出来了，但是为了避免同事再次掉坑，于是一边开发，一边也整理总结了一份移动端兼容性问题记录笔记，记录当时用的解决方案或解决问题时参考的权威文章，方便团队知道如何解决相关兼容性问题及问题背后的一些原理，现在将这份…

最近在一个移动端的 Web 项目中踩了很多的坑，感觉有必要把它们记录下来，分享给即将踏入移动端 Web 开发大门的新人们。

大家都说简历没项目写，我就帮大家找了一个项目，还附赠【搭建教程】。 为了更好的讲这节的内容，提示一个 JS 处理日期的小技巧，想获取上个月最后一天，只需要设置SetDate参数为0即可。 咱们可以看到，我们把 1月31号往后拨一个月在往前减一天，理应得到的是 1月31号，实际得…

上一篇之后我从各个小伙伴那里收集到了第二波移动端常见的bug以及其解决方案，部分解决方案可能不准确或者存在问题，希望有正确解决方案的给与评论。 备注：文中的bug收集于网络，解决方案可能并不准确，欢迎大家提供更加完整的方案。 Q: 移动端使用fastclick之后，在ios环境…