2024年（立下flag）每日10道前端面试题-04，2024年最新面试必备经典词汇

文末

逆水行舟不进则退，所以大家要有危机意识。

同样是干到35岁，普通人写业务代码划水，榜样们深度学习拓宽视野晋升管理。

这也是为什么大家都说35岁是程序员的门槛，很多人迈不过去，其实各行各业都是这样都会有个坎，公司永远都缺的高级人才，只用这样才能在大风大浪过后，依然闪耀不被公司淘汰不被社会淘汰。

为了帮助大家更好温习重点知识、更高效的准备面试，特别整理了《前端工程师核心知识笔记》电子稿文件。

内容包括html，css，JavaScript，ES6，计算机网络，浏览器，工程化，模块化，Node.js，框架，数据结构，性能优化，项目等等。

269页《前端大厂面试宝典》

包含了腾讯、字节跳动、小米、阿里、滴滴、美团、58、拼多多、360、新浪、搜狐等一线互联网公司面试被问到的题目，涵盖了初中级前端技术点。

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

前端面试题汇总

第二步， 我从牌顶再拿一张牌， 放在手上牌的底部。

第三步， 重复第一步、第二步的操作， 直到我手中所有的牌都放到了桌子上。

最后， 观众可以看到桌子上牌的顺序是：(牌底部）1,2,3,4,5,6,7,8,9,10,11,12,13(牌顶部）

请问， 我刚开始拿在手里的牌的顺序是什么？

请编程实现。

算法解读

这个题的核心点在于：

我从牌顶拿出一张牌， 放到桌子上。

我从牌顶再拿一张牌， 放在手上牌的底部。

重复。

使用逆向思维：

从手上最底部拿出一张牌放在最顶部。

从桌子上最顶部拿出一张牌放在手上最顶部。

重复。

————————————————

解析

3.串行，并行和并发的区别

---

注意：串行，并行和并发是针对线程而言

• 串行：和进程中的同步类似，都是只有一个操作执行完成后，才会进行下一个操作，否则一直处于等待状态

• 并行处理：指的是同一时间段可以同时处理多个线程，重点是要同时，即需要多个CPU处理器

• 并发处理：指在同一个时间段多个程序都可以处于开始运行和运行完毕之间的状态，不一定要同时

4.js将图片转化为base64

---

5.浏览器如何预览图片，假设我要上传图片，未上传前我想在浏览器看到我待上传的图片

---

6.[前端基础]编写一个自定义事件类，包含on/off/emit/once方法

---

7. doctype的作用是什么？

---

声明文档类型，告知浏览器用什么文档标准解析这个文档：

• 怪异模式：浏览器使用自己的模式解析文档，不加doctype时默认为怪异模式

• 标准模式：浏览器以W3C的标准解析文档

8. 手写call()

---

call() 方法使用一个指定的 this 值和单独给出的一个或多个参数来调用一个函数

语法：function.call(thisArg, arg1, arg2, …)

call()的原理比较简单，由于函数的this指向它的直接调用者，我们变更调用者即完成this指向的变更：

基于以上原理, 我们两句代码就能实现call()

但是我们有一些细节需要处理：

9. 手写apply()

---

apply() 方法调用一个具有给定this值的函数，以及作为一个数组（或类似数组对象）提供的参数。

语法：func.apply(thisArg, [argsArray])

apply()和call()类似，区别在于call()接收参数列表，而apply()接收一个参数数组，所以我们在call()的实现上简单改一下入参形式即可

10. 手写bind()

---

bind() 方法创建一个新的函数，在 bind() 被调用时，这个新函数的 this 被指定为 bind() 的第一个参数，而其余参数将作为新函数的参数，供调用时使用。

常用的JavaScript设计模式

• 单体模式

• 工厂模式

• 例模式

  

函数

• 函数的定义

• 局部变量和全局变量

• 返回值

• 匿名函数

• 自运行函数

• 闭包

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