与React/Angular的交叉浏览器兼容性

由于我是web开发的新手，我想要求澄清以下问题：

1避免交叉浏览器问题的最佳做法是什么？我发现了很多关于这方面的差异信息。我需要清楚、简单的“食谱”——我应该先做什么，然后做什么等等

2与第1点相关，当我们想要保持交叉浏览器兼容性并从项目中摆脱JQuery时，我们应该做什么

---

3如果我们对预处理器SASS和框架（如Flexbox/Bootstrap）做出反应/调整，我们还可以或应该做些什么来创建交叉浏览器兼容性方面的专业网站？

这实际上取决于您针对的浏览器。在跨浏览器兼容性方面没有灵丹妙药。您可以使用browserstack查看您的站点在许多不同浏览器中的外观。您还可以使用Chrome开发工具并选择仿真来查看它在某些手机上的外观。请记住，React通常是用ES6语法编写的，并使用Babel将其转换为ES5代码，从而允许现代浏览器进行解释。SASS将代码转换为纯css，因此浏览器兼容性取决于所使用的属性。为此，你可以使用

我可以站在一个角度说话

一,。我不会说有一个独特的食谱，因为在你发展的过程中，有一些指导方针需要记住。最需要注意的事情之一是代码中直接引用DOM的任何内容。通常不鼓励直接引用DOM，因为在引用DOM中的元素时，不同的浏览器返回不同的对象。如果您使用的是Angular，请确保使用@Angular/platform browser:，因为它们可以帮助您支持某些比其他浏览器更复杂的浏览器。始终记得经常在不同的浏览器上测试代码

二,。这实际上取决于您如何使用jquery。有很多方法可以用*ngFor或*ngIf等部分替换jquery。角度组件的模板化非常灵活，您可以使用角度函数动态更新页面本身，并使用该函数引用可以使用组件中的函数动态更新的变量

---

三,。如果您使用的是NPM，我会考虑使用依赖项。如果您也在使用webpack，您还应该能够轻松地从诸如bootstrap之类的框架导入样式，即@import~bootstrap/scss/bootstrap；。您需要做的就是确保在NPM中安装了引导依赖项。一般来说，框架已经考虑了其他浏览器的支持，比如在生成样式时的可访问性和响应性。

跨浏览器问题没有特定的含义。现代网站在IE8中不起作用这一事实能被认为是一个交叉浏览器问题吗？避免交叉浏览器问题的最佳做法是什么？我发现了很多关于这方面的差异信息。我需要清晰、简单的“配方”-检查MDN文档中使用的每一个特性，并检查它是否可以多填充以及填充到何种程度。这是否足够简单？没有捷径。