作者：Hh
https://juejin.cn/post/7335721246929780771
接上篇：
两年经验前端社招中大厂面经（上）
阿里巴巴飞猪
飞猪是提前在线上做题，写一个旅游相关的demo：有 tab 切换、商品信息等，做完之后约的一面
总体来说，问的都很基础，只是自己答得不好，非常菜~
前端一面（挂）
-
什么是原型对象，以及你对原型的机制了解是什么样子的
-
-
-
-
-
那如果要操作dom元素的话，你有什么方案去减少 重排和重绘？
-
如果你要做一个长列表的图片，是这种无尽流的这种，然后你有什么方式可以 提升交互的体验，优化一下页面的性能呢？图片的懒加载：三种方案
-
那你的后面是这两种方法：是怎么实现的图片懒加载呢？
-
-
React hook 解决了哪些问题，以及有哪些常用的hooks
-
useCallback 和 useMemo 的区别
-
React 项目的页面上有非常多的组件，你有什么方式加快首屏渲染？
-
你刚才 提到了 SSR，SSR的渲染速度它 其实 取决的因素还是挺多的，那如果你的整个页面的内容非常的多，接口也比较慢的话，那你有什么方式 可以进一步加快 SSR的首屏呢？
-
可能你的页面有5 、6 屏，你的接口也非常慢，其中有两个模块接口非常慢，那这种情况下 你有什么方案优化首屏呢？
-
-
-
-
-
-
你能讲一下这一个的整个实现链路吗？低代码的实现链路
-
-
那你讲一下你做的这些项目里面，刚才提到的点之外，还有哪一个技术对你来说，是比较难的，也比较有挑战性的
-
-
-
-
-
挚文集团（探探）
算法有一步没写出来，有测试用例没有通过
前端一面（挂）
-
-
-
-
-
-
display：flex 介绍它的相关属性，还有它平时怎么使用
-
平时做过的项目有对兼容性有要求吗？是谷歌为主吧，那谷歌文字最小是多少px？
-
-
transform: scale 缩小，存在的问题：比如说 我正好有一个文案，正好有4个字，后面跟了一个 icon图标，那如果说我要设置 8px， 16px 需要缩小50% 对吧，那它和后面的 icon的距离怎么办，它和后面的 icon 又不连续了
-
这个问题比较偏于实战，处理的方法很多，比如 单独特殊处理 icon，或者整体把 他们缩小，
-
-
举一个场景：这个数组先取出 特殊的属性，从一个对象数组变成 一个 字符串数组，我只要对象里面的一个key，key值是一个字符串。返回key 得到一个字符串数组，然后基于这个 key 做一些过滤
-
这个代码有什么好处，有什么缺点：复杂度太高了？map 和 filter 底层是循环
-
-
第一种 和 第二种区别：灵活性更高，第一个是 有好处的，语义化更好。。。
arr.map(() => {}).filter(() => {}); // 这段代码由优化的吗？
arr.reduce(() => {})
const userList = [
{
id: 1,
username: 'john',
sex: 1,
email: '[email protected]'
},
{
id: 2,
username: 'jerry',
sex: 1,
email: '[email protected]'
},
{
id: 3,
username: 'nancy',
sex: 0,
email: '[email protected]'
}
];
let result = userList.reduce((pre, current) => {
return {...pre, [current.id]: current};
}, {});
console.log(result);
-
-
-
-
从整个 V8 垃圾回收机制来讲：你还有什么要说的、有补充吗？
-
-
-
-
Etag 和 last-modified ：为什么 会出现 Etag， Etag 比 last-modified 好在哪里？Etag 它解决了什么问题？
-
JS Bridge ：web 和 native 通信的桥梁，原理能讲一下
-
-
说一下 你这个几个项目比较有成就感的、比较复杂的问题， 挑一个 详细讲一下，就行
-
-
那我这有一个问题：后端的数据 怎么跟组件 关联起来的呢？比如你现在渲染一个下拉菜单，菜单里有a/b/c ，下拉组件 select 怎么 a/b/c关联起来的
-
-
-
-
-
-
非常感谢你投递探探，今天就到这里，后续的话，如果有二面其他的，hr 会联系您
腾讯云智
腾讯云智（深圳）TEG 客服系统
前端一面（通过）
-
-
-
-
-
-
有没有考虑过，其他的UI框架，或者说，其他的渲染模式呢？
-
也就是说你们现在是基于React做了一些开发是吧，还没有扩展到Vue、或者是原生的JS？或者说是一些其他的框架上是吗？
-
-
-
版本管理是有的，有没有做过性能方面的监控呢？比如用户做了一些某一些组件，生成了某一些页面，运行方面的数据，性能这方面有吗？
-
-
-
-
-
这个边界你们是怎么判定的呢？什么时候该用类组件，什么时候用hooks
-
-
hooks 组件、hooks怎么去管理组件的状态的？怎么做到哪些不同作用域之间的分割，以及 逻辑复用的问题？
-
-
-
-
React 生成的节点 它可以通过 ReactDom 去渲染， 你能自己写一个 类似 ReactDom.render 的解析器吗？
-
用 React 创建一个节点，它不一定只能在 react 中使用，你也可以自己写一些解析器，是不是？
-
-
-
React 和 Vue 有一个共同的说法，都说是渐进式的框架？你觉得渐进式是指什么意思？
-
React 可以多次调用 ReactDOM.render 吗？
-
React 是不是可以用 类似插件的机制，新增一个功能：这就是 React 和 Vue 的渐进式功能所在，可以细化到某一个dom 元素，渐进式特性。它们两者 的都是一样的，你给我一个容器，就可以 基于这个容器实现对应的功能，不用你对整个前端的项目做一个重构吧，可以慢慢的嵌入你的系统，从一个小的节点开发，慢慢的覆盖你的系统。。。渗透到系统其他的地方
-
react 的类组件可以写一些公共的类，作为 公共继承的对象吗？
-
-
平时 用到 类的继承这一种特性吗？或者用到原型链相关的方法
-
-
实现需求：自动播放轮播图，隔个2s，跳到下一张：怎么去做这个
-
-
它如果还需要 有一个 首位相连的效果怎么实现？比如最后一张切换到第一张
-
-
-
目前主要做的业务：TEG客服部，打造自己的客服平台，承接所有反馈
-
前端二面（挂）
全程 50分钟都在问项目，没有八股文。
-
-
-
-
-
-
-
-
有两个下拉框，值发生改变时，在你们低代码里面是怎么实现联动的？
-
-
-
-
腾讯证券系统
腾讯（腾卓）证券系统，深圳，光启未来中心
前端一面（挂）
全程聊项目，一个半小时，没有八股文。后因为我有下一场面试，主动取消，并跟面试官说明原因
金蝶
2面需要到深圳现场，主动取消面试
美图秀秀
深圳，海外事业部
前端一面（通过）
-
-
-
-
-
你现在主要是做 xxx，下一份工作是比较往哪一个方向去发展呢？想尝试哪些方向
-
有技术难点的项目或者是某一个东西，可以跟我分享一下吗？你是怎么去解决这个问题的呀
-
-
-
-
useState 直接 setState 和 setState 传入一个函数做处理，这个两者的区别
-
-
-
react fiber 有没有 了解？解决了什么问题
-
react fiber 和 hooks 有什么关联？
-
react 18 的新特性有没有去了解？新特性的出现，它们是解决了什么样的问题？
-
-
-
-
自定义 webpack 做了一件什么事情，解决了什么问题
-
-
-
像 webscoket 有实践过吗？它是怎么建立连接的？
-
-
-
OK，我这边了解得差不多了，你看一下有什么想问我的吗？
-
-
-
主要做的业务和项目：海外事业部，国外用户，多语言限制，没有小程序应用，都是网页或者是原生的客户端
-
-
-
ok，我们今天聊到这，后序有消息的话，会有HR联系你
前端二面（通过）
美图秀秀的二面和百度三面、58二面差不多，聊人生，最前沿的技术、chatgpt等。
HR（通过）
58同城
前端一面（通过）
-
-
-
-
-
-
你们在做这个低代码的过程中，是怎么做事件的绑定的？有一个按钮，如果我点了按钮之后想 把一段文字填到一个 dom里面？或者类似于两个组件的交互，绑定数据，并且响应时间，是怎么去做这个事情的
-
-
-
自定义 webpack 插件，解决了什么问题，大概分几步去实现
-
-
优化 webpack 打包编译 性能 或者体积，可以讲一下吗？
-
-
-
比如说，你要检测dom 范围内有几层 这个业务组件，你释放的范围内 有哪些业务组件，这个是怎么去监听的
-
比如你拖到了 一个什么组件内了，这个 dom 上面有哪些，第一层是什么，第二层是什么，这个是怎么去监听的
-
比如说 我有一个 input，它是怎么检测到是 div1的、还是 div2 的呢，怎么检测到它的父元素这一块
-
比如说你在拖拽的过程中，是通过这个 元素的长宽 位置这种对比 这种解析到的，还是通过原生的 dom 的api 去做的监听
-
-
-
你可以举一个例子，可以体现你的封装能力、设计能力、或者是一些设计模式、或者开发原则 之类的，可以举一个你开发过程中的例子吗？
-
-
我们也是 React为主，react hooks 了解哪些或者你用过哪些
-
useEffect 和 useLayoutEffect
-
react 18 里面的 useTranslation 有过了解吗，它是做什么的
-
react 18 里面的一些新的特性，它对异步事件的处理变化，优先级这一块，有过了解吗 可以讲一讲
-
-
class 组件也有用过，class 组件 发请求是在哪个生命周期
-
它为什么不放在 componentWillMount ？componentWillMount 存在哪些问题？
-
-
hooks 里面会产生闭包的情况吗：数据更新了，在事件回调里面，或者是某一个使用的绑定的地方，它是没有更新的，类似于setTimeout 或者是一些事件回调里面
-
那面对闭包，你有哪一些方法能够在回调里或者 setTimeout 拿到最新的状态、最新的值
-
-
-
-
你理解为什么引入js 脚本和 css的时候，它们的位置是一头一尾的这种？是从什么方向考虑
-
-
-
-
整体我感觉还挺好的，而且我们这边也有一些低代码的场景、现在也是正在做
-
-
-
-
部门是 xxx 部门，也是中台部门，所以做的一些项目也都是一些中台的项目，包括说SDK类、平台类、还有 node这种数据服务类的，分这几个方向把
-
具体的业务：审核相关的，机审、人审、还有一些安全相关的，比如说扫描验证码，人脸识别、环境监测之指纹、代码混淆加密、加密签名。。。
-
-
-
-
-
-
-
-
前端二面（通过）
HR 面（挂）
