js

　　1.输入输出语句：

　　　　浏览器弹出输入框 prompt（info）  浏览器弹出警示框 alter（msg） 浏览器控制台打印输出信息 console.log(msg)

　　2.变量　　

　　　　变量的本质:是程序在内存中申请的一块用来存放数据的空间。　　变量的使用先声明变量然后再给变量赋值

var age;   //声明变量
age = 10;    //赋值
var age = 18;  //声明变量的同时赋值
var age=10,name='nb'; 　　//可以声明多个变量，只需要写一个var，多变量名之间用逗号隔开

　　3.数据类型

　　　　js的变量数据类型是只有程序在运行过程中，根据等号右边的值来确定的。　　js是动态语言，变量的数据类型是可以变化的。

 　　　   boolean中的true，参与加法运算当作1来看，false当作0来看。

　　　　undefined和数字相加，结果为NaN(not a number);

　　　　null（空值）和数字相加，结果为数字

 　　　  程序数字前面加0表示八进制

var num1=010;
console.log(num1)    //输出结果为10

 　　　　程序数字前面加0x表示十六进制

var num2=0x10;
console.log(num2);    //输出结果为16

console.log(Number.MAX_VALUE)；    //输出数字型的最大值
console.log(Number.MIN_VALUE)；    //输出数字型的最小值
console.log(Number.MAX_VALUE*2)　 　//无穷大
console.log(-Number.MAX_VALUE*2)　　//无穷小

 　　　　isNaN（）用来判断是否为数字，并且有一个返回值（布尔型）。是数字返回false，不是数字返回true。

　　　　字符串转义字符都是用开头

 　　　　length检测字符串的长度

var str='my name is'
console.log(str.length)    //检测字符串长度

console.log('字符串'+'拼接')　　//字符串的拼接用+号；只要有字符串类型和其他类型相拼接，拼接后的类型为字符串类型。 口诀：数值相加，字符相连

　　　　获取数据类型typeof；prompt取过来的值为字符型string，不能进行加法操作

var num=10;
console.log(typeof num);

　　　　数字型、字符串型、空值型、未定义型、布尔型

　　4.数据类型的转换

　　　　

var num=0；
var str=num.toString();//转换为字符串
console.log(String(num));
console.log(num+'');

 　　　　

　　　　

 　　5.运算符

　　　　++num先加后用 num++先用后加

　　　　比较运算符：

 　　　　　　==会默认转换数值类型

console.log(18=='18');
结果为 true 因为==会默认转换数据类型

 　　　　

 　　　　

 　　　　2

 　　　　num=0，因为发现表达式1（123）为真，然后逻辑中断，没有运行num++；

　　　　赋值运算符：num=num+2；可以写为num+=2； 还有-= 　　*=

　　　　运算符优先级：

 　　　　三元表达式：简化 if else 的一种写法

　　　　

　　　　switch语句：value值后面必须要加：冒号   表达式的值与value值做比较然后执行语句。表达式的值===value的值必须要全等

 　　　　

 　　5.循环语句

　　　　for循环

