第一课《为什么有那么多人要学做前端》

标签：调用   跳转   额外   数据   文件   ade   work   实现   账号   

用时：2.5h.

1. 浏览了一些交互和视觉体验都非常好的网站和demo
2. 在一个叫codepen的在线编辑器网站注册了账号，编写了基础的html、css、js代码
3. 阅读了一些介绍性的文章，了解了前端开发最开始涉及到的一些概念和过程
4. 注册GitHub 账号，安装visual studio code作为开发工具

5. 了解了一个普通网站访问过程中涉及到的技术：

   1. 用户操作浏览器访问，浏览器向服务器发出一个 HTTP 请求；
   2. 服务器接收到 HTTP 请求，Web Server 进行相应的初步处理，使用服务器脚本生成页面；
   3. 服务器脚本（利用Web Framework）调用本地和客户端传来的数据，生成页面；
   4. Web Server 将生成的页面作为 HTTP 响应的 body，根据不同的处理结果生成 HTTP header，发回给客户端；
   5. 客户端（浏览器）接收到 HTTP 响应，通常第一个请求得到的 HTTP 响应的 body 里是 HTML 代码，于是对 HTML 代码开始解析；
   6. 解析过程中遇到引用的服务器上的资源（额外的 CSS、JS代码，图片、音视频，附件等），再向 Web Server 发送请求，Web Server 找到对应的文件，发送回来；
   7. 浏览器解析 HTML 包含的内容，用得到的 CSS 代码进行外观上的进一步渲染，JS 代码也可能会对外观进行一定的处理；
   8. 用户与页面交互（点击，悬停等等）时，JS 代码对此作出一定的反应，添加特效与动画；
   9. 交互的过程中可能需要向服务器索取或提交额外的数据（局部的刷新，类似微博的新消息通知），一般不是跳转就是通过 JS 代码（响应某个动作或者定时）向 Web Server 发送请求，Web Server 再用服务器脚本进行处理（生成资源or写入数据之类的），把资源返回给客户端，客户端用得到的资源来实现动态效果或其他改变。

   引自：张秋怡的回答

第一课《为什么有那么多人要学做前端》

标签：调用   跳转   额外   数据   文件   ade   work   实现   账号   

原文地址：https://www.cnblogs.com/lixiang12/p/10223103.html