![](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 · 742 阅读 · 0 评论 -
call、apply和bind的用法
在JavaScript中,call、apply和bind是Function对象自带的三个方法共同点:(1) 都是用来改变函数的this对象的指向的(2)第一个参数都是this要指向的对象,也就是想指定的上下文(3)都可以利用后续参数传参区别:bind是返回对应函数,便于稍后调用;apply、call则是立即调用1. callcall([thisObj[...转载 2019-06-10 10:21:33 · 132 阅读 · 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 · 687 阅读 · 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 · 146 阅读 · 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 · 85 阅读 · 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 · 704 阅读 · 0 评论