Baozi

# 异常 # 异常介绍 # 定义 当检测到一个错误时，Python 解释器就无法继续执行了，反而出现了一些错误的提示，这就是所谓的 “异常”, 也就是我们常说的 BUG # 异常演示 # 异常的捕获方法 # 捕获异常原因 世界上没有完美的程序，任何程序在运行的过程中，都有可能出现：异常，也就是出现 bug 导致程序无法完美运行下去 我们要做的，不是力求程序完美运行。而是在力所能及的范围内，对可能出现的 bug，进行提前准备、提前处理 这种行为我们称之为：异常处理（捕获异常） 捕获异常的作用在于：提前假设某处会出现异常，做好提前准备，当真的出现异常的时候，可以有后续手段 #...

# 作用域概述 一段代码中所用到的名字不总是有效可用的，而限定这个名字的可用性代码范围就是这个名字的作用域，作用域的使用提高了程序逻辑的局部性，增强了程序可靠性，减少了名字冲突 # 变量作用域 # 全局变量 # 概念 在全局作用域下声明的变量叫做全局变量 # 特点 全局变量在代码的任何位置都可以使用 在全局作用域下 var 声明的变量是全局变量 特殊情况下，在函数体内不适用 var 声明的变量也是全局变量（不建议使用） # 局部变量 # 概念 在局部作用域下声明的变量叫做局部变量 # 特点 局部变量只能在函数内部使用 在函数体内部 var...

# 运算符介绍 运算符（operator）也称为操作符，是用于实现赋值，比较和执行算数运算等功能的符号 # 运算符算符 # 算数运算符概述 概念：算术运算使用的符号，用于执行两个变量或值的算数运算 运算符 描述 实例 + 加 10 + 20 = 30 - 减 10 - 20 = -10 * 乘 10 * 20 =200 / 除 10 / 20 = 0.5 % 取余数 9 % 2 = 1 # 浮点数精度问题 浮点数的最高精度是 17 位小数，但在进行算数计算时其精确度远远不如整数 var resule = 0.1 + 0.2; // 结果不是 0.3 而是...

# 触屏事件 # 触屏事件概述 移动端浏览器兼容性较好，我们不需考虑以前 JS 的兼容性问题，可以放心使用，我们放心得使用原生 JS 书写移动端自己得独特的地方，比如触屏事件 touch，Android 和 IOS 都有 touch 对象代表了一个触摸点，触屏事件可响应应用对屏幕或者触屏版得操作 常见触屏事件 触屏 touch 事件 说明 touchstart 手指触摸到一个 DOM 元素触发 touchmove 手指触摸一个 DOM 元素移动时触发 touchend 手指从一个 DOM 元素上移动开时触发 # 触摸事件对象（TouchEvent） TouchEvent...

# 数组的概念 数组就是指一组数据的集合，其中的每个数据被称作元素，再数据中可以存放任意类型元素，数组是一种将一组数据存储在单个变量名下的优雅方式 # 创建数组 # 数组创建方式 利用 new 创建数组 利用数组字面量创建数组 # 利用 new 创建数组 var 数组名 = new Array();var arr = new Array();# 利用数组字面量创建数组 var 数组名 = [];var arr = [1,2,3,'baozi'];# 获得数组元素 # 数组的索引 索引（下标）：用来访问元素的序号，从 0 开始 # 遍历数组 var arr =...

# 注册事件（绑定事件） # 注册事件概述 给元素添加事件，称为注册事件或者绑定事件 注册事件两种方式：传统方式和方法监听注册方式 # 传统注册方式 利用 on 开头的事件 onclick 特点：注册事件唯一性 同一个事件只能设置一个处理函数，最后注册的处理函数会覆盖前面注册的处理函数 # 方式监听注册方式 w3c 标准 推荐方式 addEventListener() 它是一个方法 IE9 之前的 IE 不支持，可使用 attachEvent() 方法代替 特点：同一个元素同一个事件可以注册多个监听器 按照注册顺序一次执行 # addEventListener...

# 内置对象 内置对象就是指 JS 语言自带的一些对象，这些对象供开发者使用，并提供了一些常用的 API JS 中提供了多个内置对象，如：Math，Date，Array，String 等 # 查询 MDN 文档 MDN Web Docs (mozilla.org) # Math 对象 # 概述 Math 对象不是构造函数，它具有数学常数和函数的属性和方法，跟数学相关的运算，可以使用 Math 中的成员 # 常用方法 Math.PI // 圆周率Math.floor() // 向下取整Math.ceil() // 向上取整Math.round() // 四舍五入取整Math.abs() //...

# 对象 # 概念 万物皆对象，所有事物都可以是对象 对象是有属性和方法组成的 属性：事物的特征，在对象中用属性来表示 方法：事物的行为，他在对象中用方法表示 # 创建对象的三种方式 # 利用字面量创建对象 对象字面量：就是花括号 {} 里面包含了表达这个具体事物（对象）的属性和方法 对象里面采用键值对的形式 键：相当于属性名 值：相当于属性值 var student = { name: 'baozi', age: 18, Hello: function () { console.log('Hello');...

# 循环 # 循环目的 在实际问题中，有许多具有规律重复性操作，因此在程序中要完成这些操作就需要重复执行某些语句 # for 循环 # 语法结构 for (var i = 0; i < 100; i++) { alert(i);}# 断点调试 # 目的 断点调试可以帮我们观察程序执行的过程 # 方法 浏览器中 F12 -> sources -> 招待需要调试的文件 -> 再程序某一行上设置断点 # while 循环 # 语法结构 while (条件表达式) { // 循环体 /*...

# 流程控制 在一个程序执行的过程中，各条代码的执行顺序对程序的结果是有直接影响的，很多时候我们通过控制代码顺序来实现我们要完成的功能 简单理解为，流程控制就是来控制我们的代码按照什么结构顺序进行执行 流程控制主要有三种结构，顺序结构，分支结构，循环结构 # 顺序流程控制 程序会按照代码的先后顺序，依次执行 # 分支流程控制 if # 分支结构 由上到下执行代码过程中，根据不同的条件，执行不同的路径代码，从而得到不同的结果 # if 语句 # 语法结构 if(条件表达式){ // 条件成立执行的代码语句}# if else 语句 #...