码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2019-01-05 00:53:51      阅读:211      评论:0      收藏:0      [点我收藏+]

标签:调用   跳转   额外   数据   文件   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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!