javascript
2020-10-06 12:15:59 31 举报AI智能生成
javascript知识点
作者其他创作
大纲/内容
正则表达式
基本语法
[]、{}、+、*、？......<br>
基本使用
test<br>
高价使用
函数
test、exec<br>
匹配模式
g:全局模式
i:不区分大小写
u:只匹配最近
事件体系
常用事件
load、size、键盘、鼠标、焦点、滚轮......<br>
事件流
冒泡
捕获
事件处理
DOM0级
DOM2级
addEventlistener
event对象
常用属性
事件委托
兼容性
面向对象
类
ES5创建类
ES6创建类
构造器constructor
this
类属性/方法static
call继承
原型
概念
原型链
对象
new对象
内置对象
Array
map、reduce...
String
split、includes...
math
Date
Object
常用方法
判断枚举
添加属性definedProperty<br>
合并对象assign
潜克隆
深克隆
setter
getter
异常
内置异常<br>
try-catch-finally
return表现
catch常用参数
主动抛出
自定义异常
进阶
js内存空间划分
栈
堆
js垃圾回收
js执行环境
js运行阶段
js事件处理机制
异步
同步异步
AJAX
promise
pedding
fulillel
rejected<br>
async await（ES7）
概念
es3、es5(2008主流)、es6(2015~now)
基础语法
输入输出
prompt键盘输入
document . write
alert弹窗
console.log
变量
定义规范
定义方式
var
const(es6)
let（es6）
变量声明提升
作用域
数据类型
分类
基本类型
string、number、boolean、null、undefined、symbol（es6）<br>
引用类型
object
转换
数字、字符
+ -*/ parseint toString<br>
boolean
显示/隐式 <br>
运算符
算数运算符
+ - * /
关系运算符
== >= <= >< 返回布尔值
逻辑运算符
&& || ！返回布尔值
赋值运算符
= += -= *= /= ++ --
位运算符
控制结构
分支结构
if else
switch case（break）<br>
循环结构
分类
for
while
do while
终止循环
break
continue
数组Array
定义
常用函数
函数
定义方法
function xx
定义申明式
构造函数
传参
值传递
引用传递（Object）
返回值return
ES6箭头函数特性
arguments&callee<br>
原生对象
定义
this指向
DOM
document对象
常用属性
获取html标签
id
class（arr）
标签名（arr）<br>
querySelector
获取标签内容
innerHTML<br>
innerText
value
获取/修改标签属性
setAttribute<br>
getAttribute
新增/删除标签
新增
创建document.createElement()<br>
添加appendChild()/insertBefore
删除removeChild
获取兄弟、父、子标签
修改css样式
浏览器相关
获取首宽高innerWidth
获取盒模型大小offsetWidth
获取内容区域大小clientWidth
获取滚动条scrollTop
定时器
延时定时器
开启
settimeOut
清除
clearTimeout
间隔定时器
setInterval
BOM
概念
四大内置对象
location
history
screen
<h5 cid="n895" mdtype="heading" class="md-end-block md-heading md-focus" style="box-sizing: border-box; break-after: avoid-page; break-inside: avoid; font-size: 1em; margin-top: 1rem; margin-bottom: 1rem; position: relative; line-height: 1.4; cursor: text; white-space: pre-wrap; outline: 0px; box-shadow: none; color: rgb(51, 51, 51); font-family: "Open Sans", "Clear Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;"><span md-inline="plain" class="md-plain md-expand" style="box-sizing: border-box;">navigator</span></h5>
新特性
ES6
扩展运算符
解构赋值
set&map
HTML5
本地存储
localstorage
sessionStorage
媒体
audio
video<br>
拖拽
地图
0 条评论
下一页