for (初始化变量；条件表达式；操作表达式) {
         //循环体  
{    
for (var i=1；i<100；i++) {
         //循环体  
{   

　　　　打印正三角为 j<=i；倒三角为j=i；　　

倒三角正三角（九九乘法表）

　　　　 

　　　　6.数组

　　　　

//定义数组元素
var array=[数组1，数组2，数组3]；
//获取数组元素
alert（array[1]）;
数组名.length  可以获取数组长度

遍历数组
for(var i=0;i<array.length;i++){
  console.log(array[i]);
}

 　　　新增数组元素（两种方法第二种最常用）　　

　　　　

 　　　　筛选数组（newArr[newArr.length]=arr[i]这是亮点）

　　　　

 　　　　翻转数组（数组长度length比数组索引号大1）

　　　　

　　7.函数‘

　　　　形参与实参的匹配问题

 　　　   return后面的代码不会被执行　　

　　　　return只能有一个返回值，为最后一个  return num1,num2；返回num2

　　　　如果要返回多个值的话，可以返回一个数组

　　　　如果函数没有return，则返回的值为undefined

　　 8.arguments（只有函数才有arguments对象，而且每个函数都内置好了arguments）

　　

　　　　伪数组：1.具有数组length的属性  2.按照索引的方式进行存储的  3.没有真正数组的一些方法 pop()  push()

 　　冒泡排序（里层条件为  -外层数-1）

　　函数两种声明方式

 　　

 　　　　9.作用域　　

　　　　　　全局变量：在全局作用域下的变量 在全局下都可以使用 如果在函数内部，没有声明直接赋值的变量也属于全局变量

　　　　　　局部变量：在局部作用域下的变量（函数内部声明的变量）

　　　　　　从执行效率来看全局变量和局部变量：局部变量效率高

　　　　　　链式查找：从内向外 一层一层查找

　　　　

 　　10.对象

　　　　属性：事物的特征

　　　　方法：事物的行为

　　　　利用字面量创建对象

 　　　　调用对象的方法：对象名.方法名()  obj.sayHi()

 　　　　

 　　11.构造函数：构造函数名字首字母大写　　构造函数不需要return，就可以返回结果　　调用构造函数必须使用new

 　　　　遍历对象

for ( 变量 in 对象) {
    console.log(变量) //得到的是属性名
    console.loh(对象名[变量]) //得到的是属性值
 }

 

 　　12内置对象：js中已经配置好的对象，并且提供了一些常用和最基本的功能（属性和方法） Math Date 

Math.round() 只有.5特殊 是往大了取

　　　　random() 随机数

　　　　date 从MDN查看 

 　　　　倒计时：预计时间输入方式 ' 2016-5-1 18：00：00 '

 　　　　数组对象：创建数组的方式

　　

var arr=[];
1.console.log(arr instanceof Array)  //true 检测是否为数组
2.Array.isArray(要检测的变量)   //布尔型（H5新增）

 　　　　添加或者删除数组元素

案例

 　　翻转数组：sort的原理？

 　　　　索引数组：只记住第一个就行，如果从前往后和从后往前是一样的，那么这个索引的元素唯一存在。

 　　　　数组转换成字符串：join（' 想要的分隔符'）

 

 　　　　基本包装类型：把简单的数据类型包装成复杂的数据类型，还有三种特殊引用的类型：String、Number、Boolean

　　　　字符串不可变性；不会修改字符串本身

字符串的查找；还有lastindexof()

　　　　字符串操作方法

 　

 　　　　转换大小写

　　　　

 　　13.简单数据类型和复杂数据类型

　　　　简单数据类型又称基本数据类型 Boolean number null undefined string　　复杂数据类型又叫做引用类型，在存储时变量中存储的仅仅是地址（引用），通过new关键字创建的对象

　　　　堆栈空间分配区别：

　　　　1.栈（操作系统）：又操作系统自动分配释放存放函数的参数值、局部变量的值等。其操作方式蕾仕于数据结构中的栈；简单数据类型存放在栈里

　　　　2.堆（操作系统）：存储复杂数据类型（对象），一般由程序员分配释放，若程序员不释放，由垃圾回收机制回收

web api

　　14.DOM文档对象模型，是W3C组织推荐的处理可扩展标记语言（HTML或者XML）的标准接口

　　　　　　1.获取页面元素：

　　　　　　　　根据ID获取：getElementById

 　　　　　　　　根据标签名获取：getElementsByTagName()

 　　第五条，父元素必须是指定的元素（获取时候不包括父元素自己）不可以是伪数组。

　　　　　　　　通过HTML5新增的方法获取：getElementsByClassName('类名')　　　　querySelector（'选择器 '）//根据指定选择器返回第一个元素　　　　 querySelectorAll（‘选择器’）

  querySelector的选择器需要加选择器符号  点.为类选择器 #为id选择器 标签无需加符号

 　　　　　　　　获取body和html标签

 　　　　事件三要素：事件源 事件类型 事件处理程序

 　　　　操作元素：innerHTML

　　　　表单元素

<input  type='text'  value='请输入'>

 

 　　　　样式属性

 　　　　　　CSS中利用display:none 隐藏元素 display:block 显示元素

 　　　　　　样式少时使用：style  样式多的时候使用className

　　密码验证

 message wrong right为css中的类  wrong类继承加覆盖message中的样式

　　　3.设置移除自定义属性　　

　　　　　　自定义属性的目的：是为了保存并使用数据。有些数据可以保存到页面中而不用保存到数据库中

　　　　　　H5规定：所有自定义属性都由data-开头作为属性名并且赋值

 排他思想：，所有模块都取消属性，点谁，谁就添加需要的属性（取消属性在点击onclick函数里面）

 　　listName采用驼峰命名法，，不用添加 -

 　　　　4.节点操作

 

 　

 

 、

获得首末元素的写法

 

 　　　　添加节点

node.insertBefore(child，指定元素)；  　　//在前面添加节点

　　　　简易留言板

 

 阻止链接跳转 Javascript：；  冒号分号

 复制完成后需要说明复制的位置

　　　　　　

 

 

 

 　　　　注册事件：给元素添加事件，称为注册事件或者绑定事件（两种方式 传统式  监听注册式）传统式：注册事件的唯一性

ie9

 

　　删除事件

 

　　DOM事件流

 　　事件对象

 

 阻止冒泡是重点

　　事件委托

 　　禁止选中文字和禁止右键菜单

 

获取鼠标在页面中的坐标  重点为 pageX 和pageY

 　　

　　跟随鼠标移动的天使

 

 　　　　常用的键盘事件

同时触发时，先执行down然后才是press

 keycode返回ASCLL码值  可以进行判断某个键是否被按下， press区分大小写，其他两个（up down）不区分大小写