# 浅聊前端发展史

在讲前端发展史就需要讲下web1.0 - web3.0的发展,那么web到底是什么?其实web代表了一个新的网络阶段,或者说是互联网建设的一种新的模式,它本身并没有特别的标准来进行描述,一般我们将促成这个阶段的各种技术和相关的产品服务统称为webx.0

# web1.0时代(静态网页)

  • web原型

1989年,在欧洲粒子物理实验室Tim Berners-Lee(伯纳斯·李)提出: 个人计算机上访问大量的科研文献,并建议在文档中链接其他文档 => "web原型"

  • 前端历史的起点

1994年,万维网(W3C成立),网景推出了第一版Navigator浏览器,HTML也发布了第二代版本,TIM的好基友也设计了CSS...所以我们把1994年称为 "前端历史的起点"

  • javaScript诞生

1995年,网景工程师Brendan EIch花10天时间设计了javaScript语言,1996年微软发布JScript(和JS有一些差异),同时拉开了Navigator和Internet Explorer浏览器大战的序幕(到2002年正完胜,占据全世界96%的市场份额)

  • ECMAScript标准规范

    • 诞生

      为了让各大浏览器统一编程规范,1997年6月ECMA(欧洲计算机制造联合会)以JavaScript语言为基础制定了ECMAScript标准规范ECMA-262

从此浏览器厂商都是按照这个规范来开发自己的浏览器产品。

  • 更新迭代

      - 1999年12月ES3发布ES3占据了10年历程,也是JS语言的基础。
      - 到2011年6月ES5发布(2007年的ES4天折:过于激进,改动太大)
      - 2015年6月ES6发布(但是由于之后规定每年发布一个新的版本,所以后改名E52015]
      - 2016年6月对2015版本增强的2016版本发布此后相继有ES2017、ES2018..
      - 同样HTML也在2014年10月发布了第五代版本,2011年CSS也发布了第三代版本,此时前端基础的技术栈就稳固下来。
    

# web2.0时代(动态网页的掘起)

  • 诞生

    • 1995年之前,JS只用来做一些简单的DOM修改,WEB页面都是静态的(显示静态文本和图片),为了让WEB页面更具备活力(例如:动态展示数据)

    • 1995年PHP诞生,1996年JSP诞生,1996年ASP诞生,2002年ASPNET诞生。这些服务器端页面技术实现了WEB页面的动态化,从此WEB20时代到来。

  • 弊端

    • 1.同步非异步刷新
    • 2服务器承受压力过大
    • 3.后台开发的任务量过大(网页制作任务量少),代码过于臃肿,两种角色很难实现同时任务开发
    • .....
  • AJAX时代

    • 前后端分离的雏形,异步渲染大显神通

      ​ 在Web最初发展的阶段,前端西面更想获取后合信息需西刷新整个页面,这是很糖糕的用户体验,Google分别在2004年和2005年先后发布了两款重量级的Web产品:Gmail和Gooqle Map.这两款Web产品都大量使用了AJAX技术,不需要刷新页面就可以使得前端与服务器进行网络通信d前后端分离的维形,异步道染大显神通,所以AJAX是一项革命性的技术,颠覆了用户体验。到2013年/2014年,随着移动端H5的崛起,高性能的WEB体验是重中之重,国内大部分项目都已经改为“前后端分离”模式,这也奠定了前端开发二分天下的局面。导致到后期,跨域策路请求方案(JSONP、IFRAME、CORS、DOMAIN 、POXY、SCOKET.)以及FETCH等新通信方案不断的崛起。

    • 前端开发者之殇(浏览器兼容)

      • IE在第一次浏览器大战中击败Netscape赢得胜利,垄断了浏览器市场。作为独裁者,IE并不遵循W3C的标准,IE成了事实标准。2004年11月Firef ox发布,之后一路奋起直追,逐渐蚕食正市场份额,这引发了第二次浏览器战争。2008年12月Chrome浏览器发布,也加入了浏览器大战,由于其优越的处理性能(webkit内核/V8引擎),到2016年,谷歌占据了浏览器市场的半壁江山。

      • 但是浏览器越多,碎片化问题也越来越严重,不同的浏览器执行不同的标准,对于开发人员来说这是一个恶梦。为了解决浏览器兼容性问题,Dojo、jQuery、YUl、ExtUS、等前端类库相继诞生。(jQuery独领风骚,几乎成了所有网站的标配,Dojo、YUl、ExtJS等提供了很多组件,让复杂的业务简单化.)图例

# web3.0时代

  • H5崛起:Hybrid混合开发成为主导
    • 自2009年起,随着iOS和Android等智能手机的广泛使用,移动浏览器也逐步加强了对HTML5特性的支持力度。相比于Native App,移动Web开发成本低、跨平台、发布周期短的优势愈发明显,但是Native App的性能和UI体验要远胜于移动Web(Hybrid技术是结合两者优势),截止目前,市面上95%以上的APP都是Hybrid混合APP开发的。
    • 根据实现原理,Hybrid技术可以分为两大类:
      • 1.将HTML5的代码放到Native App的WebView控件中运行,典型代表有PhoneGap(Cordova)以及AppCan、lonic等(微信二次开发)。
      • 2.将HTML5代码针对不同平台编译成不同的原生应用,实现了Web开发,Native部署。这一类的典型代表有React Native/Flutter/uni-app
  • Node崛起:JS成为最热门全栈开发技术
    • 诞生
      • 2009年,Ryan利用Chrome的V8引擎打造了基于事件循环的异步I/O框架-Nodejs诞生
    • Node特点
      • 基于事件循环的异步I/0框架,能够提高/O吞吐量;单线程运行,能够避免了多线程变量同步的问题;使得JS可以编写后台代码,前后端编程语言统一。
    • 发布
      • 2010年1月,NPM作为Nodejs的包管理系统首次发布。前NPM具有40万左右的模块,是世界上最大的包模块管理系统。

# 参考

Web1.0时代到Web2.0时代再到Web3.0时代

3张图让你秒懂Web3.0, 从1.0到3.0你不知道的互联网的演进史!

关注作者公众号

自学路上一起进步!

加入前端自学交流群

扫描二维码回复 加群 学习