web开发学习笔记（1）

web发展历史

一、前言

最近老师的项目中要求制作一个网站，所以学习了一下web的开发，学习了一段时间下来感觉有些心得，而且想到之前学习过程中在博客中得到了很多的帮助，所以在这里写下一些我遇到的问题，希望可以帮助到后来的学习的人。

在学习一个新的技术之前，先对其发展历史进行一个了解，可以帮助我们对这个技术的用途有一个更好的了解，能够更好的帮助我们学习。在这里不会像百度文库那样将对技术的出现时间和发明人等进行罗列，我会将技术之间的相互关系进行介绍，但是我也是一个新进入web开发的新手，如果其中有什么问题希望有大佬可以多多指教。

二、web开发的历史流程

在web出现的这么多年里，web技术的更新一共经历了四个阶段。

在第一阶段中，web开发中只有一个html，这一个超文本语言，这一阶段被称为静态网页。在这一阶段中，网页只是一个有着各种文本、各种图片的且不能更改的word文档，而且这个文档还是样式统一（文字同样大小）。但是网页毕竟是放在网络上的，每个人对每个内容都有自己的想法，有的人希望下载图片，有的人希望查找其中某些词语的含义，这些是静态网页所不能实现的，所以web的开发进入了下一阶段。

在第二阶段中，为了对web的样式进行设计，出现了CSS和JavaScript两门语言，CSS可以对网页的样式进行设计，JavaScript则可以对网页进行交互逻辑的设计，这样一来web开发前端的三剑客就齐聚了。而且，在这一阶段也出现了服务器的概念，服务器中可以保存已经设计好的 .html文件，所以为了服务器的运行，出现了阿帕奇、PHP两门语言。阿帕奇是用于沟通前后端的语言，PHP则是单纯的应用于服务器的语言。有了这些，一个简单的可交互式网站就搭建好了。 但是在这一阶段，网页的渲染都是交由服务器来完成，只有几个人访问服务器还好，一旦访问的人数过多就会对服务器产生很大的压力，所以web的发展进入第三阶段客户端渲染。

在第三阶段中，没有什么比较跨时代的技术出现，仅仅是为了解决第二阶段出现的问题进行处理。在这一阶段，当用户访问服务器时，服务器不会在给用户一个.html文件，用以代替的是一个.js文件，当浏览器接收到这个文件后，会根据文件中的内容响应的生成所需的.html文件，服务器只需要给客户端发送信息即可，这样就避免了服务器的压力过大的问题。 但是，这一阶段同样存在问题，网络搜索引擎无法搜索到这类网站。网络搜索引擎本质上是一堆网络爬虫，从各个服务器获取到网页文件后带着网页文件返回，并保存在本地，等待用户来搜索。这一阶段的服务器中，不存在网页文件，都是.js文件，所以不会被搜索引擎检索到。

进入第四阶段后，web又回到了服务端渲染的模式，但是并不是完全的恢复到原来。在这一阶段，服务端也会存在.html文件，但是这里的html文件中只包含基本内容，比如在网页中包含一个视频，一张图片，这些图片的内容却没有说明，当这个.html发送到客户端后，客户端再次发送一个请求，请求获得这些网页中缺失的部分，这时候服务器再次给客户端发送一个js文件，客户端完成后续的渲染工作。在这一阶段，出现了VUE.js等网络开发框架，这些框架都包含数据绑定内容，可以将html中的内容与数据库中的内容进行绑定，以便事后可以用于获取。