Web前端最新2 年前端,如何跟抖音面试官 battle(1),74道高级前端面试合集

常用的JavaScript设计模式

  • 单体模式

  • 工厂模式

  • 例模式

函数

right <= viewPortWidth

);

//这里还没写完面试官就让我停下了,哼~ 高手之间意念都是相同的。

}

ps :这里第一次写其实不是这个写法,第一次写没有考虑到宽度,经过面试官提醒我才优化成这样的。

getBoundingClientRect()的作用

用于获取某个元素相对于视窗的位置集合。集合中有top, right, bottom, left等属性。

手写总结: 就这?嗯?就这? 简单的引导,就让面试官就问出我想让他问的东西了,不愧是我。

ES6模块和CommonJS


COMMONJS和ES6模块区别

  • CommonJS是对模块的浅拷⻉,ES6 Module是对模块的引⽤,即ES6 Module只存只读,不能改变其值,也就是指针指向不能变,类似const;
  • import的接⼝是read-only(只读状态),不能修改其变量值。即不能修改其变量的指针指向,但可以改变变量内部指针指向,可以对commonJS对重新赋值(改变指针指向),但是对ES6 Module赋值会编译报错。

ps :这里我回答的支支吾吾的,因为我不会啊,当时美团面试考过这道题,又来了。

说一下会输出什么? 讲解题

// a.js

var a = 1;

setTimeout(() => {

a = 2;

}, 2)

module.exports.a = a;

// main.js

const a = require(‘./a’).a;

console.log(a);

setTimeout(() => {

const b = require(‘./a’).a;

console.log(b);

}, 100);

答:1,2 说了一大堆 支支吾吾 肯定错了,气势上就输了。真实答案如图所示

ps :图中是真实答案,原理说对了,但是自己根本没理解,根据曾经的弹坑理论[2],我TM完全没预习这道题???,坑爹啊!!

弹坑理论

算法题


有一个混杂的整数序列,现在任务是对它们重新排序,以使其符合上述序列并输出结果

背景:

  • 假设我们取一个数字 x 并执行以下任一操作:

  • a:将 x 除以 3 (如果可以被 3 除)

  • b:将 x 乘以 2

  • 每次操作后,记下结果。如果从 9 开始,可以得到一个序列

示例:

输入: “[4,8,6,3,12,9]”

输出: [9,3,6,12,4,8]

解释: [9,3,6,12,4,8] => 9/3=3 -> 32=6 -> 62=12 -> 12/3=4 -> 4*2=8

输入: “[3000,9000]”

输出: [9000,3000]

输入: “[4,2]”

输出: [2,4]

输入: “[4,6,2]”

输出: [6,2,4]

ps :说实话,面试官打题的时候,我心里波动是:此题必拿下,真当我LeetCode白刷了?我就不信你能把我秒了,面试官题题打完了,我懵了,读都没读懂,霎那间我知道了什么是年轻气盛,我膨胀了,我飘了,我人傻了。

面试后求助了某位字节大佬(风神),他给了解答,我看了之后,嗯**参差**~

浮点数


为什么出现0.1+0.2 != 0.3

计算机是通过二进制的方式存储数据的,所以计算机计算0.1+0.2的时候,实际上是计算的两个数的二进制的和。

0.1的二进制是多少,0.2的二进制是多少

啥??啥啥??。

十进制二进制转换函数

var num = 100;

console.log(num.toString(2));

ps :函数我没写上来,第一个问题我啰嗦了很长时间才回答到要点上,因为本人在学校学的是UI专业,所以对这些都是不知所以,还是自己不够努力吧。

浏览器原理


什么是跨域

违反浏览器同源策略就叫跨域, 同源策略是协议和域名以及端口必须一致

解决方式

  1. JSONP
  1. postMessage()
  1. websocket
  1. Node中间件代理
  1. cors
  1. nginx反向代理
  1. window.name + iframe
  1. location.hash + iframe
  1. document.domain + iframe

优缺点

答不上来了,我都没用过啊,甚至理解都是从书面意义上硬背的

ps :可惜啊,每次差点能以为可以滔滔不绝的讲的时候,总会有些没遇到的问题,还是知识深度不够。

进程和线程


进程是资源分配的最小单位,线程是CPU调度的最小单位

ps :如此抽象的答案 不能令人满意,包括我自己,我试图引导面试官去在我合适的知识体系内问答,可惜了,面试官让我再讲讲,我已经没什么能继续解答的了,仿佛被榨干的男人。

总结

面试结束,从算法题开始,我逐渐从拳击手变成了个沙包,我认识到了不止技术层面的参差。但是,我无所谓诶嘿嘿,这种面试,过了就是赚,不过我不亏。可惜啊,字节抖音部这半年是得不到我这么个潜力股了。为一鸣惋惜。为字节惋惜。

参考资料

最后

你要问前端开发难不难,我就得说计算机领域里常说的一句话,这句话就是『难的不会,会的不难』,对于不熟悉某领域技术的人来说,因为不了解所以产生神秘感,神秘感就会让人感觉很难,也就是『难的不会』;当学会这项技术之后,知道什么什么技术能做到什么做不到,只是做起来花多少时间的问题而已,没啥难的,所以就是『会的不难』。

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

我特地针对初学者整理一套前端学习资料

前端路线图

vue.js的36个技巧

最后

你要问前端开发难不难,我就得说计算机领域里常说的一句话,这句话就是『难的不会,会的不难』,对于不熟悉某领域技术的人来说,因为不了解所以产生神秘感,神秘感就会让人感觉很难,也就是『难的不会』;当学会这项技术之后,知道什么什么技术能做到什么做不到,只是做起来花多少时间的问题而已,没啥难的,所以就是『会的不难』。

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

我特地针对初学者整理一套前端学习资料

[外链图片转存中…(img-ZurZdXjp-1715899122968)]

[外链图片转存中…(img-LKXDzJIb-1715899122969)]

  • 23
    点赞
  • 18
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值