百度前端学院第一天——前端的一些知识

第一天：

1、 HTML、XML、HTML5

HTML5是HTML的新标准，增加了很多新的标签，语义性更强；XHTML是HTML和XML的“杂交”，对语法要求更严格，如标签必须闭合。

2、 Web Server与Web Service

Web Server有比如Apache，Nginx，IIS等或者当今用Node.js自定义服务端。

Web Services 是一个整体的是一个整体的服务系统，过web网络来实现用户服务的一套系统，如邮件系统的Web Services，一些API接口等

3、一个普通网站访问的过程：

1）用户操作浏览器访问，浏览器向服务器发出一个 HTTP 请求；

2）服务器接收到 HTTP 请求，WebServer 进行相应的初步处理，使用服务器脚本生成页面；

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写入数据之类的），把资源返回给客户端，客户端用得到的资源来实现动态效果或其他改变。

4、浏览器内核

浏览器就是对HTML+CSS+JS文件内容进行翻译，并允许用户通过页面与网站进行交互的一种软件。

内核的目的都是为了解析（翻译）前端语言形成可视化页面，但是由于设计理念等细节的差异性，导致不同的内核体现出不同的特性，例如有的访问速度快、有的扩展性强、有的大而全、有的小而美等等。主流浏览器的内核如下

百度前端学院第一天——前端的一些知识相关推荐

【前端】第一章前端三要素、前后端分离的演变史
第一章前端三要素.前后端分离的演变史文章目录第一章前端三要素.前后端分离的演变史一.前端三要素结构层(HTML) 表现层(CSS) 行为层(JavaScript) 二.前后端分离的演变史 ...
web前端新人第一课：html基础知识，你能学会吗？
什么是 HTML? HTML即超文本标记语言 (Hyper Text Markup Language), 是用来描述网页的一种语言. 超文本标记语言的结构包括"头"部分(外语:He ...
自学转行前端找到第一份前端工作，做得很吃力，被劝退怎么办？
此文是转载的文章,点评下:自学前端应该没啥问题,主要是文中提到的兄弟手很生,完成项目进度,连简单的业务都很难完成,这样必须面对被劝退的结果.技术要是学扎实了,则可能就是个宝了. 转载文章正文如下: 身 ...
百度前端学院_小薇课堂_task2
任务目的针对设计稿样式进行合理的HTML架构,包括以下但不限于: 掌握常用HTML标签的含义.用法能够基于设计稿来合理规划HTML文档结构理解语义化,合理地使用HTML标签来构建页面掌握基本的 ...
【百度前端学院学习笔记】Day6 浮动/BFC
[百度前端学院学习笔记]Day6 浮动/BFC 一.什么是浮动? 二.普通流 / 浮动 / 绝对定位三.BFC/Flow Root 3.1 什么是BFC? 3.2 BFC 的特性 3.2.1 特性一 ...
【百度前端学院学习笔记】Day9 圣杯布局和双飞翼布局
[百度前端学院学习笔记]Day9 圣杯布局和双飞翼布局圣杯布局(古老而费解的方法) 双飞翼布局(圣杯的改进) 参考资料: In search of the Holy Grail - A list a ...
百度前端学院_小薇课堂_task_4
小薇课堂Task_4 在做这个任务前课参考这篇文章任务目标实践HTML/CSS布局方式深入了解position等CSS属性任务描述实现如示例图(点击打开) 的效果灰色元素水平垂直居中,有 ...
01 html和css （前端基础第一天）
---恢复内容开始--- 1.HTML 第一天目标学习目标:- 了解常用浏览器- 掌握WEB标准- 理解标签语义化- 掌握常用的排版标签- 掌握常用的文本格式化图像链接等标签- 掌握三种列表标签- ...
第一章前端开发——HTML5/CSS3
第一章前端开发学习--HTML5/CSS3 一.初识HTML 二.HTML5/CSS3基础三.页面组件四.页面布局五.CSS3新增功能一.初识HTML 什么是HTML(what): HTML ...

百度前端学院第一天——前端的一些知识

百度前端学院第一天——前端的一些知识相关推荐

最新文章

热门文章