博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
前端面试(!!!)
阅读量:5037 次
发布时间:2019-06-12

本文共 2655 字,大约阅读时间需要 8 分钟。

function pms1() {                    return new Promise(function(resolve, reject) {                        setTimeout(function() {                            console.log('执行任务1');                            resolve('执行任务1成功');                        }, 2000);                    });                }
function pms3() {                    return new Promise(function(resolve, reject) {                        setTimeout(function() {                            console.log('执行任务3');                            resolve('执行任务3成功');                        }, 2000);                    });                }                Promise.all([pms1(), pms2(), pms3()]).then(function(data) {                    console.log(data);                    console.log({}.toString.call(data));                })
$(function() {                function runAsync() {                    var def = $.Deferred();                    setTimeout(function() {                        console.log('执行完成');                        def.resolve('随便什么数据');                    }, 2000);                    return def.promise();                }                var pms=runAsync();                pms.then(function(data) {                    console.log(data)                });                //pms.resolve('我穿越了!');    //这一句会报错jquery-3.1.1.min.js:2 Uncaught TypeError: pms.resolve is not a function            })

  

 

flex;align-items: center;justify-content: center

 

  

instanceof 用于判断一个变量是否某个对象的实例,或用于判断一个变量是否某个对象的实例;
constructor 用于判断一个变量的原型,constructor 属性返回对创建此对象的数组函数的引用。
Javascript中对象的prototype属性的解释是:返回对象类型原型的引用。
 

 

$(document).on('click', '#example', clickHandler);

此时表示将 id="example" 的元素的鼠标单击事件委托绑定到了 document 元素上,当目标元素(即 id="example" 的元素)触发鼠标单击事件的时候,该事件就会冒泡到 document 元素上,从而触发事件处理程序。

调用事件对象的 .stopPropagation() 方法可以阻止事件冒泡:

调用事件对象的 .preventDefault() 方法可以阻止事件的默认行为:

事件节流

浏览器中有几个事件会频繁触发,比如 scroll, resize, mousemove 等,那么给这些事件绑定的事件处理程序也会跟着频繁地执行,导致页面反应迟钝,要解决这个问题,需要节流事件,减少事件处理程序执行的频率:

var timer = 0; // 使用一个定时器 $(window).on('scroll', function() { if (!timer) { timer = setTimeout(function() { // Do something timer = 0; }, 200); } }); 移动端: if(!e.touches) {     //兼容移动端 var x = e.clientX; } else {     //兼容PC端 var x = e.touches[0].pageX; } //var x = e.touches[0].pageX || e.clientX; //鼠标横坐标var x

那 for-of 到底可以干什么呢?

  • 跟 forEach 相比,可以正确响应 break, continue, return。

  • for-of 循环不仅支持数组,还支持大多数类数组对象,例如 DOM nodelist 对象。

  • for-of 循环也支持字符串遍历,它将字符串视为一系列 Unicode 字符来进行遍历。

  • for-of 也支持 Map 和 Set (两者均为 ES6 中新增的类型)对象遍历。

总结一下,for-of 循环有以下几个特征:

  • 这是最简洁、最直接的遍历数组元素的语法。

  • 这个方法避开了 for-in 循环的所有缺陷。

  • 与 forEach 不同的是,它可以正确响应 break、continue 和 return 语句。

  • 其不仅可以遍历数组,还可以遍历类数组对象和其他可迭代对象。

转载于:https://www.cnblogs.com/libin-1/p/6817234.html

你可能感兴趣的文章
4.14上午
查看>>
数据分析 -- 白话一下什么是决策树模型(转载)
查看>>
Java SPI机制原理和使用场景
查看>>
web前端java script学习2017.7.18
查看>>
删除TXPlatform
查看>>
LaTex:图片排版
查看>>
并发访问超时的问题可能性(引用)
查看>>
中小团队基于Docker的Devops实践
查看>>
利用python打开摄像头并保存
查看>>
System函数的使用说明
查看>>
Selenium-测试对象操作之:获取浏览器滚动条滚动距离
查看>>
Linux下MySQL数据库安装与配置
查看>>
Extjs String转Json
查看>>
oracle入门(4)——少而常用的命令
查看>>
打印机设置(PrintDialog)、页面设置(PageSetupDialog) 及 RDLC报表如何选择指定打印机...
查看>>
Java 虚拟机部分面试题
查看>>
二叉树的遍历问题总结
查看>>
Spring之面向切面编程AOP
查看>>
MATLAB GUI程序设计中使文本框接收多行输入的方法
查看>>
全文检索-Elasticsearch (四) elasticsearch.net 客户端
查看>>