JS常用方法，字符串，数组，

字符串方法

字符串方法 slice（）截取第几位 三个参数 第一个参数截取位置 第二个是截取第几位 返回截取后的字符串     

字符串方法 split（）括号里按什么拆分 返回一个数组

字符串方法跟正则 replace（reg，‘ ’）替换什么 用正则匹配 如去掉空格

字符串 trim()  去掉首位空格 

 小写 toLowerCase（）

字符串 match（）参数是正则表达式 找到匹配到的值 返回数组 找到的 是数组【0】位

search

检索与正则表达式相匹配的值。

concat()

连接字符串。

charCodeAt()

返回在指定的位置的字符的 Unicode 编码

indexOf()

检索字符串。

//匹配去掉空格 去掉首位空格 变成数组
var newClassStr = ele.className.replace(/\s+/g, ' ').trim().split(' ');

---

数组方法

arr.find(value) 查找到索引 es6的方法

arr .includes（）检测数组是否含有值 返回布尔值 

constructor

返回对创建此对象的数组函数的引用。

join()

把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。

pop()

删除并返回数组的最后一个元素

reverse()

颠倒数组中元素的顺序。

JSON方法

JSON.parse(xhr.responseText) 返回json格式对象

JSON.stringfy(data);把json格式对象转换为字符

Math方法

Math.ceil（）向上取整

Math.floor（）向下取整 

max(x,y)

返回 x 和 y 中的最高值

min(x,y)

返回 x 和 y 中的最低值。

流程控制语句

循坏内break终止循环  

continue

如果出现指定条件，则（在循环中）中断一次循环，并继续循环中的下一

for ... in

循环遍历对象的属性。

switch

根据不同情况标记要执行的语句块。

while

标记条件为 true 时要执行的语句块。

try ... catch ... finally

标记在 try 块中发生错误时要执行的语句块，并实现错误处理。

查询DOM样式方法

element.offsetLeft

返回元素的水平偏移位置。

element.offsetHeight

返回元素的高度。

element.offsetParent

返回元素的偏移容器。

element.clientHeight

返回元素的可见高度。

element.scrollHeight

返回元素的整体高度。

element.scrollLeft

返回元素左边缘与视图之间的距离。

element.scrollWidth

返回元素的整体宽度。

事件对象

属性	此事件发生在何时...
onblur	元素失去焦点。
onchange	域的内容被改变。
onclick	当用户点击某个对象时调用的事件句柄。
ondblclick	当用户双击某个对象时调用的事件句柄。
onfocus	元素获得焦点。
onkeydown	某个键盘按键被按下。
onkeypress	某个键盘按键被按下并松开。
onkeyup	某个键盘按键被松开。
onload	一张页面或一幅图像完成加载。
onmousedown	鼠标按钮被按下。
onmousemove	鼠标被移动。
onmouseout	鼠标从某元素移开。
onmouseover	鼠标移到某元素之上。
onmouseup	鼠标按键被松开。
onreset	重置按钮被点击。
onresize	窗口或框架被重新调整大小。
onsubmit	确认按钮被点击。

鼠标 / 键盘属性

属性	描述
clientX	返回当事件被触发时，鼠标指针的水平坐标。
clientY	返回当事件被触发时，鼠标指针的垂直坐标。
screenX	返回当某个事件被触发时，相对于电脑屏幕鼠标指针的水平坐标。
screenY	返回当某个事件被触发时，鼠标指针的垂直坐标。

offsetX,offsetY

发生事件的地点在事件源元素的坐标系统中的 x 坐标和 y 坐标。

target

返回触发此事件的元素（事件的目标节点）。

stopPropagation()

不再派发事件。

preventDefault()

通知浏览器不要执行与事件关联的默认动作。

 e.target.previousElementSibling; 事件对象之前的元素

e.target.nextElementSibling; 事件对象之后的元素

Location对象

Location 对象是 Window 对象的一个部分，可通过 window.location 属性来访问。

Location 对象属性

属性	描述
hash	设置或返回从井号 (#) 开始的 URL（锚）。
host	设置或返回主机名和当前 URL 的端口号。
href	设置或返回完整的 URL。
pathname	设置或返回当前 URL 的路径部分。
port	设置或返回当前 URL 的端口号。
protocol	设置或返回当前 URL 的协议。
search	设置或返回从问号 (?) 开始的 URL（查询部分）。

History 对象方法

方法	描述
back()	加载 history 列表中的前一个 URL。
forward()	加载 history 列表中的下一个 URL。
go()	加载 history 列表中的某个具体页面。

浏览器边界判断     窗口尺寸document.documentElement.clientHeight - dom.clientHeight 元素尺寸

clasList.remove(class) 删除括号里的类名 

location.hash 获取锚点属性 window.onhashchange（）浏览器地址栏变化是触发

getComputedStyle() 这个方法可以拿到元素显示的样式 

window.onresize 窗口改变事件  

xhr.onreadystatechange = fn()  请求事件 xhr.readystate == 4 完成到第四步 

xhr.status  请求状态 200+是成功  xhr.responseText 请求到的文本

Object.values es7方法 取到对象里面的所有value，并把取出来的值放到数组里

window.addEventListener('storage', function() {}) 发生本地储存变化触发的事件

window.onscroll = fun（） 滚动条改变时触发事件 dom.scrollTop = 100 设置或取得滚动条移动的距离 

 解析url方法 

        function urlToObj(url) {
            var retult = {
                protocol: str.protocol,
                host: str.hostname,
                path: str.pathname,
                seach: {}
            }
            var newStr = str.search.slice(1).split('&');
            newStr.reduce(function(pre, cur) {
                var items = cur.split('=');
                pre[items[0]] = items[1];
                return pre;
            }, retult.seach);
            return retult;
        }
        console.log(urlToObj(str));