首先,javascript 是一门单线程,无阻塞的脚本语言. 何为单线程:就是在任何时候都只有一条线程在执行代码. 无阻塞:就是执行代码任务时一路绿灯,畅通无阻. 无阻塞的实现主要依赖于一个机制,就是事件循环机制. 在事件循环机制里面,有两个概念,分别是主线程和任务队列. 主线程:执行所有的同步任务和异步任务 任务队列:存放所有的异步任务 任务队列主要分为两类: 宏任务(macrotask):script代码,setTimeout,setInterval,setImmediately,I/O,U…

记住: JS是单线程的,他和dom渲染共用一个线程 JS执行的时候,会给dom渲染留一些时机 上一篇讲到eventloop的执行机制,但是在这个机制中的call stack执行完成后(包括第一遍的eventloop)会尝试DOM渲染,最后触发第二轮的eventloop的callqueue,如此反复循环…

先看一段代码 console.log('Hi') setTimeOut(function cb1(){ console.log('cb1') },500) console.log('Bye') 第一步 压入执行栈执行console.log同步代码 第二步 定时器为异步,放入webapis中 第三步 压入执行栈执行console.log同步代码 第四步 当主栈执行完毕后,开始event loop,将webapis的定时任务压入callback queue 第五步 将回调队列的任务压入主栈中执行…

queueMicrotask https://developer.mozilla.org/en-US/docs/Web/API/WindowOrWorkerGlobalScope/queueMicrotask scope.queueMicrotask(function); https://html.spec.whatwg.org/multipage/timers-and-user-prompts.html#microtask-queuing self.queueMicrotask(() => {…

Redis缓存失效的故事要从EXPIRE这个命令说起,EXPIRE允许用户为某个key指定超时时间,当超过这个时间之后key对应的值会被清除,这篇文章主要在分析Redis源码的基础上站在Redis设计者的角度去思考Redis缓存失效的相关问题. Redis缓存失效机制 Redis缓存失效机制是为应对缓存应用的一种很常见的场景而设计的,讲个场景: 我们为了减轻后端数据库的压力,很开心的借助Redis服务把变化频率不是很高的数据从DB load出来放入了缓存,因此之后的一段时间内我们都可以直接从缓存…

转自:http://cek.io/blog/2015/12/03/event-loop/ What is JavaScript What is JavaScript anyway? Some words: It's a single-threaded, non-blocking, asynchronous, concurrent language" It has a call stack, an event loop, a callback queue, some other apis and…

前面的话 本文将详细介绍javascript中的事件循环event-loop 线程 javascript是单线程的语言,也就是说,同一个时间只能做一件事.而这个单线程的特性,与它的用途有关,作为浏览器脚本语言,JavaScript的主要用途是与用户互动,以及操作DOM.这决定了它只能是单线程,否则会带来很复杂的同步问题.比如,假定JavaScript同时有两个线程,一个线程在某个DOM节点上添加内容,另一个线程删除了这个节点,这时浏览器应该以哪个线程为准? 为了利用多核CPU的计算能力,HTML…

JavaScript 运行机制 & EventLoop 看阮老师博客和自己的理解,记录的学习笔记,js的单线程和 事件EventLoop 机制. 1. JavaScript是单线程 JavaScript语言的一大特点就是单线程,也就是说,同一个时间只能做一件事. js这门语言在刚开始创造时,就是作为浏览器脚本语言,只要用途是与用户互动,操作dom,这决定了它只能为单线程,单线程已成为JavaScript这门语言的核心特征,将来也不会改变. HTML5提出Web Worker标准,允许JavaSc…

前置知识点: 浏览器原理,浏览器内核5种线程及协作,JS引擎单线程设计推荐阅读: 从浏览器多进程到JS单线程,JS运行机制最全面的一次梳理 [FE]浏览器渲染引擎「内核」 js异步编程,Promise实现推荐阅读: Javascript异步编程的4种方法 前端面试必考题Promise的源码解析 堆.栈.队列.执行栈.任务.微任务.事件循环机制♻️推荐阅读: JavaScript异步编程-基础篇 彻底搞懂浏览器Event-loop 这一次,彻底弄懂 JavaScript 执行机制 一次弄懂Even…

前言 Event Loop即事件循环,是指浏览器或Node的一种解决javaScript单线程运行时不会阻塞的一种机制,也就是我们经常使用异步的原理. 先熟悉基本概念 [堆Heap] 堆是一种数据结构,是利用完全二叉树维护的一组数据,堆分为两种,一种为最大堆,一种为最小堆,将根节点最大的堆叫做最大堆或大根堆,根节点最小的堆叫做最小堆或小根堆. 堆是线性数据结构,相当于一维数组,有唯一后继. [栈Stack] 栈在计算机科学中是限定仅在表尾进行插入或删除操作的线性表. 栈是一种数据结构,它按照后进…