前端框架发展史（前端框架历史）

本篇文章给大家谈谈前端框架发展史，以及前端框架历史对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。 今天给各位分享前端框架发展史的知识，其中也会对前端框架历史进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！

本文目录一览：

• 1、前端框架的发展史
• 2、现在前端流行的框架有什么？？
• 3、web前端三大主流框架
• 4、现在主流的前端框架有哪些？
• 5、web前端三大主流框架都是什么？

前端框架的发展史

最开始前端框架发展史， Web 前端框架发展史的开发非常简单， 界面的展示与后端逻辑的处理并没有分离开来 ，当然从工程量的角度来看，应用逻辑也是非常简单，此时并没有什么前端与后端的区别，如图：

随着业务量和功能的增加，以及网民们对应用的美观度都有前端框架发展史了一定的要求之后，一个 Web 应用的开发逐渐复杂起来，一两个人是根本无法承担全部的开发任务的，这就需要大家通力合作，而 一个应用的开发也就分为了不同的模块 ，工程师也就分为了不同的工种，这个时候，前端框架发展史我们才看到一个 Web 应用的制作，需要涉及到前端工程师、后端工程师、运维工程师、UI 设计师。

对于一个 Web 应用来说，交互逻辑都是在前端产生的 ，因此后端需要对数据进行拼装，前端在技术上其实只负责数据的展示和 UI 的渲染工作， 前后端的逻辑并没有彻底分离开 ，在小型 Web 应用中，这并没有什么问题，但是随着业务量的不断增长，后端负责页面产出的工作越来越繁琐。

为了能够明确应用职责，将数据的处理和展示彻底分开， 前后端分离的设计模式逐渐流行 前端框架发展史；前端需要展示的数据通过网络请求发送给服务器，得到数据之后，再有前端进行渲染展示，这样服务器只负责提供对应的数据即可， 服务器不再负责页面渲染的工作 。

通过前面的介绍，我们对目前的项目工程化有了大体了了解，那么其中，在第二阶段的工程化演进中，有一个重要的工程设计理念诞生，他就是著名的 MVC 设计模式，简单点， MVC 其实就是为了 项目工程化的一种分工模式 。

MVC 中的最大缺点就是单项输入输出，所有的 M 的变化及 V 层的变化，必须通过 C 层调用才能展示；这也就是为什么在大型项目中，后端渲染力不从心的原因之一， 前后端分离的架构中，是将 MVC 中的 V 层删除，不再由 服务器端负责 ；而前端拥有了大量的数据处理任务后，借助 MVC 的分工职责理念，发展出了 MVVM 的架构逻辑。

现在前端流行的框架有什么？？

现在前端主要流行三大框架。给大家具体分析一下这三个前端框架：

1、Angular

大家眼里比较“叼”的框架，甚至有人说三大框架中只有她能称的上一个完整的框架，因为他包含的东西比较完善，包含模板，数据双向绑定，路由，模块化，服务，过滤器，依赖注入等所有功能。对于刚开始学习使用框架的小伙伴们，可以推荐这个框架，学会之后简直能颠覆之前你对前端开发的认知。使用 TypeScript能够提高代码可维护性，有利于后期重构。双向数据流很方便，但是等业务复杂之后，你可能就搞不清楚数据流了。还有令人不开心的脏值检查，以及directive的封装并没有解决视图与数据关系完全分离，有时候还要用$digist强制触发检测。

2、React

这个框架本身比较容易理解，他的结构很清晰，就是由十几个API组成，然后异步渲染，我们只需要处理好接口和维护就好了，但是很多人反映上手还是有一定的的难度的。React是单向数据流，代码写起来会较双向数据流的多一些，但是同样的排查问题时思路清晰很多。

3、Vue

号称是最简单，最容易上手的框架，同时也是行内的大趋势，还可以用来开发最火的小程序。毕竟用这神器，代码码的飞快，项目也能快速上线。同时他也是双向数据流。有些人认为Vue是Angular和React的结合，既有Angular的模板语法也有React的组件化体系。

当你学会其中某个框架之后，你再转用其他框架的时候，学会是很容易的，因为方法都是大同小异的。具体的使用还是得看公司的项目适合或者要求哪个框架。

web前端三大主流框架

React：

React框架是起源于Facebook的项目前端框架发展史，可以轻易地解决跨浏览器兼容的问题前端框架发展史，主要是通过对DOM的模拟减少与DOM的交互做到的。React的模块化把组件进行前端框架发展史了隔离。

Vue：

Vue是相对比较轻量级的框架，是通过进行双向数据绑定来达到驱动页面的效果，大多程序员在学习新框架的时候都会先从Vue开始。Vue比较简单，官方文档介绍的很清楚。

Angular：

Angular拥有很好的应用程序，是一个以JavaSpript编写的库，模板功能也异常强大，本身就带有丰富的Angular指令。一方面可以通过指令扩宽HTML，一方面可以通过表达式绑定数据到HTML。

现在主流的前端框架有哪些？

Bootstrap(经典)

2.Vue(灵活高效的JS框架)

3.React(组件开发)

4. angular(web应用开发框架)

5.typescript(功能强大，语法简洁, JS的扩展)

6.Element (快速搭建一个优雅的网站)

7.webpack parcel (应用打包工具)

8.webassembly(模块编程，四大浏览器联袂支持)

9.Layui(模块化UI组件)

10.PWA(Google推出的网页应用开发)

web前端三大主流框架都是什么？

web前端三大主流框架都是Angular、React、Vue。

1、Angular

Angular原名angularJS诞生于2009年，之前我们都是用jquery开发，自从angular的出现让我们有了新的选择，它最大的特点是把后端的一些开发模式移植到前端来实现，如MVC、依赖注入等。

2、React

React，facebook出品，正式版推出是在2013年，比angular晚了4年，但得益于其创新式的VirtualDOM，性能上碾压angularJS，一经推出，火的一塌糊涂。 特点很多，VirtualDOM、JSX、Diff算法等，支持ES6语法，采用函数式编程，门槛稍高，但也更灵活，能让开发具有更多可能性。

3、Vue

Vue作为最后推出的框架（2014年），借鉴了前辈angular和react的特点（如VirtualDOM、双向数据绑定、diff算法、响应式属性、组件化开发等）并做了相关优化，使其使用起来更加方便，更容易上手，比较少适合初学者。

关于前端框架发展史和前端框架历史的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。 前端框架发展史的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于前端框架历史、前端框架发展史的信息别忘了在本站进行查找喔。

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。