Web前端最全前端javascript高级面试视频笔记-单线程和异步(四)(1),2024年最新阿里面试失败征兆

刷面试题

刷题的重要性,不用多说。对于应届生或工作年限不长的人来说,刷面试题一方面能够尽可能地快速自己对某个技术点的理解,另一方面在面试时,有一定几率被问到相同或相似题,另外或多或少也能够为自己面试增加一些自信心,可见适当的刷题是很有必要的。

开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

  • 前端字节跳动真题解析

  • 【269页】前端大厂面试题宝典

最后平时要进行自我分析与评价,做好职业规划,不断摸索,提高自己的编程能力和抽象思维能力。大厂面试远没有我们想的那么困难,摆好心态,做好准备,你也可以的。

在这里插入图片描述

4-17 promise的使用和原理

Promise 是异步编程的一种解决方案,比传统的解决方案——回调函数和事件——更合理和更强大。它由社区最早提出和实现,ES6 将其写进了语言标准,统一了用法,原生提供了Promise对象。

实现原理

ES6 规定,Promise对象是一个构造函数,用来生成Promise实例。通过在函数内部return 一个 Promise对象的实例,这样就可以使用Promise的属性和方法进行下一步操作了。

Promise套Promise时,也就是Promise链的时候——注意信息的传递

一个失败的例子,当我们使用Promise链的时候,如果每一步都需要上一步的数据时,就需要传参,成功通过resolve传参,失败通过reject传参,如果忘记传参,就得不到想要的结果。

resolve把成功的数据返回给下一个回调

reject把失败的数据返回给下一个回调。

原文链接:

需求:我们想加载完第一个图片加载第二个图片,加载完第二个图片加载第三个图片,就是顺序做

Promise.all 获取所有请求完成以后

Promise.race 获取最初完成请求以后

在这里插入图片描述

在这里插入图片描述

引入

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

控制台:

在这里插入图片描述

4-18 promise - 捕获异常-1

在这里插入图片描述

在这里插入图片描述

throw new error 在程序执行中,哪个语法会报错。是在逻辑之外的错误

在这里插入图片描述

逻辑内部的错:图片加载失败,执行reject,

业务逻辑之外的错误,统一通过catch捕获。

在这里插入图片描述

在这里插入图片描述

4-20 promise - 串联

例:先后顺序:先拿到id,才能再做别的,这个用promise如何做?

在这里插入图片描述

4-21 promise.all promise.race

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

race 先执行,只要有一个执行完就可以接下来执行下一个

all 所有都执行完才执行下一个

在这里插入图片描述

result2 先执行完毕,尺寸小,占空间小

4-22

在这里插入图片描述

还没加载 pending

成功 fulfilled

失败 rejected

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

第一个then返回的是result2 的

第二个then执行的是result2

总结

then里面的函数没有明文返回promise实例,那么返回的就是第一个实例

then里面的函数有返回promise实例,那么后面执行的都是刚刚返回的那个实例

4-23

promise 总结

在这里插入图片描述

4-24 async-await-1

我们无法改变js 单线程异步这种本质,导致的问题就是js代码写的顺序和执行顺序不一致,一直在解决callback的问题:异步的执行和编写不一致带来的问题,终极解决方案:async、await

callback英文解释

A callback is a function that is passed as an argument to another function and is executed after its parent function has completed.

字面上理解下来就是,回调就是一个函数的调用过程。那么就从理解这个调用过程开始吧。函数a有一个参数,这个参数是个函数b,当函数a执行完以后执行函数b。那么这个过程就叫回调。

源: http://blog.sina.com.cn/s/blog_5996fcbd0100vn2n.html#commonComment

在这里插入图片描述在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

4-26

如何使用asncn和await

在这里插入图片描述
4-27 总结
当前异步的解决方案
在这里插入图片描述

刷面试题

刷题的重要性,不用多说。对于应届生或工作年限不长的人来说,刷面试题一方面能够尽可能地快速自己对某个技术点的理解,另一方面在面试时,有一定几率被问到相同或相似题,另外或多或少也能够为自己面试增加一些自信心,可见适当的刷题是很有必要的。

开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

  • 前端字节跳动真题解析

  • 【269页】前端大厂面试题宝典

最后平时要进行自我分析与评价,做好职业规划,不断摸索,提高自己的编程能力和抽象思维能力。大厂面试远没有我们想的那么困难,摆好心态,做好准备,你也可以的。

  • 5
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
2024Web前端面试中,面试官可能会关注一系列的技能和概念,包括但不限于HTML、CSS、JavaScript前端框架(如React、Vue、Angular)、性能优化、响应式设计、浏览器兼容性、模块化和打包工具(Webpack、Rollup)、API交互、前端测试(如Jest、Mocha)、SEO、以及最近流行的技术趋势如WebAssembly、PWA(Progressive Web App)和GraphQL等。 具体的问题可能涵盖: 1. HTML5新特性的理解和使用,比如语义化的标签和表单控制。 2. CSS3样式和布局技巧,如Flexbox和Grid的使用。 3. JavaScript ES6+的新特性,比如箭头函数、模板字面量、Promise和Async/Await等。 4. 面向前端开发的JavaScript库和框架的最佳实践,如组件化开发和状态管理。 5. 了解并评价不同前端框架的核心思想和适用场景。 6. 浏览器渲染原理和性能优化策略,如懒加载、预渲染、缓存优化等。 7. 对跨域、同源策略和HTTPS的理解,以及处理JSONP或CORS的方法。 8. Webpack或Rollup的工作原理,以及如何配置它们来处理模块和打包。 9. 如何设计和实现可复用、可测试的前端代码结构。 10. 对现代前端测试的认识,包括单元测试、集成测试和端到端测试。 11. Web性能优化案例分享,如减少HTTP请求、压缩资源、CDN使用等。 12. 了解基本的SEO优化原则,如元标签、索引优化等。 13. 对现代前端架构,如服务端渲染、单页应用(SPA)和微前端的理解。 14. 最新前端技术动态,例如WebAssembly如何提升性能,PWA如何提供离线体验,以及GraphQL如何改进API设计。 如果你想深入了解前端面试题,建议关注权威技术博客、参加在线课程和模拟面试练习,不断更新自己的知识库。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值