JS知识梳理

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 浏览器窗口 innerWidthinnerHeightouterWidthouterHeight
navigator 浏览器的信息 appNameappVersionlanguageplatformuserAgent
screen 屏幕的信息 widthheightcolorDepth
location URL信息 protocolhostportpathnamesearchhashassign()reload()
document DOM树的根节点 见下一小节
history 浏览器的历史记录(基本废弃了) back()forward ()

4.DOM操作

操作类别 属性或方法
DOM基本属性 titlecookiechildrenparentElementinnerHTMLinnerTexttextContentstyle
获取节点操作 createElement ()getElementById()getElementsByTagName()querySelector()querySelectorAll()
插入节点操作 appendChild()insertBefore()
删除节点操作 removeChild()
CSS操作 setAttribute ()
表单操作 valuecheckedsubmit()
文件操作 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()asyncmethodcontentTypedataheadersdataTypeget()post()getJSON()

6.错误处理

处理方法
try ... catch ... finally
ErrorTypeErrorReferenceError
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()