面试总结

作者: Lyan_2ab3 | 来源:发表于2020-07-01 17:33 被阅读0次

面试过程遇到的一些问题,简单的记录了一下,有的没有记录完整,有的没有整理答案,需要的可以自己去查,这个只是 自己的记录,不喜勿喷

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缓存

可以参考我写的
https://www.jianshu.com/p/74de04262202

  • xss 攻击防御
  • endecodeurl 和encodeurlCompents
  • 性能优化
  • react hooks 不安全生命周期和最新的 static 运行()
  • es6 Map 和object 区别

https://www.jianshu.com/p/3096461e5317

滴滴一面

  • 节流函数

https://www.jianshu.com/p/d7d34e6d842c

  • 二分查找

https://www.jianshu.com/p/fbd15c5c7d2e

  • react 数据流
  • promise 如何保证 链式调用 顺序
  • 跨域
  • 箭头函数

https://www.jianshu.com/p/59be0fc4f4a6

  • react super
  • webpack splitchunk
  • less loader 执行顺序
  • dom diff 遍历 深度还是广度
  • react 最新 生命周期的 静态方法
  • node 服务端渲染(没做过)
  • 静态方法 getDerivedStateFromProps 的理解 和作用
  • setState 同步还是异步的

https://www.jianshu.com/p/9347fd5506e0

  • immutable

滴滴二面

  • react hooks 好处;
  • react -router 中hansh 路由 和 history 修改,底层 以及外层传到子组件的
  • 错误上报
  • node 服务端渲染 ssr
  • 微前端 相关
  • ts 中 新老项目 使用Ts ,如何修改老的项目
  • 你在项目中 的优点,以及做的好的地方
  • 组内成员你的定位
  • node 层偏多
  • 内存泄漏,检查 前端和后端 检测方法

最后拿了58 和滴滴的 offer

相关文章

网友评论

    本文标题:面试总结

    本文链接:https://www.haomeiwen.com/subject/iojhqktx.html