面试记录

知识点

1. nextTick的作用

   文档: 将回调延迟到下次 DOM 更新循环之后执行。在修改数据之后立即使用它，然后等待 DOM 更新。它跟全局方法 Vue.nextTick 一样，不同的是回调的 this 自动绑定到调用它的实例上。

   • dom更新循环结束之后,延迟回调-(初始化)
   • 在修改数据之后, 可以拿到更新后的dom-(修改数据后,操作dom)

2. watch深度监听

   • watch: {
       obj: { // 性能开销大 'obj.a.b'更好一点
       handle() {
       // xxx
       },
       deep: true
       }
     }
     

3. 长列表优化

   1. 渲染优化
      • 数据分页
      • 首次渲染冻结(object.freeze)减少数据劫持的时间, 少量数据(懒加载)
      • 列表渲染在固定视口内
      • 文档片段-fragment
      • 封装复用组件
   2. 滚动优化
      • 函数防抖

4. flutter相关

5. 监听promise的错误事件(不用try/catch)

   • nodejs => unhandleRejection
   • 浏览器 => unhandlerejeaction

6. promise三种状态

   • pending
   • fulfilled
   • rejected

7. react高阶函数(类似vue的mixin)

8. react性能优化(函数式编程)

9. 前端兼容处理

   • css兼容=>postcss=>postcss-preset-env
   • js兼容=>babel=>[@babel/preset-env, babel-polyfill, core-js]

10. 实现深拷贝

11. 手写apply