动态语言 ruby 前端的“前世今生”

引言： 本人自2017年5月29日决定入“前端坑”以来，到现在突然想了解一下前端的“前世今生”，看看她到底是如何修炼成神，被大家所崇拜并有无数人跟随的。我这个草根到15年的时候才了解到“大神”，真是相见恨晚啊！

我虽比“大神”早出生，但是没有您成长的快啊！我对您的成长史也是借鉴别人的。大家参考参考。。。。

从静态走向动态

1994年可以看做前端历史的起点，这一年10月13日网景推出了第一版Navigator；这一年，Tim Berners-Lee创建了W3C；这一年，Tim的基友发布了CSS。还是这一年，为动态web网页设计的服务端脚本PHP诞生。

万维网（WWW）是欧洲核子研究组织的一帮科学家为了方便看文档、传论文而创造的，这就是为什么Web网页都基于Document。Document就是用标记语言+超链接写成的由文字和图片构成的HTML页面，这样的功能已经完全满足学术交流的需要，所以网页的早期形态和Document一样，完全基于HTML页面，并且所有内容都是静态的。动态语言 ruby

1995年网景推出了JavaScript，实现了客户端的计算任务（如表单验证）。

1996年微软推出了iframe标签，实现了异步的局部加载。

1999年W3C发布第四代HTML标准，同年微软推出用于异步数据传输的ActiveX，随即各大浏览器厂商模仿实现了XMLHttpRequest。这标识着Ajax的诞生，但是Ajax这个词是在六年后问世的，特别是在谷歌使用Ajax技术打造了Gmail和谷歌地图之后，Ajax获得了巨大的关注。Ajax是Web网页迈向Web应用的关键技术，它标识着Web2.0时代的到来。

2006年，XMLHttpRequest被W3C正式纳入标准。

早期的网页开发是由后端主导的，前端能做的也就是操作一下DOM。2006年 John Resig发布了jQuery，jQuery主要用于操作DOM，其优雅的语法、符合直觉的事件驱动型的编程思维使其极易上手，因此很快风靡全球，大量基于jQuery的插件构成了一个庞大的生态系统，更加稳固了jQuery作为JS库一哥的地位。

2009年AngularJS诞生，随后被谷歌收购。2010年backbone.js诞生。2011年React和Ember诞生。2014年Vue.js诞生……前后端分离可谓大势所趋。

2014年，第五代HTML标准发布。H5是由浏览器厂商主导，与W3C合作制定的一整套Web应用规范，至今仍在不断补充新的草案。

从前端走向全端

2009年Ryan Dahl发布了node，node是一个基于V8引擎的服务端JavaScript运行环境，类似于一个虚拟机，也就是说js在服务端语言中有了一席之地。如果说ajax是前端的第一次飞跃，那么node可算作前端的第二次飞跃。它意味着JavaScript走出了浏览器的藩篱，迈出了全端化的第一步。

一种流行的组合就是利用Express和Mongo搭建服务端程序。

前端：针对浏览器的开发，代码在浏览器运行

后端：针对服务器的开发，代码在服务器运行

互联网发展的早期，前后端开发是一体的，前端代码是后端代码的一部分。动态语言 ruby

后端收到浏览器的请求

生成静态页面

发送到浏览器

那时的网站开发，采用的是后端 MVC 模式。

Model（模型层）：提供/保存数据

Controller（控制层）：数据处理，实现业务逻辑

View（视图层）：展示数据，提供用户界面

前端只是后端 MVC 的 V。

以 PHP 框架 Laravel 为例。

那时的前端工程师，实际上是模板工程师，负责编写页面模板。

本文来自电脑杂谈，转载请注明本文网址：
https://www.pc-fly.com/a/jisuanjixue/article-69348-1.html