第一章--- 一.认识js

认识JS、注释调试、常用方法、变量、数据类型

1.优化网页第一步

缩小网页图片的储存大小，先将一个质量较差，图像储存小的显示出来，当网页加载完毕后在替换成质量较好的图像

2.网景公司，为了解决表单中数据的是否按照规则填写的，表单验证。借助了正则表达式，添加了部分简单程序完成了基本的语言live script-->javascript,
弱类型解释型语言
弱类型 所有的变量都需要设置类型
解释性语言 先把代码转换为计算机可以识别的语言（二进制）
3.JavaScript在w3c组织的要求要做了一个标准 ECMA Script ES1-->ES6
Action Script Flash whatWG

4.javaScript的构成
ECMA Script基本语言
DOM 网页当中的HTML、CSS这些都是DOM Document Object Model
BOM 浏览器中对于历史，地址栏，宽高等等浏览器的操作就是BOM

javascript写法
1.在标签中写入JavaScript
alert('')通过弹框显示内容
在alert里面 如果是运算表达式，就会运算自动转为字符串
如果直接写内容，需要告知alert是一个字符串，就需要加引号
会让代码暂停执行
javascript:void(0) 不返回不执行，让超链接显示效果，但是不跳转不产生历史
2.把JS写在外部的独立文件中加载执行
3.在JavaScript标签中写入代码

DOM树
CSS树
合并为DOM渲染树

4.注释和调试
console.log console控制台 log日志
console.dir
console.error 打印错误
    1.注释
     对于代码做注解，解释功效
     不执行当前的代码内容、
   （1.）单行注释// ctrl+/
    （2.）块注释 对行注释/* */ alt+shift+a
     复制上一行 alt+shift+下
     注释不能嵌套
    2.调试
    在控制面版显示的蓝色就是数值
    显示黑色就是字符
    控制面板中来源中可以增加代码断点
    使用debugger;可以给代码添加断点
    断点的作用是调试代码运行过程中的问题
    bug是代码中的问题 debug是处理代码中的问题
5.常用方法
   1.alert()弹出框
   2.console.log() 控制台输出
   3.prompt() 弹出对话框可以输入一个默认值，等待用户输入确定后返回输入的字符串
   4.confirm() 确定取消对话框 当执行后可以赋值给一个变量，点击确定返回true,点击取消返回false
   5.document.getElementById(id)根据id字符串获取当前页面中对应的id元素，返回复制给变量
   6.div.innerHTML="<span></span>"
    7.点击button执行语句快中内容
   button.onclick=function(){
   button.innerHTML="暂停";
   }
    当与网页有点击等操作后，页面发生改变，这种交交互

  8.document.write("abc"); 给文档中写入内容
  9.document这是文档 doctype和html标签整体
   10.document.body body标签
  11. document.head； head标签
   12. document.documentElement html标签

6.变量
   变量可以当作一个存储容器，这个储存容器的名字叫做变量名，容器中储存的值叫做变量
　　1.变量名不能以数字开头，除了字母字符外还可以以_或者$符号开头
　　2.如果变量名较长时需要使用驼峰命名法
　　3.禁止使用中文命名
　　4.变量名称中仅允许出现数字，字母，下划线，$
　　5.变量中禁止使用关键词和保留字，关键词：代码中用到的名称，代码中用到一些备用名称叫做保留字
　　6.所有window下的属性和方法都不能用作变量名，js中的window就是根

一个变量给多个值以最后一个值为准，声明多个变量用英文逗号隔开

只声明不赋值结果是undefined程序也不知道里面存的是什么

不声明不赋值直接使用某个变量会报错，

不声明直接赋值使用是可以的

定义标准
临时变量和参数，一般使用_起头 _num=3
常量使用全大写字母定义，使用下划线区分单词 EVENT_ID="even_id"
普通变量使用字母开头，驼峰命名法

7.数据类型
基础类型：
数值型   Number
　　var a=3;
　　var b=1.2;
　　var c=-3;
　　var d=1.2e+3;
　　var e=1.2e-2;
　　var f=067; 八进制
　　var h=0xFF;十六进制
字符型   String     字符串的嵌套外单内双，内单外双   数值相加字符相连
　　var a="a";
　　var b='b';
　　var c=`c`;
布尔型    Boolean
　　var a=true;
　　var b=false;
未定义   Undefined
　　var a;
　　var b=undefined;
空值    Null
　　var a=null;
复杂型：
对象型    object
//键值对
　　var o={
　　a:1,
　　b:2,
　　}

typeof检测数据类型

 var num = 10;
        console.log(typeof num);
  //检测获取字符串的长度  length
        var str = "my apple";
        console.log(str.length);