千锋教育-做有情怀、有良心、有品质的职业教育机构

手机站
千锋教育

千锋学习站 | 随时随地免费学

千锋教育

扫一扫进入千锋手机站

领取全套视频
千锋教育

关注千锋学习站小程序
随时随地免费学习课程

当前位置:首页  >  技术干货  > 大前端的未来是否可期?了解下历史先!

大前端的未来是否可期?了解下历史先!

来源:千锋教育
发布人:qyf
时间: 2022-10-10 15:19:13 1665386353

  以铜为镜,可以正衣冠;以古为镜,可以知兴替;以人为镜,可以明得失。了解前端技术的历史,可以帮助我们更清晰地了解这个行业的未来!

  一、冷兵器时代

  在很久很久以前的公元1993年,位于美国的伊利诺州诞生了一位名为NCSAMosaic的孩子。它便是传说中的微软IE、网景以及后续众多网页浏览器的鼻祖。可惜在当时只有少数的幸运儿才可以使用它。

图片3

  它的初始作用,是为了方便科学家看文档、传论文。所以,到今天为止,学习前端的人在接触 HTML 的时候,都会记得它的第一句有个词是 Document。

  次年的1994年,网景公司打造了一款名为Navigator 0.9版的浏览器,该产品在当时也算是轰动一时,即使该版本浏览器仅仅可以用于浏览而已,并不具备与访问者沟通互动的能力。所以网景公司急需一种网页脚本语言,可以使得浏览器与网页互动。

图片4

  同年,网景公司的一名叫Brendan Eich的员工,历经10天打磨出了一款名为JavaScript的产品。据说Brendan Eich一点也不喜欢自己的这个作品。可能是他当时就已预料到JavaScript在后面相当长的一段时间中所写出来的程序均是混乱不堪的。不过不管怎样,浏览器通过JavaScript终于可以与网页互动了。

  那时候的互联网开发者还被统称为程序员。在那个年代,前后端开发是一体的,还并未分家。前端代码只是后端代码的一部分而已:后端接到浏览器的请求 => 生成静态页面 => 邮寄给浏览器。

  当时用户的感受:

  提交完一个表单,浏览器要白屏等待许久,最后还有可能给你返回个 “用户名错误”;

  假如你有一万篇文章,那么你要写一万个静态页面……

  二、热兵器时代

  一切都要从PHP、ASP、JSP的出现开始说起,自从它们的出现才有了将数据嵌入到 HTML 中的形式,这也意味着互联网行业正式告别了冷兵器时代,朝着热兵器时代快速发展。

  此时的互联网兴起了一种MVC的开发模式:

  Model(模型层):提供/保存数据。

  Controller(控制层):数据处理,实现业务逻辑。

  View(视图层):展示数据,提供用户界面。

图片5

  在此时,前端只是 MVC 中的 V而已,可能是因为当时负责V的开发人员是所有程序员中工资偏低的,所以都喜欢称自己为"切图仔”。没错,"切图仔”便是前端开发工程师的前身。

  随着时间的不断推移,后端的工作量越来越重,无暇顾及页面的长相问题,于是乎“切图仔”又多了一项任务:切完图之后,负责编写页面样式,方便后端替换变量及渲染页面。

  ……

  自Ajax逐渐被使用到各个页面上,也宣告了热兵器时代巅峰的到来。此时的前端也不再只是后端的模板,它可以独立得到并处理各种数据,也就在此时“切图仔”们增加了一些JS的开发任务,朝着前端的道路又迈进了一步。

图片6

  在这个时代有一位不得不提的大哥级人物: jQuery。其最擅长的功夫是操作DOM。由于在其麾下拥有着一套十分庞大的插件生态系统,使得其快速风靡了全球,并霸占JS 库一哥的地位许久。即使至了今天,江湖上依然还存在着这位大哥的踪迹及传说。

  三、核武器时代

  伴随着信息时代、大数据时代的到来,jQuery 在处理大量数据操作时,已经明显力不从心了!但,web开疆拓土的步伐从未停歇过:

  2008 年,谷歌 V8 引擎发布,终结了微软 IE 的垄断时代。

  2009 年 AngularJS 诞生(随后被谷歌收购)。

  2009 年 Node诞生,它使 JS 在服务端语言中也有了一席之地。

  2011 年 React 诞生。

  2014 年 Vue.js 诞生。

  2015 年 标准组织发布了ECMAScript 2015(ES6)

  2017 年 微信小程序正式上线。

  伴随着Angular、React、Vue 等前端架构以及 Webpack的出现,使得前端一个人能够完成的事越来越多。自此前后端分离可谓大势所趋。

  如今,后端负责数据,前端负责其余工作越发明显化。它们之间的通讯,只需要后端暴露 RESTful 接口,前端通过 Ajax,以 HTTP 协议与后端通信即可。

  此时,手机端的发展也是不可小觑的:

  2007 年第一代 iPhone 发布。

  2008 年第一台安卓手机发布。

  ......

  悄然间互联网进入了移动时代。移动端的发展进程和PC的历史如出一辙,一开始都是Native App的天下。但浏览器试图取代操作系统的篡位之心从未消减。

  相比原生应用,Web APP有太多好处:无须开发两套系统版本、无须安装、无须手动升级、无须审核……我认为最大的好处以及驱动软件形态转向的主要原因在于降低成本。

  记得13年的时候韩寒说做一个APP大概需要五十万,今天网上比较靠谱的分析评估半年时间从零做出一个稍微像样的APP至少100万,而开发Web App花的钱一定少得多。

  制约Web App的因素有很多,但我们可以看到Web App一直在不断修复缺陷、突破局限。

  你说网页有tab bar,好吧,给你个fullpage API。

  你说网页不能调取系统功能,好吧,Geolocation API、Vibration API、Luminosity API、Orientation API、Camera API……

  你说网页不像APP有图标,IOS早就支持在桌面上添加网页链接的快捷图标,还得是乔帮主远见;

  你说网页必须联网,现在离线的方案也很多啊;

  你说Web App性能差,这个……你说得对,也就是这个原因,Native App还能作为主流存在一段时间,可是如果Web App的性能逐渐赶上Native了呢?目前的Hybrid、nw.js、Electron、react native、weex等都可以看做Web App在性能方面向Native靠近的尝试。更何况半路又杀出个微信小程序。

  所以,前端未来可期……

tags:
声明:本站稿件版权均属千锋教育所有,未经许可不得擅自转载。
10年以上业内强师集结,手把手带你蜕变精英
请您保持通讯畅通,专属学习老师24小时内将与您1V1沟通
免费领取
今日已有369人领取成功
刘同学 138****2860 刚刚成功领取
王同学 131****2015 刚刚成功领取
张同学 133****4652 刚刚成功领取
李同学 135****8607 刚刚成功领取
杨同学 132****5667 刚刚成功领取
岳同学 134****6652 刚刚成功领取
梁同学 157****2950 刚刚成功领取
刘同学 189****1015 刚刚成功领取
张同学 155****4678 刚刚成功领取
邹同学 139****2907 刚刚成功领取
董同学 138****2867 刚刚成功领取
周同学 136****3602 刚刚成功领取
相关推荐HOT