页面是怎么出现在屏幕上的？（页面发展历史）

身为一名web前端工程师
怎么能不知道咱们每天写的页面在狼狼恶狗(long long ago)之前是怎么显示在屏幕上的呢
如果你不知道，那现在你知道了

页面(前端)发展的历史

后端渲染时代

在互联网早期，根本就没有前端这个概念。页面之所以能出现在页面上，是因为你在网页地址栏输入了一个网址，服务器接收到请求，然后去找url对应的页面，找到之后，直接在服务器渲染页面，渲染好之后，直接发送到浏览器上，这样你的页面就有了一个页面

嗨呀，咱们还是来看图吧

如果我们换个页面呢，比如说点击跳转？

那么服务器是怎么知道那个url对应哪个页面呢？不同的URL对应不同的页面，

所谓的后端渲染其实就是处理URL和页面之间的映射关系。

这样开发有什么缺点呢？

• 一种情况是整个页面的模块由后端人员来编写和维护的.
• 另一种情况是前端开发人员如果要开发页面，需要通过PHP和Java等语言来编写页面代码.
• 而且通常情况下HTML代码和数据以及对应的逻辑会混在一起, 编写和维护都是非常糟糕的事情.

随着ajax技术的出现，前端和后端逐渐 分家 分离了
前端进入了

前后端分离时代

随着Ajax的出现，有了前后端分离的开发模式
后端只提供API来返回数据,前端通过Ajax获取数据,并且可以通过JavaScript将数据渲染到网页中.
这样做最大的优点就是前后端责任的清晰,后端专注于数据上,前端专注于交互和可视化上.
并且当移动端(iOS/Android)出现后，后端不需要进行任何处理,依然使用之前的一套API即可.
目前很多的网站依然采用这种模式开发.
直接上图

在这个时代，页面中的交互是怎么产生的呢？

注意，此时还是服务器端在处理url和对应资源的映射关系

单页面富应用阶段（SPA）

其实SPA最主要的特点就是在前后端分离的基础上加了一层前端路由.

整个网页只有一个html页面
在静态资源服务器里只有一个index.html，甚至一个css，甚至一个js
是不是感觉很神奇？
前端来维护一套路由规则
老规矩，上图

看到这里，蟑螂恶霸的脑袋里充满了问号，只有一个html页面，那么如何实现页面间的跳转呢？

前端的发展离不开我们每个前端工程师对于技术持续不断的学习，以及精益求精的精神，前端在最近几年发展的如此迅速，这是最好的时代，也是竞争最大的时代，所以，奥里给！