面试总结
2020-07-01 本文已影响0人
Lyan_2ab3
面试过程遇到的一些问题，简单的记录了一下，有的没有记录完整，有的没有整理答案，需要的可以自己去查，这个只是 自己的记录，不喜勿喷
css相关：
- 三栏布局
- 二栏布局
- 移动端rem 如何设置的，
- position 几个值？ 分别 相对谁
- BFC 布局 原理
- CSS 选择器优先级
- 垂直居中？ 尽可能多的方法？
- flex 相关？ flex布局 以及属性
- 实现一个三角形 或者一个扇形 和梯形
- 物理像素
- 说一下用到的布局
- 实现一个css 动画
js 基础相关
- es6 知道的有哪些
- let const var 区别
- js 执行机制
- 页面dom 渲染流程简单说下
- 箭头函数 和普通函数区别
- 闭包 应用场景
- 构造函数 和原型链 以及继承的方式 和优缺点
- promise 实现链式调用
- promise.all
- promise 捕获错误信息 （反正promise 相关问的频率很高）
- new 一个实例 发生了什么？
- 数组 遍历的方法？ map 和forEach 区别
- 数组去重的方法？写一写
- axios fetch ajax 区别
浏览器和网络协议相关
- 浏览器缓存
- http 缓存
- https 和http 区别
- TCP 和UDP 区别？ TCP 三次握手
- http code 码
- 浏览器攻击 XSS 和CRSF 如何防御？
- 页面性能优化，做过哪些？
- 跨域 用的哪些？ 原理什么？
- 线程和进程
- 事件循环
- CDN 原理
react 相关
- setState 发生了什么？如何同步到页面上的？
- 最新生命周期
- 为什么会存在不安全生命周期
- react15-16 发生了什么变化？
- hooks 引用 有什么好处？ 和class 相比？
- useMomo 和useCallback 以及useEffect
- 你在react 中你做的优化? 有哪些？
- 虚拟DOM 讲下？ fiber 讲下？
- mobx 原理，如何做监听的？
- react-router 动态 和按需
vue 相关
- 数据绑定原理
工具相关
- webpack 打包策略
- 有没有做过优化 webpack
- 项目中 webpack 做的配置？
- git 项目管理中（给出一些场景 让你回答，这个比较少一点）
书写题目
- 实现一个 promise.all
- 给你一个方法改写 成promise
- 原型链中出题 举例：
Function.prototype.name = ()=>alert(1)
Object.prototype.age = ()=>alert(2)
function A(){}
const dd = new A()
dd.name()
dd.age()
- 写一个去重
- 写一个二分查找
- 写一个防抖节流
- 写一个返回字符串中出现最多的字符
- 写一个发布订阅
- js 实现下 call apply 来改变 this 执行
- 获取dom 深度
- 写一个方法 创建domtree
- 可能问你原来封装过最难的组件，简单实现以下。。。（算法看运气吧）
简单说下大厂面试总结
58 面试记录
- js事件处理机制
- 原型链
- js执行上线文
- 项目做的优化
- 浏览器缓存
- 虚拟dom
- 页面渲染流程
- 如何说服别人使用react
- node （没说）
- mobx 和redux
58二面
- 实现 一个联动 （需要注意的重要逻辑，需要几个数据管理，dom 结构，对外暴露的接口）
- 两个数只和
美团面试一面
- 项目 （认为最好的项目）
- setState 为什么会异步 （回答不好）
- vue 双向绑定 原理
- 检测 对象是否有环
- 修改 一个对象 cost obj={a:1} obj.a = 2 console.log(a) //1
- 为什么会废弃 componentwillMount （没有回答出来）
- webpack loader 和插件的区别
- react 15 和16 的区别 （介绍了一个fiber）
- 出了一个setTimeout 和promise的提，微任务有哪些？
- a in window ’a‘ in window
- axios 扩展 封装一个包
- object.define
- typescript 中class 和ES6 中class
美团二面
- js 实现 eventEmiter
- promise.all (修改await)
- catch 和then方法
- 跨域
- http缓存
- xss 攻击防御
- endecodeurl 和encodeurlCompents
- 性能优化
- react hooks 不安全生命周期和最新的 static 运行（）
- es6 Map 和object 区别
滴滴一面
- 节流函数
- 二分查找
- react 数据流
- promise 如何保证 链式调用 顺序
- 跨域
- 箭头函数
- react super
- webpack splitchunk
- less loader 执行顺序
- dom diff 遍历 深度还是广度
- react 最新 生命周期的 静态方法
- node 服务端渲染（没做过）
- 静态方法 getDerivedStateFromProps 的理解 和作用
- setState 同步还是异步的
- immutable
滴滴二面
- react hooks 好处；
- react -router 中hansh 路由 和 history 修改，底层 以及外层传到子组件的
- 错误上报
- node 服务端渲染 ssr
- 微前端 相关
- ts 中 新老项目 使用Ts ，如何修改老的项目
- 你在项目中 的优点，以及做的好的地方
- 组内成员你的定位
- node 层偏多
- 内存泄漏，检查 前端和后端 检测方法
最后拿了58 和滴滴的 offer
