一、需要兼容那些浏览器 根据用户群体决定兼容哪些浏览器: (1)面向普通用户 IE8+,Chrome,Firefox (2)企业级产品 IE9+,Chrome,Firefox 如何了解浏览器市场份额: 百度统计: 二、浏览器兼容方案 1、css层叠原理 如上面代码所示,同一个属性,后面书写的值会覆盖 ...
分类:
其他好文 时间:
2018-11-28 17:37:22
阅读次数:
164
1. 自定义弹窗 弹窗窗口居中 方案一:width:5rem;height:4rem;position:absolute;top:50%;marign-top:-(height/2); 在Android4.4 Android6.0 ios8.4.1 低版本中未按预期结果显示,不兼容; 方案二:wid ...
分类:
其他好文 时间:
2018-11-05 14:34:26
阅读次数:
234
最近一个项目有页面全屏的的需求,搜索了下有HTML5的全屏API可用,不过各浏览器的支持不一样。 全屏接口提供了简单的方式通过用户整个屏幕展示浏览器的内容。这个接口让我们很轻松的引导浏览器使一个元素和它的子元素占据整个屏幕,并且从屏幕上消除所有浏览器用户界面和其它应用程序。 一、接口使用(以谷歌浏览 ...
分类:
Web程序 时间:
2018-10-15 18:30:34
阅读次数:
180
兼容性方案: 使用filter属性: 原理: filter : progid:DXImageTransform.Microsoft.AlphaImageLoader ( enabled=bEnabled , sizingMethod=sSize , src=sURL ) enabled:可选项。布尔 ...
分类:
其他好文 时间:
2018-07-10 17:50:37
阅读次数:
158
前几天,面试到Ie8的一些兼容问题,傻眼了,回想自己做了将近2年的移动端项目,ie兼容似乎没怎么做过。所以私下便开始找找ie兼容的视频或者文章学习,唉,还是不买书了,家里那么多书,都没看过呢,好了,开始发一波福利: 一、HTML5标签兼容方案:html5shiv.js GitHub地址:https: ...
分类:
其他好文 时间:
2018-06-14 14:49:47
阅读次数:
200
<!-- HTML5 shim for IE8 support of HTML5 elements --> <!-- [if lt IE 9]> <script src="js/respond.min.js"></script>> <script src="js/html5shiv.js"></sc ...
分类:
Web程序 时间:
2018-03-29 12:42:00
阅读次数:
233
当 CSS3 遇上较低版本 IE,滤镜就成了实现兼容性的折衷方案之一。虽然滤镜是过时很久的技术了,但还是能看出微软的高瞻远瞩——早在 IE6 就用滤镜实现了 bug 丛生的 CSS3 特性。 以下是 MSDN 《Alpha Filter》 中同时使用多个滤镜的示例,适合各个 IE 版本。滤镜之间使用 ...
分类:
其他好文 时间:
2018-03-28 20:37:50
阅读次数:
175
现在很多移动端要求audio播放必需由用户的事件触发,否则就劫持。实际应用中经常会出现JS网络请求通过返回的结果来决定播放什么音频,在移动端是不允许的。当移动需要通过网络请求回调来播放音频时,就得做点准备工作,具体代码如下:加载准备处理?????/**
?????*?循环处理
分类:
移动开发 时间:
2018-01-30 20:04:55
阅读次数:
233
创建项目 创建一个目录,使用npm快速初始化 安装依赖 安装webpack以及babel 安装Nerv 添加配置文件 在项目根目录下添加一个简单的webpack配置文件webpack.config.js 在项目根目录下添加一个babel的配置文件.babelrc 添加项目入口文件 在项目根目录下添加 ...
分类:
其他好文 时间:
2018-01-27 22:23:03
阅读次数:
399
Cordova + vue 打包成 APP 后在部分安卓机上面,左右滑动无法正常的实现页面滚动逻辑。 解决方案: 在 touchMove 的时候,通过 event.preventDefault() 来解决 注意: transform 事件是有兼容性的,可不要忘记加前缀。 ...
分类:
移动开发 时间:
2018-01-06 14:26:19
阅读次数:
205