web前端工作中遇到的问题(持续更新···)

我们公司PC端兼容IE8，安卓兼容4.2，iOS兼容8.0

浏览器兼容

IE注释

工作中时常会用到

  除IE外都可识别 
    

    

    

    
  
    
   
    
  

CSS兼容

1.CSS hack

cssHack

具体内容，狠狠点这里！

2.透明度兼容

使用半透明滤镜

filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); 等同 opacity=0.8

3.rgba兼容问题

不能使用半透明滤镜，因为该透明度针对整体元素（及它所包含的所有元素也变成透明）。因此,我们应该通过渐变滤镜来实现更改透明度
filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#AARRGGBB,endColorStr=#AARRGGBB)

startColorStr 和 endColorStr 均为可选值
AARRGGBB ：
'AA'代表透明度 范围00~FF ，
'RRGGBB'即为十六进制颜色码

参考

js兼容

1.ES6用babel转ES5

ES6所有环境兼容版本

ES6转ES5最简单的方法,狠狠点击这里！

以下为ES6单文件转ES5

1. 空文件夹，创建example.js,里面写入ES6代码
2. 创建名为.babelrc的文件,写入{"presets": ["es2015"]}
3. 在终端或该文件CMD输入npm install --save-dev babel-preset-es2015
4. 继续配置npm install --global babel-cli
5. 查看转码babel example.js是否转为ES5代码
6. 输出E5转码文件babel emample.js --out-file example1.js

移动端

1.ios中click失效
使用事件委托来触发目标的点击事件
2.ios中页面电话号码可以点击
标签中加入

npm删除配置

1.删除node_modules文件夹
npm install rimraf -g
rimraf node_modules
2.删除模块
npm uninstall 模块：删除模块，但不删除模块留在package.json中的对应信息
npm uninstall 模块 --save 删除模块，同时删除模块留在package.json中dependencies下的对应信息
npm uninstall 模块 --save-dev 删除模块，同时删除模块留在package.json中devDependencies下的对应信息