• 2024-11-09事件循环(Event loop)
    一、什么叫事件循环事件循环也就是Eventloop,是JavaScript或Node为解决单线程代码执行不阻塞主进程一种机制,也就是我们所说的异步原理。事件循环负责执行代码、收集和处理事件以及执行队列中的子任务。二、什么是进程与线程?进程是计算机中正在运行的程序的一个实例;每个进程
  • 2024-11-07es6,for....of是异步的嘛? 如何实现循环中异步实现
    for...of循环本身不是异步的,它是同步执行的。这意味着for...of循环会按顺序依次执行每一项,直到循环结束。如果循环中的操作是异步的(例如,async函数或者Promise),则这些异步操作会并发执行,但for...of本身不会等待这些操作完成,除非你显式地处理它们。让我们通过一个例子来说明
  • 2024-10-21iOS系统下Window.open()方法失效问题
    在iOS系统下,window.open()方法失效的问题是一个常见的挑战,主要原因是iOS的安全机制和浏览器策略。以下是详细的原因分析和解决方案:原因分析安全机制拦截:iOS的Safari浏览器为了防止弹出广告和恶意窗口,对window.open()方法进行了限制。如果window.open()不是由用户直接交互触发的
  • 2024-10-21Dom阶段实战案例
    window定时器◼有时我们并不想立即执行一个函数,而是等待特定一段时间之后再执行,我们称之为“计划调用(schedulingacall)”。◼目前有两种方式可以实现:setTimeout允许我们将函数推迟到一段时间间隔之后再执行。setInterval允许我们重复运行一个函数,从一段时间间隔
  • 2024-10-20JavaScript事件循环:一杯咖啡的时间,搞懂主线程都经历了什么?
    我们今天来聊聊JavaScript事件循环。虽然这个词听起来很高深,但你可以把它想象成一个奶茶店里排队买奶茶的过程。主线程就像奶茶店的唯一一个店员,任务就是那些排队的订单,而JavaScript的事件循环就是这个店员处理订单的工作方式。先看代码,咱们慢慢聊:console.log('1:进店
  • 2024-09-21事件循环如何处理微任务和宏任务
    在javascript中,微任务和宏任务是事件循环管理的两种类型的异步任务,但它们的处理方式不同。了解它们的工作原理对于预测异步代码的执行顺序至关重要。1.宏任务队列(任务队列)宏任务被放入自己的队列中,通常称为任务队列或宏任务队列。宏任务的示例包括:settimeout、setinterval
  • 2024-09-20定时器效果(实现打开一个网页一段时间后自动跳转到另一个网页)(感应灯效果)
    实现目标;打开一个网页一段时间后(自定义)自动跳转到另一个网页。相关要点:定时器window.setTimeout(调用函数,延时时间)(window在调用时可省略)eg:window.setTimeout("window.location='https://id5.163.com/index.html'",1000);注:此语句要写在js文件或<script></script>中。即打开
  • 2024-09-202024-09-20 如何去除vue前端框架upload组件中的缓存 ==》v-if+setTimeout
    在很多前端框架中的upload组件,比如arco-design的a-upload组件,在遍历渲染过程中会发现上传完成后,切换到另一个a-upload组件,它的图片会显示上一个a-upload组件的缓存 正常上传,然后点击红色,红色对应的图片应该被清空,实际上却并没有,如下解决方案:给a-upload组件加一个条件判断v-if
  • 2024-09-19js基础之setTimeout与setInterval原理分析
    setTimeout与setInterval概述setTimeout与setInterval是JavaScript引擎提供的两个定时器方法,分别用于函数的延时执行和循环调用。前者的主要思想是通过一个定时器,让函数在计时结束后再执行;后者则是每隔一定的时间,就启动一次函数的执行。从原理来看,两者似乎并不复杂。但由于JavaS
  • 2024-09-18聊聊事件循环
    事件循环>js是单线程,js引擎在执行时的原则:获取任务、执行任务。反复重复此过程,直到没有可执行的任务为止。任务分为同步任务和异步任务。异步任务分为宏任务和微任务。-js处理异步主要有微任务(microTask)和宏任务(macroTask),而从开始执行一个宏任务–>执行完这个宏任务中
  • 2024-09-13刷新页面后,让控制台的js代码继续执行
    1.必要的知识prompt()弹出对话框,获取用户输入的文本setTimeout(,)延迟执行函数write()可向指定对象写入html代码或者js代码with()设定代码的作用域 2.大致框架vartimeout=prompt("设置刷新时间");current=location.href;if(timeout>0){
  • 2024-09-12前端-深入了解前端
    JavaScript的EventLoop概念JavaScript的EventLoop(事件循环)是其执行模型的核心机制,确保了异步操作和事件的处理能够在单线程环境下顺利进行。让我们详细解释EventLoop的工作原理,并探讨在setTimeout和Promise同时存在时,谁先执行。EventLoop的工作原理调用栈(CallS
  • 2024-09-10js中【微任务】和【宏任务】长篇解读
    在JavaScript中,理解微任务(microtasks)和宏任务(macrotasks)是掌握异步编程和事件循环(EventLoop)机制的关键。这两个概念影响了代码的执行顺序,特别是在涉及异步操作(如setTimeout、Promise、async/await等)时。为了深刻理解它们的差异及其在事件循环中的表现,我们将从最基
  • 2024-08-13JavaScript 中的宏任务与微任务
    JavaScript是一种单线程的编程语言,这意味着在同一时间只能执行一个任务。为了有效地处理并发操作,JavaScript引入了事件循环(EventLoop)机制,其中宏任务(MacroTask)和微任务(MicroTask)在其中扮演着关键角色。1.什么是宏任务和微任务?宏任务(MacroTask)是JavaScript中执行的大
  • 2024-08-09Nodejs事件循环小记
    执行原理当Node.js启动时,会先初始化EventLoop,然后执行提供的输入脚本(主模块同步代码),过程中可能会产生异步API调用、定时器或调用process.nextTick(),然后开始处理事件循环。Node.js的EventLoop分为6个阶段,会按照顺序反复执行,每当进入某一个阶段的时候,都会从对应
  • 2024-08-07定时器为什么最好不要使用 setInterval()?
    论题setInterval()会导致导致定时器"重叠"的问题,所以使用setTimeout()。回顾首先先了解一下setInterval()和setTimeout()的基本使用。setTimeout(表达式,毫秒):毫秒数后表达式仅执行一次。setInterval(表达式,毫秒):无限次在毫秒数后执行表达式。一个生产者-临界资源问题
  • 2024-08-01事件循环-
    事件循环(EventLoop)是JavaScript运行时(例如浏览器或Node.js)的一种机制,用于处理异步编程。它允许非阻塞操作,即使在某些任务需要等待(如网络请求或定时器),JavaScript也可以继续执行其他代码。事件循环的基本概念调用栈(CallStack):JavaScript是一门单线程语言,这意味着它一次只能
  • 2024-06-23视野修炼-技术周刊第89期 | 2023 年度 JS 报告
    欢迎来到第89期的【视野修炼-技术周刊】,下面是本期的精选内容简介
  • 2024-06-18JS答过的笔试题
    文章目录答过的笔试题1.写出打印的值1.1变量定义提升1.2箭头函数绑定问题1.3var变量for循环输出问题1.4async异步函数问题1.5setTimeout和async1.6let变量不会绑定到window上2.写出几个vue或react常用的声明周期狗子函数3.写一个递归方法,把数组`[1,2,[3,[4,5],
  • 2024-06-18详解setTimeout()
    原文链接:https://blog.csdn.net/weixin_44179269/article/details/1134207671,setTimeout()基础setTimeout函数用来指定某个函数或某段代码,在多少毫秒之后执行。它返回一个整数,表示定时器的编号,以后可以用来取消这个定时器。vartimerId=setTimeout(func|code,delay)1上面代
  • 2024-06-12前端菜鸡流水账日记 -- setTimeout定时器
    中午好哇,一上午的时间过的真快,这都快要吃午饭啦,突击询问有想好吃什么吗???当然,这不是重点,重点是我今天要说的这个定时器,以及和他搭配的取消定时器,话不多说,开始我们的新内容setTimeout都不陌生就是定时器,他可以这样用setTimeout(()=>{dealData.forEach(e=>{if(aw
  • 2024-06-03js_202406
      关于async/await、promise和setTimeout执行顺序 
  • 2024-06-03JavaScript 事件循环竟还能这样玩!
    JavaScript是一种单线程的编程语言,这意味着它一次只能执行一个任务。为了能够处理异步操作,JavaScript使用了一种称为事件循环(EventLoop)的机制。本文将深入探讨事件循环的工作原理,并展示如何基于这一原理实现一个更为准确的setTimeout、setInterval什么是事件循环?事件循环是
  • 2024-05-31前端睡眠函数的用途与实现
    主要用途:测试异步代码:在编写测试用例时,特别是涉及异步操作的时候,sleep函数可以帮助我们创建出确定的时间间隔以测试代码的异步性能和行为。模拟网络延迟:在开发过程中,我们可能需要模拟真实的网络环境,包括网络延迟。此时,sleep函数就能派上用场。节流和防抖:在处理一些频
  • 2024-05-29事件循环训练题
    题目console.log("scriptstart");//宏任务asyncfunctionasyncFunc(){console.log("asyncFuncstart");awaitPromise.resolve();//等待Promise解决console.log("asyncFuncpromiseresolved");}asyncFunc();//调用async函数setTi