一文解析Web前端发展历程

格桑2021-11-22 14:01

  前面也算得上经历了一个较为长久的进步全过程,大概过程可以分成下列一些环节:

一文解析Web前端发展历程

  一、静态网页环节

  互联网的发展的初期,网址的前后端工程师是一体的,即前端代码是后面编码的一部分。

  1.后面接到电脑浏览器的要求

  2.转化成静态网页

  3.发送至电脑浏览器

  那时候的前面网页页面全是静态数据的,全部前端代码和前面数据信息全是后面转化成的。前面仅仅单纯的展现作用,脚本制作的效果仅仅提升一些独特属性,例如那时候很时兴用脚本制作操纵网页页面上飞着的广告宣传。

  那时候的网站建设,选用的是后面MVC方式。

  Model(实体模型层):给予/储存数据信息

  Controller(操纵层):数据处理方法,完成领域模型

  View(主视图层):展现数据信息,给予操作界面

  前面仅仅后面MVC的V。

  二、AJAX环节

  2004年,AJAX技术性问世,更改了前端工程师。Gmail和Google地图那样颠覆性的商品发生,促使开发人员发觉,前面的功能不仅是展现网页页面,还能够管理方法数据信息并与客户互动交流。

  AJAX技术性指的是脚本制作单独向网络服务器要求数据信息,取得数据信息之后,开展解决并升级网页页面。全部流程中,后面仅仅承担给出的数据,别的事儿都由前面解决。前面不会再是后端模版,反而是完成了从“读取数据--》解决数据信息--》展现数据信息”的详细领域模型。

  就是以这一环节逐渐,前面脚本制作逐渐复杂化,不会再只是是一些小玩具功能。

  三、前面MVC环节

  前端代码拥有读写能力数据信息,解决数据信息,转化成主视图等作用,因而急需解决辅助软件,便捷开发人员组织机构代码。这致使了前面MVC框架的问世。

  2010年,第一个前面MVC框架Backbone.js问世。它通常是把MVC方式搬到前面,可是仅有M(读写能力数据信息)和V(展现数据信息),沒有C(解决数据信息)。由于,Backbone觉得前面Controller与后面不一样,不用,都不应当解决领域模型,只必须解决UI逻辑性,回应客户的一举一动。因此,数据处理方法都放到后面,前面仅用事情回应解决UI逻辑性(客户实际操作)。

  之后,大量的前面MVC框架发生。另一些架构明确提出MVVM方式,用ViewModel替代Controller。MVVM方式也将前面运用分为三个一部分。

  Model:读写能力数据信息

  View:展现数据信息

  View-Model:数据处理方法

  ViewModel是简单化的Controller,全部的数据信息逻辑性都放到这一部分。它的唯一功效便是为View给予解决好的数据信息,没有别的逻辑性。换句话说,Model取得数据信息之后,ViewModel将数据处理方法成主视图层(View)必须的文件格式,在主视图层展现出去。

  这一实体模型的特征是View关联ViewModel。假如ViewModel的数据信息发生变化,View(主视图层)也跟随发生变化;相反也是,假如客户在主视图层改动了数据信息,也马上呈现在ViewModel。全部全过程彻底不用手工制作解决。

  四、SPA环节

  前面可以保证读写能力数据信息,转换主视图,客户互动,这代表着,网页页面实际上是一个应用软件,而不是信息内容的纯展现。这类一张网页页面的应用软件称之为SPA(single-pageapplication)。

  说白了SPA,是指在一张网页页面(singlepage)上,根据较好的感受,模拟多网页页面应用软件(application)。客户的电脑浏览器只要将网页页面加载一次,随后全部操控都能够在这里张网页页面上进行,含有快速的积极响应和虚似的网页页面转换。

  伴随着SPA的盛行,2010年后,前端开发从开发设计网页页面(切模版),慢慢变成了开发设计“前面运用”(跑在手机浏览器里边的应用软件)。

  现阶段,最受欢迎的前端框架Vue,Angular,React这些,都归属于SPA开发框架。

  以上就是小编为大家整理发布的“一文解析Web前端发展历程”一文,更多相关内容尽在开课吧广场Web教程频道。

免责声明:本站所提供的内容均来源于网友提供或网络搜集,由本站编辑整理,仅供个人研究、交流学习使用。如涉及版权问题,请联系本站管理员予以更改或删除。
有用
分享
全部评论快来秀出你的观点
登录 后可发表观点…
发表
暂无评论,快来抢沙发!
云开发实战特训营