摘要：随着网络发展的如此迅速，数据信息越来越多，各种软件，网站如雨后春笋般地悄悄发芽，纵观整个互联网的发展历史，前端与互联网的发展是相辅相成的，一方面互联网的高速发展给前端创造了良好的环境，而前端各种技术的诞生以及更加工程化的开发也进一步地推动互联网的飞速发展。

关键词：互联网;发展;前端;框架

一、引言

回首过去的二十年里，互联网的发展是迅速的，我们从早期的2g，3g网络发展到如今的4g，5g网络。在互联网发展的同时，也带来了许多新的知识和技术，现如今有各种各样的网站，淘宝、京东的网络购物平台的出现也依赖于互联网的高速发展，现如今，网络迎来了新时代。

作为一个前端开发人员，我深深地感受到了互联网的发展对网站的页面带来的变化，在互联网的早些时候，与后台的连接也不是很方便，甚至来说是困难的。在过去我们先要做好后台开发，连接数据库，等后台开发完成之后才能进行前端页面的开发，通过模板引擎或jsp的相关操作来完成网站的开发，这在当时来说是主流的网站开发方式，现如今，随着互联网的高速发展和大量的程序员的出现，一些新的技术被研发出来，前后端开始分离出来，前端不必等后端开发完成之后在进行开发，前后端分离就是前端和后端同时开发，前端和后端之间通过约定的Api接口来进行开发，这大大地节省完成项目的开发时间。

二、转折点

作为前端的另一个里程碑的发展是node的出現，node的出现使得前端发生了本质的改变，过去前端的任务实际上是非常简单的，我们只要用html来表现网页的基本内容，用css来进行布局，将整个浏览器的页面分解成一块一块地块级区域，在对每一个块级区域进行排版和美化，常用的布局方式有盒子模型和弹性盒子两个方式，整体页面分为3中，标准流，定位和浮动。我们一般用标准流进行页面的展示，用定位来布局页面中固定的元素，用浮动来完善页面的布局。至于网页中的动态效果和动画我们交给JavaScript来做。这是我们以前的前端开发。现在node的出现使得前端有自己的服务器端，我们可以用node来作为我们的后端，这样可以用前端来做一些后端开发的事情。通过node的包管理器我们可以制作出各种各样的工具，也让前端来到了一个新时代，大前端时代。

三、前端与后端的区别

作为一个从事网站开发的工作人员，我们经常可以听到别人总喜欢将前端与后端进行比较，在我看来二者的开发逻辑是完全不同的，前端相较于后端没有那么严谨的逻辑开发方式，就拿Java来说，Java的包管理机制使得Java在后台开发中占据绝对的优势，Java开发的过程中每一步做些什么，以及各个包的导入都是十分严谨的，反观前端，前端的开发在早些时候是十分繁琐的，JavaScript作为前端三要素的核心，JavaScript本意就是用来处理浏览器轻量的脚本的，Brendan Eich自己也未想到JavaScript未来可以发展得如此强大，另一方面，我们写的html、css、JavaScript代码都要在浏览器上运行，通过浏览器的引擎为我们渲染出页面和加载脚本。但是目前市面上主流的浏览器众多，其中比较主流的有chrome、ie、firefox等等。这些浏览器的内核与引擎都不一样，要花很长的时间和精力来完成适配各个浏览器。

四、前端开始变得工程化

在进行长时间的发展和沉淀，前端开发终于开始迈向工程化，在这个大背景下，前端3大框架开始应运而生，前端3大框架包括Vue、React、Angular，对于中国的前端开发人员来说，我们用Vue.js比较多，Vue是一个循序渐进的JavaScript框架。它的核心是存在一个虚拟Dom，可以大大减少浏览器访问的压力，我们都知道后端有一个mvc三层架构，首先来说，三层架构与MVC的目标一致：都是为了解耦合、提高代码复用。MVC是一种设计模式，而三层架构是一种软件架构。三层架构分为：表现层（UI）（web层）、业务逻辑层（BLL）（service层）、数据访问层（DAL）（dao层），再加上实体类库（Model）而在vue中出现了一种mvvm的概念，前后端开始出现分离，前端主要完成页面的展示效果，以及一些简单的逻辑操作，后端主要连接数据库，将数据库中的数据通过后台传递给前端。这样前后端各司其职，可以有条不紊地完成项目的开发。

五、前端火热的框架Vue

Vue的优点：

（一）轻量级框架

只关注视图层，是一个构建数据的视图集合，大小只有几十kb，Vue.js通过简洁的API提供高效的数据绑定和灵活的组件系统。

（二）简单易学

（三）双向数据绑定

通过MVVM思想实现数据的双向绑定，让开发者不用再操作dom对象，有更多的时间去思考业务逻辑。

（四）组件化

在前端应用，这就引入了组件化开发的思想，分模块开发。Vue.js通过组件，把一个单页应用中的各种模块拆分到一个一个单独的组件（component）中，我们只要先在父级应用中写好各种组件标签，并且在组件标签中写好要传入组件的参数，然后再分别写好各种组件的实现，然后整个应用就算做完了。

（五）视图，数据，结构分离

使数据的更改更为简单，不需要进行逻辑代码的修改，只需要操作数据就能完成相关操作。

（六）虚拟DOM

总的来说，用Vue来创建一个前端项目是比较简单的，这也是框架的好处，它把一些复杂的部分封装了起来。我们只需要按照它的规定来使用即可，减少我们的开发时间。但是我们也不能基础知识没有学好就开始学习框架的知识。毕竟，基础是最重要的。

六、总结

本文主要讲述了前端随着互联网的发展历程以及每个阶段的发展经历，前端的发展主要有以下几个时期，JavaScript的产生，浏览器可以运行脚本，各个浏览器，各种脚本语言，出现百花齐放的一种趋势，JavaScript逐渐完善，浏览器进行合并或被淘汰，node.js的出现使得JavaScript可以做一些后端的操作，使得前端的功能越来越多。最后也就是现在的局面，直到三大框架的出现，前端慢慢进入工程化，有着严格的项目创建过程。

参考文献：

[1]朱利娜，周宁. 软件项bai目管理的思考[J]. 平原du大学学报， 2007，（02） .

[2]罗铁清，王莹，王如龙. 软件项目管理流程分析与设计[J]. 计算技术与自动化， 2005，（03） .

[3]杨智明. 软件项目管理过程[J]. 科教文汇（下半月）， 2006，（09） .

[4]陆伟. 软件项目管理及其在中小规模开发中的实施[J]. 电脑知识与技术，2005，（08） .

[5]陈意云.编译原理[M].2版.北京：高等教育出版社，2008

[6]吕映之.编译原理[M].北京：清华大学出版社，1998

[7]徐国定.编译原理[M].北京：高度教育出版社，2007

[8]刘春林.编译原理与技术[M].北京：清华大学出版社，2009

作者简介：

甄朝明（ 1998—），男， 安徽六安人， 本科学历，现就读于宿州学院本科大四软件工程专业，研究方向：前端开发。