数组，字符串，math&Date，BOM，DOM知识点总结

排序：
数组去重：

数组：
数组数据类型Array：
基本数据类型： number / string / boolean / undefined / null
复杂数据类型： Object / Function  /  Array / ...
数组常用方法：
push 是用来在数组的末尾追加一个元素
pop 是用来删除数组末尾的一个元素
unshift 是在数组的最前面添加一个元素
shift 是删除数组最前面的一个元素
splice 是截取数组中的某些内容，按照数组的索引来截取（相当于删除截取部分）
slice:方法返回一个新的数组对象，相当于拷贝 （不改变原数组 返回一个新数组）
reverse 是用来反转数组使用的
sort 是用来给数组排序的
concat 是把多个数组进行拼接
join 是把数组里面的每一项内容链接起来，变成一个字符串
indexOf 用来找到数组中某-项的索引

includes；检测数组（arr）是否包含某一内容 
遍历数组：
.ES5常用数组遍历方法:
 1,forEach: 语法：arr.forEach(function (item, index, arr) {})    
 2，map ：和forEach一样，只对数组中的每一项进行操作，返回一个新的数组
    var newArr = arr.map(function(item,index){ return 新元素 })
 3，filter ： var newArr = arr.filter(function(item,index){ return 条件})
           查找数组满足条件的元素，返回新数组
 4，find  查找第一个满足条件的元素（满足条件返回后退出）
 5，every 遍历数组，查找数组元素是否全部满足条件，全部满足返回真
 6，some  遍历数组，查找数组是否有一个满足条件，有一个满足条件返回真 
 7，数组遍历reduce方法： 一般应用累加求和
arr.reduce(function(previousValue,currentValue,currentIndex,arr){}，initValue）

字符串：
str.charAt(索引)：  =>根据下标返回字符  ===str[]
indexOf： =>返回字符在字符串中的*下标*  =>如果字符不存在，返回-1
lastindexOf:  从后面往前数 （下标不变）
substring: 字符串截取语法: substring(索引开始，索引截止)，包含开始，不包含结束索引

substr: 字符串截取语法: substr(从哪个索引开始， 截取个数)
replace ：用于在字符串中用一些字符替换另一些字符
split :分割字符串,将分割之后的字符存入数组返回
concat:连接两个字符串，返回连接之后的字符串
trim()=> 方法删除字符串两端的空白符
 ===> 返回去掉空格的新字符
startsWith()判断是否是以某一子字符串开始
endsWith()判断是否是以某一子字符串结束
toUpperCase 转换成大写

toLowerCase 转换为小写

ASCII码：unicode 编码就是返回对应索引位置的unicode编码

str.charCodeAt( )就是返回对应索引位置的unicode编码
提示:中文字符unicode编码大于255

MATH：
Math.random() 这个方法是用来生成一个 0 ~ 1 之间的随机数
Math.ceil（） 向上取整  
Math.floor（） 向下取整  
Math.round（） 四舍五入取整
Math.abs() 是返回一个数字的绝对值

 toString(进制)  十进制转其它进制
 parseInt(100,2)  其他转十进制数 （二进制100转为十进制）

DATE：提供的内置构造函数，专门用来获取时间的

new Date() 创建日期时间对象
getFullYear  指定字符串中的哪一天 console.log(str.getFullYears())
getMonth  月
getDate      日
getHours  小时    
getMinutes 分钟
getSeconds 秒
getDay     周
getTime    执行到格林威治时间的毫秒数

BOM：浏览器对象模型
location，即当前页面的地址
history，即页面的历史记录
navigator，包含浏览器相关信息  (浏览器的版本信息（navigator了解）)
screen，用户显示屏幕相关属性  (屏幕对象(screen了解))
document，即文档对象

浏览器窗口对象（Windows.prompt()）
prompt( )
显示可提示用户输入的对话框

alert( )
显示带有一一个提示信息和一个确定按钮的警示框

confirm( )
显示一个带有提示信息、确定和取消按钮的对话框

close( )
关闭浏览器窗口

open( )
打开一个新的浏览器窗口，加载给定URL所指定的文档

setTimeout( )在指定的毫秒数后调用函数或计算表达式（倒计时）
 clearTimeout(timer) // 清除定时器
setInterval( )按照指定的周期(以毫秒计)来调用函数或表达式（正计时）
 clearInterval(timer)// 清除定时器

innerHeight ：获取浏览器窗口的高度
innnerWidth ：获取浏览器窗口的宽度

location ;位置对象
常用属性：location.href
常用方法：重新加载当前文档：location.reload();

history :历史记录对象
back()加载history对象列表中的前一个URL

forward()加载history对象列表中的下一个URL

go()加载history对象列表中的某个具体URL

history.back()等价于 history.go(-1) 浏览器中的 “后退")

history.forward()等价于history.go(1)浏览器中的“前进”

DOM:文档对象模型
  主要对象为document文档对象document.write() 输入文本到当前打开的文档
获取标签元素的方法：（getElementBy：兼容性高，实际使用中较少了）
getElementById('id属性值')
getElementsByClassName('class属性')
getElementsByTagName('标签名')
getElementsByName('name属性')

获取标签元素的方法：{document.querySelector}
querySelector（‘选择器’）==>所有选择器都可以包括子选择器.后代选择器
querySelector ：只返回一个元素
querySelectorAll ： 返回所有元素存储在类数组里面

改变(操作)元素内容 
  p.innerHtml="<h1>Html内容</h1>";
  p.innerText="纯文本内容";(标签会被检测为文本)
  p.value = "表单内容";
 
操作元素CSS样式:
  style 行内样式:
  className class类样式:
  classList 动态添加移除class类样式:
  添加样式
div.classList.add('active');
  移除指定样式
div.classList.remove('active');

操作属性:
  getAttribute('属性名')==》获取属性值
  setAttribute('属性名',"属性值")==》设置属性值
  removeAttribute('属性名')==》删除属性
  data-属性名==》自定义属性（data-score=“98”）

操作事件 （绑定事件）
1. 直接给元素添加onclick属性实现
2.<button>按钮</button>
 var btn = document.querySelector('button')
        btn.onclick = function(){
            alert('绑定事件')
        }