字符串方法
字符串方法 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));