![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
面试
文章平均质量分 62
故里有长安丶丶
这个作者很懒,什么都没留下…
展开
-
JavaScript两个实用的图片懒加载优化方法
文章目录一、方法一二、方法二 InterSectionObserver一、方法一重点:1.getBoundingClientRect().top > window.innerHeight 图片未出现2.getBoundingClientRect().top < window.innerHeight 图片出现了HTML:<ul> ...... <li>2222222222</li> <li>2222222222原创 2022-03-25 22:51:59 · 5281 阅读 · 8 评论 -
【总结】:CSS常用的两栏布局方法(最全面)
文章目录一、CSS两栏布局(左列定宽,右列自适应宽)方法一:浮动+margin方法二:定位+margin方法三:浮动+BFC方法四:flex布局方法五:able布局二、CSS两栏布局(左列不定宽,右列自适应宽)一、CSS两栏布局(左列定宽,右列自适应宽)最终效果:方法一:浮动+marginHTML:<div class="container"> <div class="left">定宽</div> <div class="right">自适应原创 2022-03-23 15:58:08 · 4688 阅读 · 0 评论 -
ES6:Generator生成器的介绍及场景应用
文章目录一、Generator生成器函数二、使用步骤1.引入库2.读入数据总结一、Generator生成器函数在JavaScript中,一旦一个函数开始执行,就会一次执行到最后或者遇到return时结束,在函数运行期间没有任何代码可以让它在执行过程中暂停。而Generator生成器函数的出现,使得这样一个不可能成为可能。Generator函数是ES6提供的一种异步编程解决方案,其形式上与普通函数稍微有些差别:function关键字后跟一个星号(*)yield语句可以暂停函数functio原创 2022-03-14 22:02:39 · 1514 阅读 · 0 评论 -
【总结】:大厂面试常考手撕代码 —— JavaScript实现效果
文章目录一、Js实现拖动元素二、Js实现once效果三、Js实现深/浅拷贝1.通用方法2. 对象、数组3. 数组四、实现fetch(Promise封装Ajax)一、Js实现拖动元素const div = document.getElementsByTagName('div')[0]//是否按下let isDown = false//鼠标至边框let numX = 0let numY = 0//鼠标点下div.onmousedown = (e) => { //计算鼠标至边原创 2022-03-13 21:57:00 · 1219 阅读 · 0 评论 -
JavaScript实现Sleep效果
文章目录一、Sleep?二、为什么使用sleep?三、实现方法1. 基于while + Date实现2. 基于Promise + setTimeout实现一、Sleep?console.log(1);sleep(1000) //暂停1秒console.log(2);在多线程语言中,sleep() 方法是让调用线程进入睡眠状态,让出执行机会给其他线程,等到休眠时间结束后,线程进入就绪状态和其他线程一起竞争cpu的执行时间。而在JavaScript这样一个单线程语言里,js的设计者并没有设置s.原创 2022-03-06 20:04:12 · 8263 阅读 · 0 评论 -
【总结】:JavaScript优化 —— 防抖节流 - 应用场景
文章目录一、防抖代码实现二、节流代码实现三、总结区别一、防抖触发高频事件后n秒内只执行一次,如果n秒内再次触发就会重新计算时间。防抖的设计思路:触发事件清除定时设置定时如果在规定时间内仍然有请求/事件的操作,会清除定时,重设置定时如果在规定时间内没有请求/事件,就可以执行提交或者下面的操作了代码实现let btn = document.querySelector('button')function payMoney() { console.log('已剁');}f原创 2022-03-06 19:50:02 · 495 阅读 · 0 评论 -
前端面试必考题:JavaScript事件循环(Event loop)、宏任务微任务
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录一、事件循环二、宏任务/微任务无渲染有渲染一、事件循环我们都知道,Js引擎是单线程的,也就是说每次执行一堆程序,必须是一个执行完再去执行另一个。那可能有人要问了:平时我们开启setTimeout定时器,也没见影响到后面程序的运行啊!是因为javascript从诞生之日起就是一门单线程的非阻塞的脚本语言。而它的非阻塞性是通过异步任务来实现的,可见setTimeout就是一个异步任务。那么从上图我们就可以得知:实现异步任务,就原创 2022-03-05 19:18:05 · 1689 阅读 · 1 评论 -
JavaScript封装异步函数 —— 【异步编程】 —— 如何获取一个函数中异步操作的结果?
我们在写项目的时候有没有遇到这样的一个情况:一个函数里,嵌套着另一个异步函数,那如何在外面获取这个异步函数的结果呢?(return值) 就比如这样一个例子:function fn() { setTimeout(function(){ let data = 222 },2000)}我们如何获取定时器中data的值呢?方法一原创 2022-02-25 12:39:23 · 991 阅读 · 0 评论