2020-06-17|2020-06-17 面试

登陆校验
三列布局,高度自动撑开
高度自动撑:

  1. float:left 配合 padding-bottom:9999px;margin-bottom:-9999px
  2. 父级:
    display:flex;flex-direction:row(主轴方向为水平方向)
    子级:
    flex-main{flex: 1 1 auto}
    flex-side{flex: 0 0 auto}
watch 和 computed
  1. computed 计算属性初始化,提供的函数将用作属性 vm.reversedMessage 的 getter
  2. 当首次获取 reversedMessage 计算属性的值时,Dep 开始依赖收集
  3. 在执行 message getter 方法时,如果 Dep 处于依赖收集的状态则判定 message 为 reversedMessage 的依赖,并且简历依赖关系
  4. 当 message 发送变化时,根据依赖关系,触发 reversedMessage 的重新计算
vue 源码,阅读方式
解答:
  1. 根据错误堆栈信息进行源码跟踪,形成单点理解源码的能力。同时这个问题恰好是源码的问题,可以给官网提 Issue 或 Pull Request,对框架进行一波反哺。
  2. 【2020-06-17|2020-06-17 面试】根据框架进行模块拆分,带着问题读源码:
  • vue 3 是如何实现响应数据的
  • vue 3 是如何编译 template 的
  • vue 3 是如何使用 Proxy 的
  • vue 3 是如何使用 Typescript 的
  • vue 3 是的插件体系是如何设计的
  • vue 3 是如何改(mo)良(fang) React Hooks 的
  1. 自己试着写一个简化的框架
前端未来方向
学习途径
  • 书籍,花时间系统学习和前端相关的基础知识
  • 笔记,边读边实践边记录
  • 文档(英文),锻炼阅读能力和书写能力
  • 博客
最大优缺点
发展规划

    推荐阅读