![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Javascript
jinmo277
这个作者很懒,什么都没留下…
展开
-
js 判断是否滚动条滚动到底部
const homeDom = document.querySelector('.home'); homeDom.addEventListener('scroll', function() { console.log('scrollHeight', this.scrollHeight); // 内容总高度(内容可视区域 + 滚动条Y轴滚动距离) console.log('scro...原创 2019-12-31 15:11:33 · 737 阅读 · 0 评论 -
call、apply和bind的用法
在JavaScript中,call、apply和bind是Function对象自带的三个方法 共同点: (1) 都是用来改变函数的this对象的指向的 (2)第一个参数都是this要指向的对象,也就是想指定的上下文 (3)都可以利用后续参数传参 区别: bind是返回对应函数,便于稍后调用;apply、call则是立即调用 1. call call([thisObj[...转载 2019-06-10 10:21:33 · 124 阅读 · 0 评论 -
js的回调队列和事件循环
console.log('start'); setTimeout(() => { console.log('timeout'); }, 0); console.log('end'); 执行顺序: 1. 执行进入console.log('start'),将其放入调用栈中 2.console.log('start') 后执行return,弹出栈顶 3. 执行进...转载 2019-07-11 11:04:40 · 679 阅读 · 0 评论 -
ES6 Promise的基本认识
promise中一般是处理一些异步事件,包括resolve和reject两个参数 resolve表示执行成功的回执,reject表示执行失败的回执 promise的默认状态为Padding,reolve则是将promise的状态变为Fullfilled, reject是将状态变为Rejected 示例: getNumber() { return new Promise((resolve...转载 2019-07-11 15:03:10 · 142 阅读 · 0 评论 -
async/await与异步
async checkNum() { let num = Math.floor(Math.random() * 10); if (num < 5) return { result: true, num }; else throw { result: false, num }; } this.checkNum().then((data) => { console.log(`...转载 2019-07-11 16:53:17 · 80 阅读 · 0 评论 -
footer 吸底效果
预期的效果: (1)当内容较少(不足以占满可视区域)时,footer置于可视区域的底部 (2)当内容过多(超出可视区域)时,footer置于页面的最底部 <div class="container"> <div class="wrap clearfix"> <div class="content"> <p class="li...转载 2019-07-12 16:15:05 · 697 阅读 · 0 评论