Yapei Li

变量和常量

变量variable：值是可以变的；

变量不是具体的值，只是一个用来存储具体值的容器或者代名词，因为它存储的值可以改变，所以称为变量，

变量其实只是一个无意义的名字，他代表的意义都是其存储的那个值；

一个变量只能代表一个值

创建变量

1、var
2、function创建函数（函数名也是变量，只不过存储的值是函数类型而已）
3、let
4、const创建ES6常量
5、import基于ES6的模块规范导出需要的信息
6、class基于ES6创建类

var 和let的区别

1、var有变量提升，let没有变量提升
2、let不能重复命名
3、全局作用域下let声明的变量和window没关系
4、let存在暂时性死区
5、let能形成块级作用域

1
2
3
4
5

//语法：
var  变量名=变量值
let  变量名=变量值
const  变量名=变量值
function 函数名(){}

前端开发常用4个浏览器内核

1. 谷歌浏览器（chrome）：Webkit内核（v8引擎）：-webkit-

   Safari、大部分国产浏览器（360、搜狗、QQ、UC、猎豹、百度…）

   webView、node都是V8引擎

2. 火狐浏览器（Firefox）：Gecko内核 -moz-

3. 欧朋浏览器（Opera）：Presto内核 -o-

4. IE浏览器：Trident 内核 -ms-

什么是浏览器内核，浏览器内核是干什么的？

前端开发使用html/css/js编写代码，编写代码时要遵循一些规范（W3C）

浏览器开发商开发的浏览器，目的就是按照W3C的规范识别出开发者编写的代码，并且在页面中绘制出开发者预想的页面和效果（用GPU渲染）我们把浏览器中识别代码绘制页面的东西称为 浏览器的内核或者渲染引擎

浏览器兼容：

1、W3C发布的规范都是开发者们不断尝试总结下来的产物：-webkit-border-radius、-moz-border-radius => border-radius

2、每个浏览器为了彰显自己的不一样，不按照标准来，把标准中规定的效果用另一种方式实现了:获取所有元素的样式，规范：window.getComputedStyle,IE:currentStyle