01 了解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  

5.javascript写法

(1)在标签中写入JavaScript

     alert('')通过弹框显示内容

     在alert里面 如果是运算表达式，就会运算自动转为字符串

     如果直接写内容，需要告知alert是一个字符串，就需要加引号

     会让代码暂停执行

     javascript:void(0) 不返回不执行，让超链接显示效果，但是不跳转不产生历史

(2)把JS写在外部的独立文件中加载执行

(3)在JavaScript标签中写入代码

DOM树

CSS树

DOM渲染树

6.注释和调试

console.log   console控制台   log日志

console.dir    

console.error  打印错误

 1.注释  

    对于代码做注解，解释功效

    不执行当前的代码内容、

（1.）单行注释//   ctrl+/

（2.）块注释 对行注释/*  */    alt+shift+a

      复制上一行   alt+shift+下

      注释不能嵌套 

 2.调试

      在控制面版显示的蓝色就是数值

      显示黑色就是字符

      控制面板中来源中可以增加代码断点

      使用debugger;可以给代码添加断点

      断点的作用是调试代码运行过程中的问题

      bug是代码中的问题 debug是处理代码中的问题

7.常用方法

   （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.οnclick=function(){

            button.innerHTML="暂停";

         }

      当与网页有点击等操作后，页面发生改变，这种交交互      

 （8）.document.write("abc");  给文档中写入内容

 （9）.document这是文档  doctype和html标签整体

（10）.document.body    body标签

（11）. document.head；  head标签

（12）. document.documentElement  html标签

8变量

变量可以当作一个存储容器，这个储存容器的名字叫做变量名，容器中储存的值叫做变量

（1）.变量名不能以数字开头，除了字母字符外还可以以_或者$符号开头

（2）.如果变量名较长时需要使用驼峰命名法

（3）.禁止使用中文命名

（4）.变量名称中仅允许出现数字，字母，下划线，$

（5）.变量中禁止使用关键词和保留字，关键词：代码中用到的名称，代码中用到一些备用名称叫做保留字

（6）.所有window下的属性和方法都不能用作变量名，js中的window就是根

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

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

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

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

定义标准

临时变量和参数，一般使用_起头  _num=3

常量使用全大写字母定义，使用下划线区分单词  EVENT_ID="even_id"

普通变量使用字母开头，驼峰命名法

9.数据类型

基础类型：  

数值型 ：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,

   }