ie浏览器兼容问题

这几天在修改一个令我至少在这几年中有阴影的项目中遇到了令人发指的ie浏览器适配问题。在这里我不禁想喷一下国产浏览器，能不能用Chrome、火狐浏览器内核，为什么非得死死的咬着ie不放？！无论从性能、打开页面时间还是对新的框架的支持，都远远不及上述两种浏览器。简直头疼!

• 对于这次遇到的问题做一下总结：
  • 首先ie不支持jq2.x及以上版本，故在适配ie是可以采用注释判断法（友情链接：条件注释判断）

<!-- 除IE外都支持 -->
<!--[if !IE]>
 <!--> <script src="js/jquery-3.2.1.min.js"></script> 
<!--<![endif]-->
<!-- 只支持IE -->
<!--[if IE]> 
 <script src="js/jquery-1.11.3.min.js"></script>
<![endif]--> 

• ie10以下不支持jquery.cookie.js（设置cookie的js插件）
• ie暂时不支持for循环中of用法，以及let关键词
• ie暂不支持字符模板：``

for (let i in data.data) {
                $('.subNavBox').prepend(`<div class="subNav"><i class="glyphicon glyphicon-chevron-down"></i>&nbsp;&nbsp;&nbsp;${data.data[i].courseGroup.name}</div><ul class="navContent ul-${i}"></ul> `)
                // let a = i
                // 不支持of用法，不支持let关键词
                for (let y of data.data[i].ordinaryCourse) {
                    // console.log(i)
                    // 不支持字符模板
                    $('.subNavBox').find(`.ul-${i}`).append(`<li><a href="/course?id=${y.course.id}">${y.course.name}</a></li>`)
                }
                for (let x of data.data[i].keyCourses) {
                    // console.log(i)
                    $('.subNavBox').find(`.ul-${i}`).append(`<li><a href="/course?id=${x.course.id}">${x.course.name}</a></li>`)
                }
            }

最后在ajax处理picture时，请做判断，不然会报错。