首页 > 其他分享 >前端面试总结05-异步

前端面试总结05-异步

时间:2022-09-22 20:33:59浏览次数:65  
标签:异步 const img 05 单线程 JS 面试 src

1.单线程和异步:

(1:JS是单线程语言,只能同时做一件事

(2:浏览器和Nodejs已支持JS启动进程,如WebWorker

(3:JS和DOM渲染共用同一个线程,因为JS可修改DOM结构

2.单线程与异步:

(1:遇到等待(网络请求,定时任务)不能卡住,故需要异步(回调callBack函数形式

3.异步与同步:

(1:基于JS是单线程语言

(2:异步不会阻塞代码执行

(3:同步会阻塞代码执行

异步:

 

 

 同步:

 

 

异步 应用场景:

(1:网络请求,如AJAX图片加载

 

 

 

(2:定时任务,如setTimeout

 

 

 

promise产生的原因:

为了解决callback hell

 

手写promise加载一张图片

function loadImg(src){

const p = new Promise(

(resolve,rejecct)=>{

const img = document.createElement('img')

img.onload=()=>{

resolve(img)

}

img.onerror = () = >{

const err = new Error(`图片加载失败${src}`)

reject(err);

}

img.src=src;

}

)

return p;

}

 

标签:异步,const,img,05,单线程,JS,面试,src
From: https://www.cnblogs.com/qwqxyd/p/16720769.html

相关文章

  • 第二十章 Redis面试总结
    一、Redis持久化1.RDB与AOF的区别RDB可以理解为是一种全量数据更新机制,AOF可以理解为是一种增量的更新机制,AOF重写可以理解为是一种全量+增量的更新机制(第一次是全量,后面......
  • leetcode 105. Construct Binary Tree from Preorder and Inorder Traversal 从前序与
    一、题目大意给定两个整数数组preorder和inorder,其中preorder是二叉树的先序遍历,inorder是同一棵树的中序遍历,请构造二叉树并返回其根节点。示例1:输入:pre......
  • 写给自己的react面试题总结
    解释React中render()的目的。每个React组件强制要求必须有一个render()。它返回一个React元素,是原生DOM组件的表示。如果需要渲染多个HTML元素,则必须将它们组......
  • js面试
    js基础new源码​将新创建出来的函数的Prototype改成传入进来的函数functioncreateObject(o){functionFn(){}Fn.prototype=oreturnnewFn()}......
  • CSS:浏览器的内核及了解,有哪些常见的浏览器内核?(面试题)
    浏览器的内核及了解?有哪些常见的浏览器内核?     浏览器要渲染出网页给用户看必须加载htm编码和js脚本渲染引擎渲染页面的UI和jd执行引擎操作内存,就是浏览器的内......
  • 如何在SQL SERVER 2005中修改系统表
    在SQLServer2000中修改系统表的方法一般大家都知道,但SQLServer2005的控制更为严格,处理起来比较麻烦。 SQLServer2005修改系统表的分两步: 1.在单用户模式下启......
  • 面试官:为什么数据库连接很消耗资源?
    开发应用程序久了,总想刨根问底,尤其对一些有公共答案的问题。大家都能解释,但是追根究底,都解释不清。凡是都有为什么,而且用数字说明问题是最直观的。本文主要想探究一下连接......
  • 服务异步通信-(rabbitmq)高级篇
    服务异步通信-高级篇 0.RabbitMQ的基础知识回顾 消息队列在使用过程中,面临着很多实际问题需要思考:  1.消息可靠性消息从发送,到消费者接收,会经理多个过程:其......
  • vue3 基础-动态组件 & 异步组件
    之前学习的都是父子组件传值的话题,一句话总结就是,常规数据通过属性传,dom结构通过插槽slot来传.而本篇则关注如何通过数据去控制组件的显示问题,如咱经常用到的......
  • 搜狗workflow异步调度框架
    搜狗workflow异步调度框架参考https://www.zhihu.com/column/c_1456603443661643776来源 https://zhuanlan.zhihu.com/p/172485495虽然我更新本博客比较慢,但是github......