前端学习第一课

1.常见浏览器内核

首先解释一下浏览器内核是什么东西。英文叫做：Rendering Engine，中文翻译很多，排版引擎、解释引擎、渲染引擎，现在流行称为浏览器内核.

负责读取网页内容，整理讯息，计算网页的显示方式并显示页面.

主要流行的就是下面几个：

浏览器	内核	备注
IE	Trident	IE、猎豹安全、360极速浏览器、百度浏览器
firefox	Gecko	曾经的谷歌浏览器，网景浏览器（Netscape ）是一个是由 Netscape 通信公司开发的网页浏览器。
Safari	webkit	现在很多人错误地把 webkit 叫做 chrome内核（即使 chrome内核已经是 blink 了）。
chrome	Chromium/Blink	在 Chromium 项目中研发 Blink 渲染引擎（即浏览器核心），内置于 Chrome 浏览器之中。Blink 其实是 WebKit 的分支。大部分国产浏览器最新版都采用Blink内核。二次开发
Opera	Presto	Presto（已经废弃） 是挪威产浏览器 opera 的 "前任" 内核，为何说是 "前任"，因为最新的 opera 浏览器早已将之抛弃从而投入到了谷歌怀抱了。 现在用blink内核。

拓展阅读：

移动端的浏览器内核主要说的是系统内置浏览器的内核。

Android手机而言，使用率最高的就是Webkit内核，大部分国产浏览器宣称的自己的内核，基本上也是属于webkit二次开发。

iOS以及WP7平台上，由于系统原因，系统大部分自带浏览器内核，一般是Safari或者IE内核Trident的

浏览器内核包括两部分，渲染引擎和js引擎。渲染引擎负责读取网页内容，整理讯息，计算网页的显示方式并显示页面，js引擎是解析执行js获取网页的动态效果。 后来 JS 引擎越来越独立，内核就倾向于只指渲染引擎。 IE：Trident firefox：Gecko chrom、safari：webkit Opera：Presto Microsoft Edge：EdgeHTML

2.Web标准（重点）

2.1 Web 标准的好处

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

2.2 Web 标准构成

构成： 主要包括结构（Structure）、表现（Presentation）和行为（Behavior）三个方面。

• 结构标准：结构用于对网页元素进行整理和分类，咱们主要学的是HTML。 对于网页来说最重要的一部分

• 表现标准：表现用于设置网页元素的版式、颜色、大小等外观样式，主要指的是CSS

• 行为标准：行为是指网页模型的定义及交互的编写，咱们主要学的是 Javascript

3.常见前端工具

1、安装hbuilder：https://www.dcloud.io/hbuilderx.html

2、安装vscode:https://code.visualstudio.com/

3、安装谷歌浏览器:http://www.51xiazai.cn/soft/4782.htm

4.、火狐浏览器：Firefox 火狐浏览器 - 全新、安全、快速 | 官方最新下载

4.安装vscode插件