在前端开发中，JavaScript是一个不可或缺的元素。虽然现在很多浏览器都能很好地支持JavaScript，但是IE浏览器版本众多，不同版本对JavaScript的支持程度也不同，因此我们在编写JavaScript代码的时候不能忽视IE的兼容性问题。

对于IE8及以下的版本，最常见的问题就是缺少一些ES5的方法和属性，比如Array.prototype.indexOf、Object.keys、Array.isArray等等。这时我们可以使用polyfill来解决这些问题。polyfill是一种JavaScript代码，用于在旧版浏览器中实现新版的JavaScript API。

// Array.prototype.indexOf polyfill
if (!Array.prototype.indexOf) {
Array.prototype.indexOf = function(searchElement, fromIndex) {
var k;
if (this == null) {
throw new TypeError('"this" is null or not defined');
}
var O = Object(this);
var len = O.length >>>0;
if (len === 0) {
return -1;
}
var n = fromIndex | 0;
if (n >= len) {
return -1;
}
k = Math.max(n >= 0 ? n : len - Math.abs(n), 0);
while (k< len) {
if (k in O && O[k] === searchElement) {
return k;
}
k++;
}
return -1;
};
}

另外还有一些IE8及以下版本的问题需要注意，比如事件对象的兼容性问题。在现代浏览器中，事件对象以参数方式传递，直接在函数中可以直接获取event对象。但是在IE8及以下版本的浏览器中，事件对象是在window.event中获取的。因此，我们需要在函数中检查是否存在event对象，如果不存在则从window.event中获取。

// 事件对象兼容性处理
function handleClick(event) {
event = event || window.event;
console.log(event.clientX, event.clientY);
}

除此之外，IE浏览器在CSS和DOM的处理方面也有很多不同于现代浏览器的地方。比如IE浏览器在处理边距（margin）时会出现奇怪的问题，可以使用CSS hack或者使用IE条件注释来解决。而在DOM方面，IE浏览器在处理自定义属性时需要特殊处理，并且IE浏览器支持的事件类型和绑定方式也与现代浏览器不同。

总之，兼容IE浏览器是前端开发中必不可少的一部分。面对不同版本的IE浏览器，我们需要深入了解浏览器的差异及其兼容性问题，在编写JavaScript代码时注意IE浏览器的兼容性问题，从而更好地满足用户的需求。