在回答这个问题之前，我们必须了解javascript特效的几个主要问题。其中包括性能、可重用性、复杂性、兼容性和维护成本。
性能是使用javascript特效时最严重的问题之一。虽然现代浏览器非常快，但使用javascipt特效的页面仍然会有缓慢的加载时间和卡顿问题。这不仅会影响用户的使用体验，还可能影响他们的购买决策。
另一个问题是可重用性。很可能我们在一个页面上要使用多个特效，并且我们应该使用同样的代码在不同的页面中来实现这些特效。然而，javascript特效的代码可能过于复杂，并且不太容易进行重用。
复杂性是javascript特效的另一个难以处理的问题。即使有一些javascript特效库可以帮助我们快速开发视觉效果，但最终我们仍然需要处理一些复杂的代码和概念。
兼容性也是使用javascript特效时需要考虑的问题之一。大多数浏览器都支持javascript，但是随着新的浏览器版本的出现，我们可能需要不断地更改和更新我们的代码以适应这些变化。
最后，维护成本也是使用javascript特效时需要考虑的问题之一。代码必须被正确地维护和更新，以及确保其在长期内仍然能够正常工作。
然而，还有一些选择可以用来替代javascript特效。以下是几个可供参考的选项。
css 动画
我们可以使用 css 动画来创建简单的、易于使用和自定义的动画。与javascript特效不同，css动画仅仅涉及关于样式的改变，因此它们的开销很小，且运行较快。css 动画还易于重用，并能在各种浏览器中“以原样”呈现。
当然，css 动画也有一些限制。它们不能与高级动态交互（如对话框、选项卡等）顺利协作，同时它们也有一些浏览器兼容性问题。
webgl
webgl 是一种用于在web浏览器中显示3d图形的javascript api，它可以在所有现代浏览器中使用。webgl 可以创建逼真的高速渲染图形，因此它被广泛用于游戏和交互式图形的开发。webgl所有的动画都是接近硬件加速的，因此其性能比javascript特效提高了几个数量级。
webgl 有着更高的学习曲线和开发成本，但你可以使用 three.js, babylon.js, playcanvas 等3d引擎，这些工具大大简化和加速了开发过程。
svg
svg是矢量图形，在浏览器中呈现良好。svg可以用于动画、图形和基于路径的动画。在使用svg时，您可以利用其可伸缩性和分辨率独立性。svg也支持绘制动画，这使得它成为javascript特效的一个合适的替代品。
像webgl一样，在使用svg时也存在一些限制。它没有动态交互的能力，而且–与javascript特效相同–使用svg可能需要在旧浏览器上进行兼容性调整。
canvas
canvas 可以让你在web页面上以编程方式创建回执，图片和动画。canvas 和 webgl 非常相似，但相对容易开发。canvas 是一个2d图形api，因此它不适合用于3d图形。canvas是与大多数现代浏览器兼容的。
对比
在这些选择中，javascript特效是最灵活和最强大的，但随之而来的缺点也是最多的。使用css动画可能比较容易，效果也比较流畅，但它的可定制性相对较差。webgl和canvas都比较灵活，但需要较长的学习曲线和使用成本。
选择正确的替代方案取决于您的需求和个人偏好。如果您正在寻找一个易于定制和易于使用的解决方案，则可能最好使用css动画。如果您需要更强大的能力和更好的性能，则可能应该选择webgl或canvas。
总结
虽然javascript特效是web开发中的一个重要组成部分，但我们可以尝试使用一些替代方案来解决javascript特效存在的问题。css 动画、webgl、svg和canvas都有其优点和缺点，因此您需要慎重考虑，选择适合您需要的最佳方案。同时，我们还需要关注浏览器技术的发展，以便更好地利用新技术来实现更高效、更流畅的网页特效。
以上就是用什么代替javascript写特效的详细内容。