大佬们，一人出一道前端面试题，年后准备跳槽

[Croow]

如题，op 目前 3 年经验，准备年后投一波，大佬们，html ，css,es5,es6,ts,vue,react,vite,webpack,常见算法手写题，项目场景题等等无任何限制， 任意发挥，可以自创，可以搜索，金三银四，可以准备一波。

[guyeu]

什么是原型链

[guanzhangzhang]

前端有一个按钮，避免用户 500ms 内点击多次，纯 js 层面如何实现

[jackmod]

执行 String.prototype.trim(" \n abc\n ")
得到 "\n abc\n"
找出其原因。这是我今天遇到的问题

[FakerLeung]

@murmur #16 盲猜
fun1: undefine
fun2: undefine
fun3: 捕获了一个未被捕获的 Promise 错误
fun4: undefine
fun5: fun: 捕捉到错误了

(2): 捕获了一个未被捕获的 Promise 错误

[FakerLeung]

@FakerLeung #24 啊，执行了一下，3 ，5 反了
(2) 跟 fun3 是一样的

[ltaoo1o]

@guanzhangzhang 防抖吗？这个问题我一直想吐槽，我看公司其他同事写提交按扭，就喜欢用防抖来防止重复提交，为什么不直接加一个 loading 变量来控制呢，响应时间长的情况下，恰巧间隔 500ms 重复点击是有可能的。

[mxT52CRuqR6o5]

@jackmod #23
我这儿跑了一下，String.prototype.trim(" \n abc\n ")返回空字符串，" \n abc\n ".trim()返回'abc'

[jackmod]

@mxT52CRuqR6o5 #27 空环境下执行的结果都是正确的，所以答案是 trim 被某个依赖库给改了。

[dyv9]

年轻人都这么强，俺老老实实地打杂，不加班。^_^

[Torpedo]

react 的话，我喜欢问 const app=<App/> 这里的 app 在 js 里是什么样的数据结构？
react 组件树 diff 的原理（只需要说出组件树的 diff 怎么比较的就行了）另外这个 diff 比较方法可以手写一下（其实就比较两棵树）

[spkingr]

有一个 3 层的书架，有 N 本书（ 1<N<10000 ），书的宽度和高度各不相同（第 i 本书宽高为 w_i ，h_i ），如何摆放才能让书架的宽度 W✖️高度 H 最小？

[chesha1]

不算很难但是比较新：react server component 是什么？和 server side rendering 有什么关系？

比较宽泛，什么水平的面试者都能回答，方便后续深入拷打的：什么情况下会触发 react 的重新渲染，如何尽力减少重新渲染

[LASockpuppet]

现在 ssr 用得多吗，我感觉大多数项目还是 csr 呢。。。

[kk2syc]

还是后端面试比较直接：能不能熬夜？去不去洗脚？

[vicky1124]

只有问题，没有答案么。。

[tomorrowan]

@jackmod #28 应该不是。空环境下 String.prototype.trim(" \n abc\n ")执行返回空字符串才是正确的，想要获得“abc”，应该是 String.prototype.trim.call(" \n abc\n ")，将当前方法的 this 指向这个字符串 ` \n abc\n `。这也是为什么" \n abc\n ".trim()会得到正确结果的原因。

[tsja]

打开浏览器，输入 baidu.com ，按下回车，电脑发生了什么？从硬件和软件层面分别说。我当时校招面试阿里的题😵‍💫

[zzzyyysss]

如果让你试一下页面上的小图预览功能，你会怎么实现。
如果要实现从小图过渡到大图，关闭时再由大图过渡回小图（类似知乎等一下网站的小图预览）该怎么实现。
引申出 FILP 和 View Transition ，就可以问 FILP 的原理 浏览器渲染机制，动画性能优化等等了。

[Morning009]

收藏了，也求一些 React 的题目🫡

[courtier]

话说现在问源码类的面试还多吗，记得以前面试的时候就喜欢问 react/vue 的 xxx 是怎么实现的，然后让你一直讲下去
但是去年面过一两家发现都没问这种了，就问下哪个 api 的作用还有为什么要用这个等等，不过也有可能我就面了两家，样本有点少