Web前端开发学习笔记 - Day01

Day01学习笔记

1. 认识网页

网页是如何形成的？
网页学名为HTML文件，主要由文字、图像和超链接构成，还可以包含音频、视频以及动画等。
所见的网页由：前端代码 → 浏览器内核渲染 → 用户页面

2. 常用浏览器内核

浏览器是网页显示、运行的平台，常用的五大浏览器：IE、火狐（Firefox）、谷歌（Chrome）、Safari和Opera。
Windows 10的浏览器有两款，除了IE还有一个Microsoft Edge。

2.1 浏览器内核

英文名：Rendering Engine
浏览器内核可以分为两部分：渲染引擎（layout engineer 或者 Rendering Engine）和 JS 引擎。
渲染引擎：它负责取得网页的内容（HTML、XML、图像等等）、整理讯息（例如加入CSS等），以及计算网页的显示方式，然后会输出至显示器或者打印机。注意：浏览器的内核的不同对于网页的语法解释会有不同，所以渲染的效果也不相同。
JS引擎：用于解析Javascript语言，执行Javascript语言来实现网页的动态效果。

常用的浏览器内核分为四种：Trident、Gecko、Blink、Webkit。

1. Trident（IE内核）
	IE、猎豹安全、360极速浏览器、百度浏览器
2. Gecko（Firefox内核）
	逐渐没落，打开速度慢、升级频繁、猪一样的队友flash、神一样的对手chrome。
3. Webkit（Safari内核
	谷歌已经不再用Webkit内核，这个内核是苹果的。苹果已经哭晕在厕所了。
4. Chromium/Blink（Chrome内核）
	Blink为Webkit内核的分支。大部分国产浏览器都采用谷歌的Blink内核。
5. Presto（Opera内核）已经废弃
	Opera浏览器现在用Blink内核。
6. EdgeHTML（Microsoft Edge内核）
	微软Win10自带浏览器内核
1
2
3
4
5
6
7
8
9
10
11
12

2.2 移动端浏览器内核

移动端的浏览器内核主要用的是系统内置浏览器的。
Android手机 使用最多的是Webkit内核，国内大部分浏览器的内核基本都属于Webkit二次开发。
IOS以及WP7平台上，系统大部分自带浏览器内核，一般是Safari的Webkit内核或者IE的内核Trident。

☆☆我可以☆☆

熟记对浏览器内核的理解，以及熟记常用的浏览器及对应的内核是什么？

浏览器内核包括两部分，渲染引擎和JS引擎。
渲染引擎负责读取网页内容，整理讯息，计算网页的显示方式并显示页面。
JS引擎是解析执行JS代码获取网页的动态效果。
因为现在JS引擎越来越独立，内核倾向于指渲染引擎。
~
IE：Trident内核
Firefox：Gecko内核
Chrome、Safari：Webkit内核
Chrome：Blink内核
Opera：Presto内核、Blink内核（最新版本使用）
Microsoft Edge：EdgeHTML内核

3. Web 标准（重点）

Web标准是由W3C组织和其他标准化组织指定的一系列标准的集合
W3C万维网联盟是国际最著名的标准化组织，1994年成立。

4. Web 标准的好处

• 让Web的发展前景更广阔
• 内容能被更广泛的设备访问
• 更容易被搜寻引擎搜索
• 降低网站流量费用
• 使网站更易于维护
• 提高页面浏览速度

5. Web 标准构成

• Web标准不是一个标准，而是由W3C和其他标准化组织制定的一系列标准的集合。
• W3C万维网联盟组织，制定Web标准的机构。
• 主要包括结构（Structure）、表现（Presentation）和 行为（Behavior）