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

在移动端的H5页面中，我们经常会遇到 点击按钮-->弹窗-->选择选项 这样的场景。滚动滚动条至容器的底部或者顶部，再往上或往下拖动滚动条时，滚动动作会出现穿透，所谓滚动穿透问题

背景:因为在目前的项目种大量使用了Proxy Api 但是产品突然提出ie浏览器无法打开项目 所以被迫营业.... 其中 mirror[k] = ISALIVE 是一个特殊标识, 告诉系统当前属性存在并且被注册过了,原因的话等下说. 你看你只想拦截slice,但是length,…

####常遇到的关于浏览器的宽高问题：//以上为不包括边框的宽高，如果是offsetWidth或者offsetHeight的话包括边框####event事件问题：document.onclick=fu

最近半年一直在做移动端h5，主要环境为微信、和app内的WebView。期间遇到很多不同系统和设备的兼容性问题，希望在这整理成集锦，便于日后查找。当然，如果你也刚好遇到同样的问题，希望对你有所帮助。 1. 音视频问题 微信中不允许自动播放。但是可以借助WeixinJSBridg…

本篇主要记录和总结了近年来在开发移动端Web项目中遇到的一些最典型、最常见的踩坑集锦。其中不乏有设备系统层面的差异性问题、CSS知识储备不到位的技术型问题以及一些热门前端框架的隐藏比较深的Bug。 CSS是一门很深的学问，它没有语法却暗藏语法，它刻画细节却又要统筹全局，很难有系…