shell 外壳
内核
渲染引擎 语法规则 绘制页面
js脚本引擎
主流浏览器的分类
IE Trident Chakra
FireFox Gecko Monkey
Safari webkit Nitro
Chrome blink V8
Opera webkit V8
网页的组成
- html（结构）
- HTML：超文本标记语言除了可以渲染和容纳文字以外还可以容纳图片、音视频等；
- XHTML：更加严谨的超文本标记语言；
- HTML5：基于HTML的基础上增加许多强大并且非常实用的API；
- css（表现）
- css：层叠样式表
- css3：源于css的基础上增加了一些非常方便我们开发的样式属性，例如：border-radius：20px;可以实现盒子的属性。
- javascript（行为）
- 一门轻量级的客户端脚本编程语言，运行在客户端，运行在浏览器上的语言，编程语言，都是面向对象来开发的
javascript的作用
1.实现页面产品中的交互效果
2.把数据绑定到一个html页面中
3.用JS语言写服务器后台，进行文件处理，数据存储分析，业务逻辑处理等核心的操作
javascript的引入方式
行内引入：安全性低
内嵌式：写在script标签中
外链式：通过script标签的src属性
JS中的输出方式
1、alert (要输出的内容); 在浏览器中弹出一个框，在框中有我们要输出的内容（不管最后输出什么内容，输出的都是字符串内容）
2、confirm 在浏览器中弹出一个提示确认框（confirm("确定要删除吗?")）
3、console.log (要输出的内容); 按F12在控制台中的console页卡中显示（一般用于调试，不会影响页面中的内容）
4、console.dir： 他只是比.log输出的内容更加详细一些
5、console.table： 他能把我们需要查看的数据在控制台中以一个表格的形式展示出来
6、document.write (我们要输出的内容); 直接显示在页面中，不停的输出
7、innerHTML/innerText 动态的向指定的元素中添加内容
JS的组成
- ECMAScript (定义了JS的基本语法,命名规范,操作语句,变量,数据类型等最基础最核心的知识)
- DOM (document object model 文档对象模型) 提供了JS操作页面上元素的常用属性和方法
- BOM (browser object model 浏览器对象模型) 提供了JS操作浏览器的常用属性和方法
JS的命名规范
- 严格区分大小写
- 使用驼峰命名法（匈牙利命名法）
- 第一个单词的首字母小写，其余每一个有意义的单词的首字母都要大写
- 只能使用数字、字母、下划线命名
- 数字不能作为名字的第一位
不能使用关键字和保留字（关键字就是在JS中有特殊含义的；保留字是未来可能会成为关键字的；）
JavaScript 变量
const常量
const 设置的是常量，一经设置不可改变。在设置时必须赋初值。
var
var设置的是变量，可以不赋初值。
如果不赋初值的话，变量的类型为undefined； var a; 类型为undefined 返回值是 undefined
如果赋值为： var a =" "； 类型为string 返回值是 string
如果赋值为： var a = 1； 类型为number 返回值是 number
如果赋值为： var a = null； 类型为null 返回值是 object
如果赋值为： var = true; 类型为boolean 返回值是 true 或 false。
可使用 JavaScript 的 typeof 来确定 JavaScript 变量的类型：
|
数据类型分类 |
说明 | 详细分类 |
原始类型 |
比如：var a = 1, b = 1; a == b; //true |
数字（number） |
| 字符串（string） | ||
| 布尔值（boolean） | ||
| null | ||
| undefined | ||
| 对象类型 |
比如：var a = [], b = []; a == b; //false，只有在引用相同时，两个只才会相等 |
特殊对象--数组（array） |
| 特殊对象--函数（function） | ||
| object类型 |