ICode9

精准搜索请尝试: 精确搜索
  • 当输入框为空的时候设置复选框选择无效2022-09-10 11:33:35

    这个功能主要实现思路是使用定时器来延时控制,代码如下: watch: { //条件控制复选框的状态 checked: { handler() { if(this.checked == false) this.$message.warning('未连接或者时隔为空'); if(this.start_wb == false || this.time == ''){

  • 第 8 题:setTimeout、Promise、Async/Await 的区别2022-09-07 11:34:13

    1. setTimeout console.log('script start') //1. 打印 script start setTimeout(function(){ console.log('settimeout') // 4. 打印 settimeout }) // 2. 调用 setTimeout 函数,并定义其完成后执行的回调函数 console.log('script end') //3. 打印 s

  • 什么是event loop2022-09-05 17:03:11

    经常会被人问到 你来谈一谈什么是event loop,一开始我是一脸懵逼,慢慢的在网上看到很多贴子 才明白是怎么回事.先看一段代码 console.log(0) setTimeout(function() { console.log(1) }, 1000); console.log(2) //打印顺序是 0 2 1 js的事件循环 我们都知道 js是单线程的

  • 前端性能优化-防抖2022-09-05 17:01:01

    防抖:如果短时间内大量触发同一事件,只会执行一次函数,将多次执行变为最后一次执行。 防抖函数的应用场景: 按钮提交场景:防⽌多次提交按钮,只执⾏最后提交的⼀次 服务端验证场景:表单验证需要服务端配合,只执⾏⼀段连续的输⼊事件的最后⼀次,还有搜索联想词功能类似⽣存环境请⽤lodash.

  • 使用嵌套的 setTimeout 值得吗?2022-09-01 11:01:34

    使用嵌套的 setTimeout 值得吗? 有许多服务需要在某个定义的时间之后或在定义的时间间隔内执行。为了在一段时间后运行某些功能,我们使用 setTimeout 获取在定义时间之后执行的一些代码 .为了在一定的时间间隔后运行某些功能,我们通常使用 设置间隔, 它需要一些在每个定义的时间后执

  • 快速阅读:javascript 中的 setTimeout()2022-08-30 07:34:21

    快速阅读:javascript 中的 setTimeout() Time bomb vector created by pikisuperstar — www.freepik.com 昨天过去了。明天还没有到来。我们只有今天。让我们开始吧。 特蕾莎修女 这是 2022 年,Javascript 已经接管了编程世界! 这是一篇小文章,即使是 5 岁的孩子也能理解 javas

  • Promise.allSettled 的 Polyfill 处理2022-08-15 10:33:27

    如果因为浏览器太过老旧,不支持最新的 Promise.allSettled API,我们可以使用 polyfill 技术,简单地自己用 Promise.all, 自行实现 Promise.allSettled. 完整代码实现如下: if (!Promise.allSettled) { const rejectHandler = reason => ({ status: 'rejected', reason }); const

  • window打开关闭方法和window定时器方法2022-08-05 10:35:47

    与开发关闭有关的方法: close() 关闭浏览器窗口 谁调用我,我关谁 open() 打开一个新的浏览器窗口 返回新的Window对象 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> </head> <body> <

  • Auto.js 特殊定位控件方法 不能在ui线程执行阻塞操作,请使用setTimeout代替2022-08-02 23:32:41

    本文所有教程及源码、软件仅为技术研究。不涉及计算机信息系统功能的删除、修改、增加、干扰,更不会影响计算机信息系统的正常运行。不得将代码用于非法用途,如侵立删! Auto.js 特殊定位控件方法 操作环境 win10 nexus5x Auto.js 7.4 VS code 在页面中不能通过id、desc、text定位时

  • 事件循环( Event Loop ),微任务( promise) 与 宏任务( setTimeout ):2022-07-26 23:03:31

    事件循环( Event Loop ),微任务( promise) 与 宏任务( setTimeout ):   微任务( micro task  ) :Javascript引擎发起的任务 宏任务( macro task ) :宿主(我们)发起的任务   异步任务的执行优先级并不相同,它们被分为两类:微任务( micro task ) 和 宏任务( macro task )    根据

  • setTimeout模拟setInterval,使用闭包,且可以终止的写法2022-07-26 18:01:53

    function mySetInterval(fn, t){ let timer = null; function interval(){ fn(); timer = setTimeout(interval, t) } interval(); return { clear: ()=>{ clearTimeout(timer) } } } let a = mySetI

  • 如何暂停for循环中的setTimeout2022-07-21 18:03:26

    循环中的计时器可匀速每隔一段时间执行一遍,在执行过程中如果暂停计时器,然后再继续执行并实现无缝衔接可以试试以下方法 <button class="start">开始</button> <button class="zt">暂停</button> <script> var arr=[1,2,3,4,5,6,7,8,9,10,11,12] var

  • 浏览器的事件循环2022-07-17 17:44:29

    JavaScript的任务分为同步和异步,同步任务是直接放在主线程队列执行,而异步任务是放在任务队列中,若多个异步任务则需要在任务中排队等待(类似于缓冲区)。 单线程:一个任务完成后才能执行下一个任务。 主线程用于浏览器处理用户事件和页面绘制。 调用栈就是函数执行的地方,有主线程在运行

  • Vue - EventLoop 的基本概念2022-07-16 18:02:16

    图片来自 黑马程序员 免费视频    我们使用这样的代码来验证:  这段代码输出的结果是: A D C B console.log('A') thenFs.readFile('./files/1.txt','utf8').then(dataStr => { console.log('B') }) setTimeout(()=>{ console.log('C') }, 0

  • 【JavaScript】Js promise的回调和setTimeout的回调到底谁先执行2022-07-15 20:03:48

    首先提一个小问题:运行下面这段 JS 代码后控制台的输出是什么? console.log("script start"); setTimeout(function () { console.log("setTimeout1"); }, 0); new Promise((resolve, reject) => { setTimeout(function () { console.log("setTimeout2");

  • 倒计时组件2022-07-10 00:03:06

    计时器为什么要用setTimeout而不用setInterval 为什么不直接将剩余时间-1。 如何将所需要的时间返回出去(有可能我只需要分钟和秒数,那就只返回分钟和秒数,也有可能我全都要)。 不确定接口返回的是剩余时间还是截止日期,该怎么同时兼容这两种情况。 不确定接口返回的时间是秒还是毫秒

  • settimeout promise2022-07-07 12:04:09

    setTimeout(function(){ alert("Sup!"); }, 2000);//wait 2 seconds       settime out with promise Javascript By Marwen Labidi on Feb 22 2022 const sleep = (time) => new Promise((resolve) => setTimeout(resolve, time)); await sleep(500

  • setTimeout 模拟setInterval2022-07-05 16:05:03

      当我们使用setInterval函数来实现间隔一段时间执行一段代码的时候, 如果回调函数花费的时间远大于时间间隔,那么就不会在规定时间间隔执行回调函数, 因为JavaScript的运行机制是先清空执行栈里面的任务,如果执行栈空了,然后去任务队列里面取出任务放到执行栈执行,也就是所谓的js的eve

  • JS定时器:setInterval()和setTimeout()2022-07-02 22:03:48

    JavaScript 对象指既可以保存一组不同类型的数据(属性),又可以包含有关处理这些数据的函数(方法)的特殊数据类型。JS 对象可以使用两种方式获得,一是开发人员自定义;二是由 ECMAScript 提供。由 ECMAScript 提供的对象称为 JavaScript 内置对象。JS 常用的 JavaScript 内置对象有:window

  • 浏览器相关知识2022-07-01 11:00:06

    事件机制 事件触发三阶段 注册事件 事件代理 跨域 JSONP CORS document.domain postMessage Event loop Node 中的 Event loop timer I/O idle, prepare poll check close callbacks 存储 cookie,localStorage,sessionStorage,indexDB Service Worker 渲染机制 Load

  • js 使用setTimeout模拟实现setInterval2022-06-20 01:32:08

    setTimeout 模拟实现 setInterval js单线程,在线程占用时间较长的情况下,setInterval可能会向任务队列里添加很多宏任务 这些宏任务在线程空下来的时候,会依次执行,而不会间隔执行,导致失效 所以使用setTimeout+递归来模拟,只有前一次任务执行了之后,才添加下一次任务 const _set

  • element-ui 在同一个方法中,触发了多个 message 组件提示信息时,会出现消息重叠的问题2022-06-18 14:32:28

    解决方案1:将方法定义为 async 异步函数,然后使用 await 等待执行。 async checkLogin () { if (this.username === '') { await this.$message.warning('请输入用户名') } if (this.password === '') { await this.$message.warning('请输入用户密码') }

  • Node.js精进(2)——异步编程2022-06-15 08:32:20

      虽然 Node.js 是单线程的,但是在融合了libuv后,使其有能力非常简单地就构建出高性能和可扩展的网络应用程序。   下图是 Node.js 的简单架构图,基于 V8 和 libuv,其中 Node Bindings 为 JavaScript 和 C++ 搭建了一座沟通的桥梁,使得 JavaScript 可以访问 V8 和 libuv 向上层提供

  • 记录一下学习防抖和节流的操作2022-06-10 11:35:56

    所谓节流和防抖,其原理就是定时器,我把我的简单理解记录一下 防抖(debounce):刚开始执行一次,然后在特定时间里该方法只执行一次 场景:用户多次点击按钮 节流(throttle):刚开始不执行,只在特定时间里执行一次 场景:在输入框输入值的时候,可以减少赋值操作 防抖(这边测试是利用原生的写的,当然也

  • 宏进程和微进程2022-06-08 08:03:23

    微任务包括 process.nextTick ,promise ,MutationObserver,其中 process.nextTick 为 Node 独有。 宏任务包括 script , setTimeout ,setInterval ,setImmediate ,I/O ,UI rendering。 微任务>DOM渲染>宏任务 这里很多人会有个误区,认为微任务快于宏任务,其实是错误的。因为宏任

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有