互联网web开发的发展历程（前后端）

互联网web开发的发展历程（前后端）

互联网web开发的发展历程（前后端）

• 一、前言
• 二、后端渲染时代
• • 1、什么是后端路由？优缺点是什么？
• 三、前后端分离的由来及优劣势
• 四、单页面富应用阶段
• 五、web应用发展趋势

一、前言

随着时代的发展，互联网技术发生了翻天覆地的变化，从我刚入行到现在，做过许多不同类型的互联网项目，主要以web开发（前后端）为主，作为一个宅宅的程序猿，本着最客观的态度，记录一下本人对于web技术发展的看法，以及对于未来发展的预测，共同交流进步，仅供大家参考。我认为，从2010年至今web应用主要可以概况为经历了三个时代：后端渲染时代、前后端分离时代、单页面富应用时代。

二、后端渲染时代

2016年以前大部分的公司还是以后端工程师为主，后端工程师同时兼任前端页面的开发，以java为例，浏览器发送网络请求，后端程序员通过servlet接收URL（get、post等）请求，然后通过JAVA接口获取相应的数据和JSP对html的动态生成，将渲染好的视图（ModelAndView）直接返回到浏览器。由于jsp技术即可调用java代码，又可对dom进行 *** 作，所以在那个年代使用java+jsp+html+css是一种非常流行的web应用开发方式。

1、什么是后端路由？优缺点是什么？

（1）介绍：在网页开发过程中，必然会有一个URL和后端接口的映射关系，后端路由简单来说就是在后端处理这个映射关系，比较常见的是在每个请求的servlet上面定义对应的请求相对路径。
（2）优点：对于简单的应用，单人即可开发，简单应用开发效率高；
（3）缺点：页面粗糙、耦合度高、加载缓慢、维护成本高。

三、前后端分离的由来及优劣势

（1）由来：由于互联网技术的喷涌式的发展，Ajax的越来越普及及广发使用，对于页面的加载效率、美观度、功能的复杂程度、安全性等要求越来越高，一体式的开发逻辑已经不在适应越来越复杂的前端页面，于是越来越多的公司开始使用前后端分离的模式，以致vue、react、angular三大框架得到了更好的发展，版本得到了多次更新换代，并成为了当前前端开发的主流框架。
（2）优势：

1. 后端只提供API来返回数据，可为不同的应用及设备提供接口，通过高度解耦，实现一套API可以为网页端、Android端、IOS端等多个设备提供数据，而接口不发生改变，大大节省开发效率。
2. 前后端责任更加清晰，后端只专注于接口设计（更好的提供数据），前端专注于人机交互和可视化。
3. 前端只需要获取到相应的html、js和请求到对应的数据，即可渲染页面
4. 目前使用广泛，市面能获取到更多的资料以满足产品要求

四、单页面富应用阶段

所谓单页面富应用即 single page application, 最主要的特点是在前后端分离的基础上加了一层前端路由，在前端维护一套路由规则。整个页面只有一个html页面，前端程序部署到独立的服务（比如node，nginx）中，静态资源和数据通过不同的服务去取，取出的数据在浏览器端进行页面渲染，最终展示在用户面前。最主要的特点是在前端开发中目录结构更加清晰、组件化开发、可懒加载、随用随取、局部刷新。另外，根据配置的前端路由，可在对应的区域内根据URL映射展示不同的页面。

五、web应用发展趋势

目前来看，精细化必然会是未来技术发展的一个特点，每个人都是精力有限的，所以只要我们把某一门语言、某一项技能深入探索，必然会在未来脱颖而出。但是作为一个程序猿，计算机技术发展非常迅速，除了打好基础外，也必须要紧随时代潮流，看清大势，借势而上，顺势而为。

【欢迎大家关注我，后面我会更多的和大家分享心得体会，非常感谢】