公司老系统还在跑IE11，客户要求新功能必须兼容——这不是段子，是很多前端开发者的真实日常。尤其在政务、银行、教育等内部系统里，IE没彻底退场，框架选错，等于第一天就踩坑。
别急着扔掉jQuery
很多人以为jQuery过时了，其实它仍是IE兼容性最稳的轻量级选择。1.x版本支持IE6+，2.x/3.x砍掉了IE6-8，但3.6.0仍明确支持IE9+。如果项目只需DOM操作、AJAX和基础动画，直接上jQuery 3.6.0，引入一行CDN就能开工：
<script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js"></script>写个按钮点击事件，连IE8都能跑：
<button id="btn">点我</button>\n<script>\n$("#btn").on("click", function() {\n alert("IE11也能弹出来！");\n});\n</script>Vue 2 是IE友好型框架的分水岭
Vue 3 默认不支持IE，但Vue 2.7（最后的2.x版本）官方声明支持IE9+。只要编译时保留ES5语法、不用箭头函数、避免Proxy语法，配合babel-preset-env配置，打包后代码在IE11里很稳。常见坑比如：const handleClick = () => {}得改成function handleClick() {}。
React 要多走两步
React 16+ 官方只保IE9+，但实际需手动引入polyfill。新建项目后，在入口文件顶部加这两行：
import 'core-js/stable';\nimport 'regenerator-runtime/runtime';再用Babel把JSX和新语法转成IE能懂的ES5，基本就通了。注意：不要用Hooks里的useEffect依赖数组里放Set/Map，IE11不认识；用Array.from()代替展开运算符[...arr]更保险。
Bootstrap 4 是最后一版支持IE10+
Bootstrap 5直接放弃IE，但Bootstrap 4.6.2仍可放心用于IE10+项目。栅格、按钮、模态框全都能用，只是记得别开flexbox模式（默认是float布局），否则IE10下会错位。引入方式也简单：
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css">\n<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.min.js"></script>小提醒：IE11对flex-wrap: wrap支持不全，真遇到换行异常，加个flex-basis: 100%往往就解决了。
真要从零搭，试试Preact + preact-compat
Preact本身体积小、API近似React，加上preact-compat层，能直接跑大部分React组件库（比如Ant Design 3.x）。它对IE11支持良好，构建时配好Babel，比原生React更轻快。适合老IE环境里想尝鲜现代开发体验的团队。
说到底，兼容IE不是技术倒退，而是现实妥协。框架不是越新越好，而是“够用、稳当、有人兜底”。打开控制台切到IE11模式，F5刷新三次不报错，那这个框架，你就可以放心往下写了。