Day1

浏览器内核：

以谷歌为主的的Webkit内核（V8引擎），安卓、IOS和大部分国产浏览器

火狐浏览器：Gecko内核

欧朋浏览器（Opera）：Presto内核

IE浏览器：Trident内核

作为前端开发，我们会使用HTML/css/JS编写代码，编写代码时要遵循一些规范（W3C）；

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

浏览器兼容：

1、W3C发布的规范都是开发者们不断尝试总结下来的产物，举例：Google开发了一个新的CSS属性（border-radius)，可以让开发者快速实现盒子圆角

-webkit-border-radius

火狐浏览器发现这个功能很好用，也实现了这个功能

-moz-border-radius

...

W3C把它融到规范的时候

border-radius

2、每个浏览器为了彰显自己的不一样，不按照标准来，但是把标准中规定的效果用另一种方式实现了

window.getComputedStyle

IE:currentStyle

我们写的时候写两套

Day1问题：

1、css中导入式和外链式的区别

2、console中还有哪些console.~

JS

ECMAScript(ES):规定了JS的一些基础核心知识（变量、数据类型、语法规范、操作语句等）学习3/5版本 市面上6、7版本

DOM:document object model文档对象模型，里面提供了一些和属性和方法，可以让我们操作页面中的元素

BOM:browser object model 浏览器对象模型，里面提供了一些属性和方法，可以让我们操作浏览器

变量和常量

变量：值是可以变的

常量：值是不可变的

//=>JS中定义变量的方式

//var 变量名=值;（ES5中使用var,ES6中定义变量使用let）

var num = 12;

var str = 'lily';

//=>JAVA后台语言定义变量比较严谨，JS比较松散

//int num =12;

//float num = 12.5;

//double num = 3.1415926654;

console.log(num);//=>12  变量其实只是一个无意义的名字，它所代表的意义都是其存储的那个值

num = 13;//=>让原有num存储的值修改为13（变量只能代表一个值）

//=>任何一个具体的数据值都是常量，例如：12就是一个常量

//=>和变量类似，我们设置一个常量（也是一个名字），给其存储一个值，但是这个存储的值不能修改

const num = 12；//=>定义一个常量num，给它存储了12

num = 13；//=>Uncaught TypeError:Assignment to constant variable.常量存储的值是不能修改的