站酷一二面-前端

站酷整体面下来很累,也很爽。

二面完无后续。HR说最近技术很忙,还没评估,后续会通知。感觉自己表现还可以,蹲一个结果。

发现一个问题,就是我的电脑字体太小,共享屏幕的时候面试官看着都费劲。以后可以适当放大编辑器的字体

一面

10月12日 50min 感觉站酷的面试官可以的 👌

自我介绍

项目

  • 介绍一下项目,技术栈、实现都可以讲
  • 什么是SSG
  • SSR优势
  • 官网网页怎么部署的
  • 什么是react hooks,干什么的(像看看你到底会不会React)
  • useEffect实现了类组件的哪些生命周期 3个
  • useEffect第二个参数是对象,会更新吗

前端基础

  • css垂直水平居中
  • 性能优化有哪些 冲!
  • 什么是useMemo, useCallBack
  • tree shaking原理 (esm静态编译,AST)
  • http2新特性 冲!
  • http2 server push和websocket
  • http3 基于什么
  • TCP三次握手
  • 两次握手行吗
  • 四次挥手

代码题

  • 写快排
function quickSort(arr) {
  if (arr.length <= 1) return arr;
  let length = arr.length;

  const middleIndex = Math.floor(length / 2);
  const middle = arr[middleIndex];
  const left = [],
    right = [];

  for (let i = 0; i < length; i++) {
    if (i === middleIndex) continue;
    if (arr[i] > middle) right.push(arr[i]);
    else left.push(arr[i]);
  }

  return [...quickSort(left), middle, ...quickSort(right)];
}

console.log(quickSort([1, 4, 2, 8, 5]));
  • 全排列 ----全军覆没
  • Promise.race
Promise.myRace = function (promises) {
  return new Promise((resolve, reject) => {
    promises.forEach((promise) => {
      promise
        .then((res) => {
          resolve(res);
        })
        .catch((e) => {
          reject(e);
        });
    });
  });
};
  • custom hook获取浏览器视口宽度
import { useEffect, useState } from "react";

export function useWindowWidth() {
  const [width, setWidth] = useState(window.innerWidth);

  const onWindowResize = () => {
    setWidth(window.innerWidth);
  };

  useEffect(() => {
    window.addEventListener("resize", onWindowResize);
  }, []);

  return width;
}


反问:

  • 业务
  • 聊到了低代码,搞定设计
  • server push
  • tree-shaking esm问题 哈哈哈感觉面试官应该不是科班

二面

二面压力很大,也很爽。50min

面试官说我不回应人家哈哈哈,以后面试注意,活泼一点。

  • 小程序
  • 项目:怎么实现ssr的
  • 详细介绍一下,重点是怎么做的 (灵魂问题,完蛋了)
  • renderToString具体是怎么实现的
  • JSX渲染原理 _jsx函数在 react/runtime下好像

  • 虚拟DOM
  • DIFF算法实现,由哪些算法实现
  • 如果让你来实现diff算法
  • 数据结构怎么样(因为diff答得不好)
  • 路由匹配 精准匹配、模糊匹配
  • 什么是SSG
  • SEO优化做了哪些
  • 搜索引擎基本原理,收录规则,Google Bing Baidu有什么区别 (我不知道,没调研过)
  • 说我做的SEO优化太浅了
  • 第一次被diss music项目烂大街 hhhh,你这个项目跟别的有什么区别吗?
  • 二叉树中序遍历 hhh
  • 算法题,leetcode原题
// [1, 3, 4]  5
function func(target, arr) {
  let map = new Map()
  let res = []

  for (let i = 0; i < arr.length; i++) {
    let another = target - arr[i]
    if (map.has(another)) {
      let index = map.get(another)
      res.push([i, index])
    } else {
      map.set(arr[i], i)
    }
  }

  console.log(res)
}

func(4, [1, 3, 4])
  • 实现Promise.AllSettled

