Fork me on GitHub

前端面试

HTML & CSS 部分

  • css常用布局
    定位布局,流布局,浮动布局,flex和grid布局,包括还有三栏布局中的圣杯和双飞翼
    使用flex实现垂直水平居中

  • BFC
    盒模型包括怪异盒模型,如何转换 box-sizing

  • session、cookie、sessionStorage、localStorage等区别

  • animation和transiton的相关属性
    为什么动画推荐用c3而不是js,主要是性能方面….浏览器怎么优化的动画

JavaScript部分

  • JavaScript闭包

  • 前端跨域
    CORS怎么实现的

  • JavaScript继承
    原型继承、构造函数继承、组合继承、寄生组合继承优缺点和实现方式,es5如何实现super关键字

  • JavaScript的节流和防抖

  • js事件执行机制
    event loop,microtask,task queue : 任务队列、执行栈
    然后事件委托、捕获、冒泡、目标阶段
    target和currentTarget

  • this指向的问题
    四种绑定规则,new的执行过程以及箭头函数注意事项

  • es6相关知识点
    promise的实现方式;
    generator怎么实现;

  • JavaScript 中的匿名递归

Vue部分

https://www.cnblogs.com/sichaoyun/p/8406194.html

  • 插槽是什么,怎么用

React部分

  • react部分必考的肯定有生命周期

  • setState是异步的还是同步的,几个参数,各有什么作用,延伸到componentShouldUpdate;

  • react-empty是什么

  • 子组件和父组件componentDidMount哪一个先执行

  • redux的一般流程
    react-redux的原理、高阶组件、以及redux-saga的实现原理

  • 如何设计一些组件,原则是什么,你写过什么自豪或者眼前一亮的组件
    组合、复用、重复、测试、维护

  • 全局组件的挂载
    a组件在b组件内,c组件在a组件内,如何让他渲染出来,a组件和c组件同级

1
2
3
4
5
6
7
8
9
10
11
12
13
// react v16+
ReactDOM.createPortal(this.props.children, this._container)
// react v16-
ReactDOM.unstable_renderSubtreeIntoContainer(
parent,
getComponent(props),
this.container,
function callback() {
if (ready) {
ready.call(this);
}
}
);
  • react组件的优化
    pureRenderMixin、ShouldComponentUpdate
    组件的设计和木偶组建的函数编写方式

  • react组件的通信
    prop,context(顺道扯了react-redux的context实现方式)、redux

  • react 的virtual dom和diff算法的实现方式

  • MVC、MVVM了解么,数据双向绑定和单向绑定实现方式

  • react-router实现方式,单页面应用相关东西

  • react的ssr了解么?大概怎么实现
    webpack的配置项以及大概的实现思路和注意事项

  • REACT项目线上问题是怎么调试的

  • 场景问题:移动端列表页面状态保留怎么实现(滚动加载)

浏览器

构建工具

坚持原创技术分享,您的支持将鼓励我继续创作!