JS知识梳理
2019-07-10 本文已影响0人
Miridescent
1.数据类型
| 类型 | 描述 | 常用方法 |
|---|---|---|
| string | "" |
String()、indexOf()、substring()、toUpperCase()、toLowerCase()
|
| number | 1 |
Number()、parseInt()、parseFloat()
|
| Boolean | true | Boolean() |
| Array | [] |
indexOf()、slice()、push()、pop()、unshift()、shift()、sort()、reverse()、splice()、concat()、join()
|
| Object | {} | delete删除某个属性、in检测属性是否存在、hasOwnProperty()
|
| Map | [['Michael', 95], ['Bob', 75], ['Tracy', 85]] |
get()、set()、delete()
|
| Set | [1, 2, 3] |
add()、delete()
|
| iterable | Array、Map、Set统称 | forEach() |
2.标准对象
| 对象 | 描述 | 常用方法 |
|---|---|---|
| Date | 日期和时间 |
Date()、Date.parse('2019-06-24T19:49:22.875+08:00')、getFullYear()、getMonth()、getDate()、getDay()、getHours()、getMinutes()、getSeconds()、getMilliseconds()、getTime()、toLocaleString()、toUTCString()
|
| RegExp | 正则表达式 |
RegExp()、test()、exec()
|
| JSON | 数据格式 |
JSON.stringify()、JSON.parse()
|
3.浏览器对象
| 对象 | 描述 | 常用属性或方法 |
|---|---|---|
| window | 浏览器窗口 |
innerWidth、innerHeight、outerWidth、outerHeight
|
| navigator | 浏览器的信息 |
appName、appVersion、language、platform、userAgent
|
| screen | 屏幕的信息 |
width、height、colorDepth
|
| location | URL信息 |
protocol、host、port、pathname、search、hash、assign()、reload()
|
| document | DOM树的根节点 | 见下一小节 |
| history | 浏览器的历史记录（基本废弃了） |
back()、forward ()
|
4.DOM操作
| 操作类别 | 属性或方法 |
|---|---|
| DOM基本属性 |
title、cookie、children 、parentElement 、innerHTML、innerText、textContent、style
|
| 获取节点操作 |
createElement ()、getElementById()、getElementsByTagName()、querySelector()、querySelectorAll()
|
| 插入节点操作 |
appendChild()、insertBefore()
|
| 删除节点操作 | removeChild() |
| CSS操作 | setAttribute () |
| 表单操作 |
value、checked、submit()
|
| 文件操作 | File对象、FileReader对象 |
| AJAX操作 | XMLHttpRequest对象 |
| 处理异步操作 | Promise对象 |
5.jQuary
| 功能 | 属性或方法 |
|---|---|
| 选择器 |
$('#id')、$('p')、$('.class')、$('[name=email]')、$('tag.class')、$('tag,tag')、$('.class .class')、$('parent>child')、:input等、find()、parent()、next()、prev()、filter()、first()、last()、slice()
|
| 操作DOM |
text()、html()、css('name', 'value')、show()、hide()、attr()、removeAttr()、prop()、is()、val()、append()、prepend()、after()、before()、remove()
|
| 事件 |
ready ()、on()、click()、Event参数对象、off()、change()、trigger()
|
| 动画显隐 |
show()、hide()、toggle()、slideUp()、slideDown()、slideToggle()、fadeIn()、fadeOut()、fadeToggle()、animate()、delay()
|
| AJAX |
ajax()、async、method、contentType、data、headers、dataType、get()、post()、getJSON()
|
6.错误处理
| 处理方法 |
|---|
try ... catch ... finally |
Error、TypeError、ReferenceError
|
throw() |
7. underscore库重要方法
| 对象 | 方法 |
|---|---|
| Array |
_.first()、_.last()、_.flatten()、_.zip()、_.unzip()、_.object()、_.range()
|
| Object |
_.keys()、_.allKeys()、_.values()、_.invert()、_.extend()、_.extendOwn()、_.clone()
|
| Array、Object |
_.map、_.filter()、_.every()、_.some()、_.max()、_.min()、_.groupBy()、_.shuffle()、_.sample()、_.isEqual()
|
| Functions |
_.bind()、_.partial()、_.memoize()、_.once()、_.delay()
|