下面的代码,有问题。网上的代码并没有区分先后顺序,这是改进后的。但是仍然需要改进什么时候resolve,目前还没有想到完美的方案。

Promise.IAllSettled = (promises) => {
  let res = new Array(promises.length).fill({});

  return new Promise((resolve, reject) => {
    promises.forEach((promise, i) => {
      promise.then(
        (res) => {
          res[i] = { value: res, status: "fulfilled" };
          if (res.length === promises.length) resolve(res);
        },
        (error) => {
          res[i] = { reason: error, status: "rejected" };
          if (res.length === promises.length) resolve(res);
        }
      );
    });
  });
};
  • Map时间复杂度,什么顺序 ? 我说是添加的顺序,Map数据结构有待研究
  • 有其他offer吗
  • 期望找一个什么样的实习
  • 对大厂小厂有什么倾向 (谁不想去大厂
  • 爱好,哪里人
  • 可以出校实习吗,可以实习多久,什么时候开始

反问:

  • 问面试官在公司怎么做SEO,针对不同的搜索引擎做专门的适配
  • SEO是前端的事吗
  • Map有序吗,跟引擎有关,版本不同,有差异
  • 对象到底是不是有序的
  • 虚拟DOM

#实习面经#
全部评论
难度不小
2 回复 分享
发布于 2022-10-30 20:25 江苏
实习这么难吗
点赞 回复 分享
发布于 2023-01-07 09:52 广东
我想问一下前端算法题可以用c++写嘛
点赞 回复 分享
发布于 2022-12-05 22:34 湖南
好难
点赞 回复 分享
发布于 2022-11-26 17:35 江苏

相关推荐

哈哈哈哈哈哈哈哈哈哈这个世界太美好了
凉风落木楚山秋:毕业出路老师不管,你盖个章他好交差就完事了,等你盖完毕业了就不关他事情了
点赞 评论 收藏
分享
不愿透露姓名的神秘牛友
昨天 12:31
以前小时候我最痛恨出轨、偷情的人,无论男女,为什么会出轨?现在我成了自己最讨厌的人,没想到分享的东西在牛客会被这么多人看,大家的评价都很中肯,我也认同,想过一一回复,但我还是收声了,我想我应该说说这件事,这件事一直压在我心里,是个很大的心结,上面说了人为什么出轨,我大概能明白了。我们大一下半年开始恋爱,开始恋爱,我给出了我铭记3年的承诺,我对她好一辈子,我永远不会背叛,我责任心太重,我觉得跟了我,我就要照顾她一辈子,我们在一起3年我都没有碰过她,她说往东我就往东,她说什么我做什么,她要我干什么,我就干什么!在学校很美好,中途也出过一些小插曲,比如男闺蜜、男闺蜜2号等等等。但我都强迫她改掉了,我...
牛客刘北:两个缺爱的人是没有办法好好在一起的,但世界上哪有什么是非对错?你后悔你们在一起了,但是刚刚在一起的美好也是真的呀,因为其他人的出现,你开始想要了最开始的自己,你的确对不起自己,21岁的你望高物远,你完全可以不谈恋爱,去过你想要的生活,你向往自由,在一起之后,你要想的不是一个人,而是两个人,你不是变心了,就像你说的,你受够了,你不想包容了,冷静几天是你最优的选择,爱人先爱己。
社会教会你的第一课
点赞 评论 收藏
分享
Yki_:你要算时间成本呀,研究生两三年,博士三四年,加起来就五六年了,如果你本科去腾讯干五年,多领五年的年薪,加上公司内涨薪,可能到时候十五年总薪资也跟博士差不多
点赞 评论 收藏
分享
06-23 11:28
门头沟学院 Java
牛客91966197...:也有可能是点拒绝的时候自动弹的话术
点赞 评论 收藏
分享
评论
6
25
分享

创作者周榜

更多
牛客网
牛客网在线编程
牛客网题解
牛客企业服务