百度前端技术学院第一天—为什么这么多人想学习前端技术

认识什么是前端技术?
今天先浏览了几个酷炫的网页,并且了解到这些网页都是通过前端技术实现的

了解了Html Css JavaScript的基本知识,以及他们在一个网页所担任的角色,浏览了学习Html和Css以及Javascript的网站
Web 建站技术中,HTML、HTML5、XHTML、CSS、SQL、JavaScript、PHP、ASP.NET、Web Services 是什么?
https://www.zhihu.com/question/22689579
W3School的HTML教程
http://www.w3school.com.cn/html/index.asp
W3School的HTML5教程
http://www.w3school.com.cn/html5/index.asp
MDN Web开发入门 https://developer.mozilla.org/zhCN/docs/Learn/Getting_started_with_the_web

举实例说明对一个网站的访问要经过那几部?
举例,要访问一个网站,在浏览器中输入这个网址 http://www.zhihu.com/question/22689579
访问过程大致可以描述成下面这样

简单可以把一个普通网站访问的过程概括如下:
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写入数据之类的),把资源返回给客户端,客户端用得到的资源来实现动态效果或其他改变。

猜你喜欢

转载自blog.csdn.net/qq_39158034/article/details/84315495