前端技术的发展

前端技术的发展

从静态走向动态

CGI 即 Common Gateway Interface，译作“通用网关接口”。通用，是一个显著特征，所有支持标准输出，支持获取环境变量的编程语言都能用来编写CGI程序。网关，“协议翻译机”。通常与网关输入输出两端通信使用的是不同的协议。接口，确切而言是“接口协议”，所谓协议，既是通信双方或多方都共识并遵守的一套规则。CGI其实是构架在HTTP协议之上的。它描述的是另一个维度的共识标准

CGI是服务器扩展功能，可以从数据库或者文件系统获取数据，在将数据渲染为HTML文档后，返回至客户端，从而实现了网页的动态生成。在接收到用户请求后。CGI还可以在服务端进行处理，并返回对应的处理结果。

CGI被广泛认为是服务端脚本语言的鼻祖，然而，它有致命的缺陷。首先，CGI没接收到一个请求，都会新开一个进程进行处理，占用服务器的CPU和内存，当请求成千上万时，服务器可能无法支撑以致崩溃。其次，黑客很容易通过不完善的CGI程序非法进入开发者的服务器系统，这对安全方面存在极大的隐患。

从后端走向前端

Ajax(异步javascript和XML)通过XMLHttprequest对象，可以在不重载页面的情况下与Web服务器交换数据，再加上javascript的document对象，开发者可以很轻松地实现页面局部内容刷新。

Ajax的发展，前后端分离的趋势日渐明显，前端不再需要依赖后台环境生存，所有服务器数据都可以通过异步交互来获取。在取得一个良好定义的RESTful(Representational State Transfer,表述性状态转移)接口后，两端甚至可以在零沟通成本的情况下冰雪完成项目任务。

Ajax实现了无刷新的数据交互，而前端路由则实现了无刷新的页面跳转。

从前端走向全端

Node.js是一个基于Chrome V8引擎的JavaScript的运行环境。Node.js使用了一个事件驱动、非阻塞式I/O的 模型，使其轻量又高效。

Node.js的包管理NPM,是全球的开源库生态系统。

前端工程师可以可以以很低的成本用Node.js和MongoDB搭建一个后台。前端工程师和全栈工程师之间的距离，只在于一个Database（数据库）。

摘自刘汉伟《Vue.js从入门到项目实践》