javaScript思维导图

JavaScript八张思维导图. 不知不觉做前端已经五年多了，无论是从最初的jQuery还是现在火热的Angular，Vue，React等前端框架，甚至是nodejs等服务端的兴起。

JavaScript

• JavaScript的组成
  • ECMAScript：欧洲计算机协会
  • DOM：文档对象模型
  • BOM：浏览器对象模型
• JavaScript：写是在<script></script>中写
  • alert：警告框 例： <script type="text/javascript"> alert("123456"); </script>
  • prompt：提示框 例： <script type="text/javascript"> prompt("姑娘你的芳龄？"); </script>
    • 用户输入的值可以被变量接收，但值是字符串型
  • console.log(参数) 控制台使用 例： <script> console.log("我是控制台中打印的数据！") </script>
• 字面量
  • String（字符串类型黑色）"我是大帅哥"
    • 用双引号或单引号
  • Number（数字类型蓝色）100、200
    • 浮点数
    • 科学计数法 例： console.log(3.14E2);
    • 特殊值
      • Infinity：超出这个范围，无穷
      • NaN：结果不存在，分母为0是以无穷趋近于0的数
  • Boolean（布尔类型）true、false
  • Undefined（未定义类型）undefined
  • Null（空对象类型）null
  • Object（引用类型）函数、数组、正则、DOM、BOM
• 变量
  • 基本使用
    • 声明：关键字var进行声明一次 var 变量名字; //代表声明一个变量
    • 赋值：赋值给变量 变量名字=任意类型字面量数值
    • 使用：获取到变量存储结果 console.log(变量名字) //在控制台中打印
  • 注意事项
    • 没有赋值默认为未定义类型的特殊值：undefined
    • 赋值多次后者会覆盖前者
  • 命名标识符规范
    • 可以是数字、英文字母、下划线、美元符号
    • 不能以数字开头
    • 不能是关键字、保留字
  • 变量声明提升
    • 将局部声明提升到开始部分
  • 数据类型的判断
    • typeof：用来检测数据的类型
  • 连字符（+）
    • 没有出现字符串，就是数学运算
    • 有字符串，就是连字符
  • 字符串转换数字
    • parseInt：将字符串中的数字转换为数字（整数部分）
    • parseFloat：将字符串的数字转换为数字（精确到小数部分）
    • 当第一个是字符时，返回NaN
• 数学对象
  • 数学对象（Math）有很多的属性和方法提供给我们使用
    • <script type="text/javascript"> //Math对象的基本使用 console.log(typeof Math); console.log(Math); //数学对象的属性的使用 console.log(Math.PI); //数学对象方法使用 //获取数字绝对值 console.log(Math.abs(-99999)); //获取某一个数字N次幂 console.log(Math.pow(2,3)) //随机一个0~2之间的小数 console.log(Math.random()); </script>
      • abs()：绝对值
      • pow：幂
      • random（）：随机数，在0~1随机
• 数学运算符
  • 加（+）
  • 减（-）
  • 乘（*）
  • 除（/）
  • 取余（%）