为什么现代前端框架放弃了HTML的常规用法_CSS学习

资料来源：网络整理时间：2023/3/4 1:24:58 共计：3580 浏览

为什么现代前端框架放弃了HTML的常规用法？

如果从底层来说，现代前端框架没有放弃HTML的常规用法，只是框架的存在意义就是为了方便开发过程中可以更便捷和结构更清晰，也就使得现在很多框架从表面上看和之前传统的HTML页面编写有很大的区别。

从前端框架来看，最终Web前端都需要通过浏览器或者浏览器内核来解析和渲染，所以最终浏览器解析和渲染的页面还是由HTML+CSS+JS组成的，HTML作为页面框架、CSS作为样式定义、JS来处理交互。不过现在很多前端框架都通过几次的进化和技术迭代，达到了更便捷的开发流程和语言结构，甚至通过一些预编译来提高页面加载的效率。

Web前端最开始出现的框架，更多的是类似Boostrap、Foundation这样的样式框架，可以通过预先设定好的一些样式来提高代码实现的效率。还有比较著名的Jquery这样的JS框架，也是通过预先开发集成来达到开发效率的提升。但是这些框架的对于HTML+CSS+JS的基本结构还是没有做太大的变化，所以上手比较容易。

在Javascript的进一步发展之后，尤其Node.js或者V8等一系列提高Javascript性能和功能的技术出现，出现了更多的前端框架，而且现在很多框架已经改变了原来HTML+CSS+JS的模式结构，例如React，Vue等，使用这些框架的代码，和之前的Web前端代码已经不太一样了，而且功能更强大。因为一些新技术的引入，例如虚拟Dom等，也进一步提升了Web前端的代码效率，不过最终浏览器渲染的还是所谓的常规HTML，只是前端开发过程中慢慢不在代码层出现了。

总的来说，现在前端框架的出现给前端开发带来很多的便利，而且最大程度的解决了一个困扰Web前端很久远的问题，浏览器兼容性，因为可以自动化生成浏览器解析的DOM，这样可以比较有效的解决不同浏览器的兼容问题。

版权说明：
本网站凡注明“广州京杭原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。

·上一条：vue的哪些前端操作是css实现不了的_CSS学习 | ·下一条：html的下划线代码是什么_CSS学习