web实验1

万维网是如何工作的

我们想象一个这样的场景。你现在在家想买点生活用品，上京东超市逛了逛，家里的手机、电脑就是你的客户端。另一端是服务器，就像超市或商店。超市与你家之间有一条路，web就是这条路。
客户端是典型的Web用户入网设备（比如，你连接了Wi-Fi的电脑，或接入移动网络的手机）和设备上可联网的软件（通常使用像 IE 和 Chrome的浏览器）。
服务器是存储网页，站点和应用的计算机。当一个客户端设备想要获取一个网页时，一份网页的拷贝将从服务器上下载到客户端机器上来在用户浏览器上显示
1.首先你必须要有网络连接来允许你在互联网上发送和接收数据（必须有路才能送快递）。
2.TCP/IP：传输控制协议和因特网互连协议是定义数据如何传输的通信协议。这就像你在淘宝下订单或者去超市买东西时所使用的传输机制。就像是送快递的车或飞机。
3.DNS: 域名系统服务器像是一本网站通讯录。当你在浏览器内输入一个网址时，浏览器获取网页之前将会查看域名系统。浏览器需要找到存放你想要的网页的服务器，才能发送 HTTP 请求到正确的地方。就像你要知道超市的地址才能到达那。
4.HTTP: 超文本传输协议是一个定义客户端和服务器间交流的语言的协议（protocol ）。就像你下订单时所说的话一样。
5.组成文件: 一个网页由许多文件组成，就像超市里不同的商品一样。这些文件有两种类型：
～代码 : 网页大体由 HTML、CSS、JavaScript组成，不过你会在后面看到不同的技术。
～资源 : 这是其他组成网页的东西的集合，比如图像、音乐、视频、Word文档、PDF文件。

到底发生了什么想剁手？

当你在浏览器里输入一个网址时（在我们的例子里就是走向超市的路上时）：
1.浏览器在域名系统服务器上找出存放网页的服务器的实际地址（找出超市的位置）。
2.浏览器发送 HTTP 请求信息到服务器来请拷贝一份网页到客户端（你走到超市并下订单）。这条消 息，包括其他所有在客户端和服务器之间传递的数据都是通过互联网使用 TCP/IP 协议传输的。
服务器同意客户端的请求后，会返回一个“200 OK”信息，意味着“你可以查看这个网页，给你～”，然后开始将网页的文件以数据包的形式传输到浏览器（超市给你商品，你将商品带回家）。
3.浏览器将数据包聚集成完整的网页然后将网页呈现给你（商品到了你的门口 —— 新东西，真贵！）。

DNS解析

真正的网址看上去并不像你输入的那样美好、容易记忆。它们是一串数字，像 63.245.217.105。

这叫做 IP 地址，它代表了一个互联网上独特的位置。然而，它并不容易记忆，不是吗？那就是域名系统被发明的原因。它们是将你输入浏览器的地址与实际 IP 地址相匹配的特殊的服务器（像 “arXiv.org”）。

网页可以通过 IP地址直接访问。试试通过输入 128.84.21.199 来访问 arXiv.网站。

数据包解析

前面我们用“包”来描述了数据从服务器到客户端传输的格式。这是什么意思？基本上，当数据在Web上传输时，是以成千上万的小 数据块 的形式传输的。大量不同的用户都可以在同时下载同一个网页。如果网页以单个大的 数据块 形式传输，一次就只有一个用户下载，无疑会让Web非常没有效率并且失去很多乐趣。

前端开发工程师？

百度百科：Web前端开发技术是一个先易后难的过程，主要包括三个要素：HTML（标准通用标记语言下的一个应用）、级联样式表（CSS）和JavaScript。前端开发工程师不仅要掌握基本的Web前端开发技术，网站性能优化、SEO和服务器端的基础知识，而且要学会运用各种工具进行辅助开发以及理论层面的知识，包括代码的可维护性、组件的易用性、分层语义模板和浏览器分级支持等。

随着RIA的流行和普及，Flash/Flex、Silverlight、XML和服务器端语言也是前端开发工程师应该掌握的。Web前端开发工程师既要与上游的交互设计师、视觉设计师和产品经理沟通，又要与下游的服务器端工程师沟通，解决用户反馈问题，维护及优化网站前端性能；编写封装良好的前端交互组件；掌握各种修图软件；精通JavaScript、jQuery、ExtJS等页面效果框架；精通一二种模板语言，并能修改，如织梦或wordpress的模板，掌握thinkphp与zend框架，能修改此类开源源码，掌握html5与sencha，这是做手机等移动设备的页面前端技术；掌握一二种后端编程语言，如PHP、.NET、JAVA，能读懂后端源码，掌握node.js、yarn，熟悉各种自动化部署工具；重视用户体验，完美的交互设计。。。
有了大致的了解就可以着手学了，如果你跟我一样都是自己摸索的话，这里有三份不错的教程，边学边实践吧。。。
菜鸟教程
前端开发者手册
学习 Web 开发