cqupt-yifanwu / cqupt-yifanwu.github.io

jiaoguibin.top
http://jiaoguibin.top
2 stars 0 forks source link

工作中遇到的一些问题(持续更新) #21

Open cqupt-yifanwu opened 7 years ago

cqupt-yifanwu commented 7 years ago
  1. 在Safari下transform的问题

    在项目中有一个翻页的动画使用transform,在Safari下出现问题,定位问题发现transform3D在Safari里跑的时候会忽略z-index,解决方案:给父级添加overflow:hidden;

  2. 使用inline-block给元素实现排列定位时遇到的问题

    使用inline-block实现定位,当你的定位元素附近或者定位了其他文字元素时inline-block会错位,原因是它会尝试着去跟文字元素的baseline对齐。使用inline-block实现这样的定位其实还会存在其他的很多问题,比如他们之间会存在空隙(需要将font-size设置成0)而且在不同浏览器下的效果也会不一样,建议还是用浮动实现这样的布局。 3.往数组中添加一个数据

    Array.prototype.push.apply(A, B); // apply接受一个数组作为第二个参数,然后分别操作,借用这个方法来插入数组减少代码量
  3. 给非同源域名发送get请求
    new Image().src = 'url'+data;   // 前端埋点数据发送给某服务,也可以用该方式统计访问量等