好伤心，面试官结束时候评价是整体还行，等视频挂了5分钟内收到感谢信这前后反差，我只好安慰面试官尊重自己，但是谁来安慰我呀面试上来开始问八股1，说说 url到浏览器页面显示整个过程2，http 缓存3，流式输出，你知道哪些可以实现的方式？AI生成到前端你觉得采用那种方式？3，css 设置的元素要不断旋转，怎么写（不到一分钟面试官问我是否会，不会可以换一题，那我还行想到用什么，那换一题吧）keyfram 里面设transform；animation 里面应用设定的spin；代码如下：（linear 匀速转，infinite 无限循环）@keyframes spin {from {transform: rotate(0deg);}to {transform: rotate(360deg);}}.spinner {animation: spin 2s linear infinite; /*持续2秒 转一圈*/}4，输出解释题：function app() {const [count, setCount] = useState(0)useEffect(() => {const interval = setInterval(() => {console.log('useEffect')setCount(count + 1)}, 1000)}, [])return (<div><h1>{count}</h1></div>)}会输出打印什么？h1位置 count 显示什么那当然每隔1s 打印出0，页面显示也是05，好的，你分析他原来想要实现什么效果，然后现在这段代码怎么改能实现预期效果，你有几种方式？【用useRef 、手写update函数，设定count 动态依赖项，使用setTimeout 递归（但是容易爆栈）】我当时有点懵，当然是没考虑到function app() {const [count, setCount] = useState(0)const countRef = useRef(count);useEffect(() => {setInterval(() => {console.log('count', count);// setCount(count + 1)setCount(countRef.current + 1)}, 1000)},[])useEffect(() => {const update = () => {console.log('update')setCount(count + 1)setTimeout(update, 1000) // 递归调用, 会导致栈溢出}update(); // 初始调用})useEffect(() => {const interval = setInterval(() => {console.log('useEffect')setCount(count + 1)}, 1000)}, [count]) // 动态依赖，但是频繁定时器创建和销毁return (<div><h1>{count}</h1></div>)}7，输出顺序是什么？function app() {promise.resolve().then(() => {console.log('promise')})useEffect(() => {console.log('useEffect')}, [count])useLayoutEffect(() => {console.log('useLayoutEffect')}, [count])return (<div><h1>{count}</h1></div>)}输出：useLayoutEffectpromiseuseEffectuseLayoutEffect（dom更新后，相当浏览器刷新渲染了，立即同步执行）、promise (微任务，在同步执行完清空微任务队列）useEffect（异步执行，事件循环后执行）期间问了useLayoutEffect 和 useEffect 区别8，看下面输出什么？（弱弱心想：不能出点其他的吗？）function Foo() {getName = function () {alert(1);}return this;}Foo.getName = function () {alert(2);}Foo.prototype.getName = function () {alert(3);}var getName = function () {alert(4);}function getName() { alert(5); }Foo.getName(); // 2getName(); // 4Foo().getName(); // 1getName(); // 1new Foo.getName(); // 2new Foo().getName(); // 3new new Foo().getName(); // 3看这是金典js输出，但是解释起来费劲呀，解释不断问我：变量提升到哪，函数提升到哪，可以修改一下代码看看提升到的位置，new 关键字分析一下，作为普通函数调用还是....（问下牛友，这种题目去那找能复习到呀）9，写个sum函数实现下面输出：console.log(sum(1,2,3).sumOf()); // 6console.log(sum(1,4)(2).sumOf()); // 7console.log(sum(1)(2)(3)(4).sumOf()); // 10function sum(...args) {let total = args.reduce((acc,cur) => acc + cur,0);function innerSum(...newArgs) {total += newArgs.reduce((acc,cur) => acc + cur,0);return innerSum;}innerSum.sumOf = () => total;return innerSum;}console.log(sum(1,2,3).sumOf()); // 6console.log(sum(1,4)(2).sumOf()); // 7console.log(sum(1)(2)(3)(4).sumOf()); // 10
码客明：一周最少3-5天是要求5天，一个月工资要是3000-5000那就是3000
查看10道真题和解析
在投简历的柠檬精很想...：所有要求线下面试的都可以不用去。如果是大公司的二面要求线下可以试试看。
野猪不是猪🐗：我assume that你must技术aspect是solid的，temperament也挺good的，however面试不太serious，generally会feel style上不够sharp
