1、ie8以下不兼容jquery要用原生js操作，这样会兼容低版本ie浏览器
2、然后自己封装ajax方法兼容ie8以下浏览器
轮播图用js实现
兼容ie8一下浏览器的显示错误可以用如下方法：
<!--[if lte IE 8]>
<script src="ie-fix.js"></script>
<link href="ie-fix.css" rel="stylesheet" type="text/css">
<![endif]-->
仅当浏览页面的浏览器是IE 8或更早版本时，此块才会应用特定于IE的CSS和JavaScript。lte表示“小于或等于”，但您也可以使用lt，gt，gte，!NOT和其他逻辑语法。
参考链接 https://developer.mozilla.org/en-US/docs/Learn/Tools_and_testing/Cross_browser_testing/HTML_and_CSS
和
https://www.sitepoint.com/internet-explorer-conditional-comments/
还可以用 polyfill
https://remysharp.com/2010/10/08/what-is-a-polyfill
判断浏览器需要时才加载js
if (browserSupportsAllFeatures()) {
main();} else {
loadScript('polyfills.js', main);}
function main(err) {
// actual app code goes in here}
function browserSupportsAllFeatures() {
return window.Promise && window.fetch;}
function loadScript(src, done) {
var js = document.createElement('script');
js.src = src;
js.onload = function() {
done();
};
js.onerror = function() {
done(new Error('Failed to load script ' + src));
};
document.head.appendChild(js);}
关于浏览器的可访问性
- 移动设备上的用户。
- 用户使用其他浏览设备，如电视，手表等。
- 可能没有最新浏览器的旧设备的用户。
- 较低规格设备的用户可能具有较慢的处理器。
键盘按键
document.onkeydown = function(e) {
if(e.keyCode === 13) { // The Enter/Return key
document.activeElement.onclick(e);
}};
常见错误＃5：DOM操作效率低下
JavaScript使得操作DOM相对容易（即添加，修改和删除元素），但没有做任何事情来促进这样做有效。
一个常见的例子是一次添加一个DOM元素的代码。添加DOM元素是一项昂贵的操作。连续添加多个DOM元素的代码效率低下，可能无法正常工作。
当需要添加多个DOM元素时，一种有效的替代方法是使用文档片段，从而提高效率和性能。
例如：
var div = document.getElementsByTagName("my_div");
var fragment = document.createDocumentFragment();
for (var e = 0; e < elems.length; e++) { // elems previously set to list of elements
fragment.appendChild(elems[e]);
}
div.appendChild(fragment.cloneNode(true));
除了本方法本身提高的效率之外，创建附加的DOM元素也很昂贵，而在分离时创建和修改它们然后附加它们会产生更好的性能。
剩余参数和 arguments对象的区别
剩余参数和 arguments对象之间的区别主要有三个：
- 剩余参数只包含那些没有对应形参的实参，而 arguments 对象包含了传给函数的所有实参。
- arguments对象不是一个真正的数组，而剩余参数是真正的 Array实例，也就是说你能够在它上面直接使用所有的数组方法，比如 sort，map，forEach或pop。
- arguments对象还有一些附加的属性 （如callee属性）。
Objects 和 maps 的比较
Object 和 Map 类似的是，它们都允许你按键存取一个值、删除键、检测一个键是否绑定了值。因此（并且也没有其他内建的替代方式了）过去我们一直都把对象当成 Map 使用。不过 Map 和 Object 有一些重要的区别，在下列情况里 Map 会是更好的选择：
- 一个对象的键只能是字符串或者 Symbols，但一个 Map 的键可以是任意值，包括函数、对象、基本类型。
- 你可以通过 size 属性直接获取一个 Map 的键值对个数，而 Object 的键值对个数只能手动计算。
- Map 是可迭代的，而 Object 的迭代需要先获取它的键数组然后再进行迭代。
- Object 都有自己的原型，所以原型链上的键名有可能和对象上的键名产生冲突。虽然 ES5 开始可以用 map = Object.create(null) 来创建一个没有原型的对象，但是这种用法不太常见。
- Map 在涉及频繁增删键值对的场景下会有些性能优势。
像上面的例子中，如果你执行var a1 = new A(); var a2 = new A(); 那么 a1.doSomething事实上会指向Object.getPrototypeOf(a1).doSomething，它就是你在 A.prototype.doSomething 中定义的内容。也就是说：Object.getPrototypeOf(a1).doSomething == Object.getPrototypeOf(a2).doSomething == A.prototype.doSomething。【补充：实际上当执行a1.doSomething()相当于执行Object.getPrototypeOf(a1).doSomething.call(a1)==A.prototype.doSomething.call(a1)】
解构赋值语法是一个 Javascript 表达式，这使得可以将值从数组或属性从对象提取到不同的变量中
箭头函数不会创建自己的this,它只会从自己的作用域链的上一层继承this
