关于javascript:CSS-JS-兼容性问题

吐槽

短短换工作 4 个月，我感觉本人工作了 4 年一样，像个骡子一样不停的写代码，框架不相熟，架构不相熟，而且老板还不给工夫相熟，美名曰牛 x 的程序员应该有一边实现工作一边相熟我的项目中的框架的能力（对不起我能干，ps 我感觉老板 pua 我），回归正题，总结一下工作中遇到的兼容性问题，以及解决方案，（心愿每个前端遇到雷同的问题能够无脑解决）CSS 兼容性问题才是最磨人的哇~ /(ㄒ o ㄒ)/~~

CSS 兼容性问题以及解决方案

1. table td 嵌套的 div, 无奈占满单元格

解决办法：应用 css hacks :

  .fix_height {height: 1px;}

  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .fix_height {height: 100% !important;}
  }

  @-moz-document url-prefix() {
    .fix_height {height: 100% !important;}
  }

• IE11, firefox td 高度设置 100%
• Chrome, edge, td 高度设置 1px

2. position sticky 不兼容 IE11

解决方案：应用了很多插件，貌似就 stickyfill 才解决了 IE11 的吸顶（这边有工夫还是会本人实现一下的）

JS 兼容性问题以及解决方案

1. 浏览器 dataset 的读取形式

1. ie11 -> getAttribute(“xxx”)
2. chrome, firefox, edge -> .dataset(“xxxx”)

学无止境