【掌握】掌握ECMAScript常见内置对象
【了解】什么是浏览器对象模型
【了解】什么是文档对象模型
【掌握】掌握常用window对象函数
【了解】基本浏览器对象
【掌握】掌握文档对象模型结构以及相关操作
【掌握】掌握正则表达式实现表单验证
【掌握】掌握Promise的使用
当前历史记录中页面的个数,包括当前页面 | |
回退一个页面,当没有页面的时候不报错 | |
前进一个页面,当没有页面的时候不报错 | |
go(前进或后退的数值) | 根据数值前进或者后退,正数前进、负数后退、0刷新 |
- Document(文档对象), 表示加载到浏览器的页面文件。提供一系列对页面中标签、标签属性、文本、注释等操作的对象与方法。将页面标签、标签属性、文本、注释放在一颗树结构中进行操作
- Attr(属性对象),表示添加在标签上的属性
- Event(事件对象),表示为标签、窗体等添加的事件。
获得页面的body标签对象 |
获取界面绑定的window对象 |
根据id名称查找一个元素 |
根据名称属性名查找元素 |
根据选择器字符串查找单个元素,存在多个取第一个 |
根据选择器字符串查找元素 |
根据元素名在内存中创建元素对象 |
输出文本到页面上,可以输出标签文本会被解析 |
输出文本到页面上,可以输出标签文本会被解析,产生换行符 |
document.write() 系列方法会覆盖原有的代码内容,因此建议少用或者不用
对于Node而言,最重要的是nodeType。主要根据nodeType判断当前是什么节点,用的比较少。
输出或设置HTML代码文本 |
将节点以字符串形式输出 |
add(class1[,class2,…])给元素添加一个或多个类样式名,如果指定的类样式名已存在,则不会添加 |
第一个子元素节点(不兼容IE) |
最后一个子元素节点(不兼容IE) |
下一个兄弟节点(不兼容IE) |
上一个兄弟节点(不兼容IE) |
边框内的宽度:包括了内容的宽度和panding,但不包含滚动条宽度 |
读取或设置元素滚动条到元素顶部的距离(元素的内容没有产生垂直方向的滚动条,那么它的scrollTop值为0) |
读取或设置元素滚动条到元素左边的距离(元素的内容没有产生水平方向的滚动条,那么它的scrollLeft值为0) |
将节点拼接在当前节点内部的最后面 |
将节点拼接在当前节点内部的最前面 referenceNode表示父节点的指定子节点,如果传入null表示将newNode添加到父节点的内部最后面 |
删除节点中的指定子节点 |
获取节点指定的name属性 |
判断节点是否存在指定的name属性 |
为节点添加指定的name属性并且值为value |
布局宽度:包含元素的边框、水平线上的内边距、竖直方向滚动条以及CSS设置的宽度的值 |
获取当前DOM节点元素距离浏览器顶部的距离,单位是像素 |
获取当前DOM节点元素距离浏览器左侧的距离,单位是像素 |
光标移入元素时触发,进入子元素也会触发 |
光标移出元素时触发,离开子元素也会触发 |
光标在元素上移动时触发 |
键盘按下并产生字符时的事件(ctrl、shift之类的键不会触发) |
- 使用元素value属性
表单提交时执行,当事件执行函数返回false时, 会阻止表单向服务器提交数据,表示数据验证不通过 |
正则表达式是用于匹配字符串中字符组合的模式。在 JavaScript中,正则表达式也是对象。
转义字符,可以将特殊符号转移为普通字符, 例如+,代表一个’+‘号,\代表’'本身。特殊情况:\n代表一个换行符 |
匹配字符串开始的位置,与后面紧邻的字符进行配合 |
匹配字符串结束的位置,与前面紧邻的字符进行配合 |
匹配前面的字符或者表达式出现0次或多次,等价于{0,} |
匹配前面的字符或者表达式出现一次或多次,等价于{1,} |
匹配前面的字符或者表达式出现零次或一次,等价于{0,1} |
匹配除换行符\n之外的任何单个字符 |
将表达式组合起来,括号中的内容可以被上面的特殊符号修饰 |
匹配前面的字符或者表达式,指定匹配次数为n次 |
匹配前面的字符或者表达式,指定匹配次数至少为n次 |
匹配前面的字符或者表达式,指定匹配次数至少n次,最多m次 |
匹配不包含里面字符的其他任意一个字符。例如[^abcd] 代表除了abcd以外的任意一个字符
|
匹配0-9中任意一个阿拉伯数字,相当于[0-9]。 |
匹配一个非阿拉伯数字,等价于[^0-9] 。
|
匹配一个水平制表符 (U+0009)。 |
匹配一个垂直制表符 (U+000B)。 |
匹配一个单字字符(字母、数字或者下划线)。等价于 [A-Za-z0-9_] 。
|
查找字符串中满足规则的字符串,它返回一个数组(未匹配到则返回 null)。每次只匹配一个,其会返回lastIndex来表示下一个匹配的起始索引值,当我们再次执行exec时,自动从这里开始继续搜索,知道为null为止 |
测试字符串是否匹配规则,它返回 true 或 false |
贪婪模式的元字符包括:
{n,}
、{n,m}
、?
、*
、+
贪婪模式的特性:匹配尽可能多的字符
非贪婪模式的特性:匹配尽量少的字符
在贪婪模式元字符后面加上?即可将其变为非贪婪模式:
{n,}?
、{n,m}?
、??
、*?
、+?
Promise 是异步编程的一种解决方案。简单说就是一个容器,里面保存着某个未来才会结束的事件(通常是一个异步操作)的结果。从语法上说,Promise 是一个对象,从它可以获取异步操作的消息
待定(pending): 初始状态,既没有被兑现,也没有被拒绝
已兑现(fulfilled): 意味着操作成功完成
已拒绝(rejected): 意味着操作失败
待定状态的 Promise 对象要么会通过一个值被兑现(fulfilled),要么会通过一个原因(错误)被拒绝(rejected),它不会受到外界因素的影响
如果一个 promise 已经被兑现(fulfilled)或被拒绝(rejected),那么我们可以说它处于已敲定(settled)状态,一旦已敲定,就不会再被更改。
我们还会听到一个经常跟 promise 一起使用的术语:已决议(resolved),它表示 promise 已经处于已敲定(settled)状态,或者为了匹配另一个 promise 的状态被"锁定"了
加一个事件处理回调于当前promise对象,并且在原promise对象解析完毕后,返回一个新的promise对象。回调会在当前promise运行完毕后被调用,无论当前promise的状态是完成(fulfilled)还是失败(rejected) |
因为then、catch、finally都会返回一个新的Promise对象,因此它们是可以串联使用的。
alert('下面进行一个数据统计,每个人说一个数:');
#### 8.3.3 使用串联方式连续实现动画
4.编写vue代码,固定结构
5.使用插值表达式获取data里面定义值
//创建一个vue对象 data:{//定义页面中显示的模型数据版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。