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. 根据框架进行模块拆分，带着问题读源码：

• vue 3 是如何实现响应数据的
• vue 3 是如何编译 template 的
• vue 3 是如何使用 Proxy 的
• vue 3 是如何使用 Typescript 的
• vue 3 是的插件体系是如何设计的
• vue 3 是如何改（mo）良（fang） React Hooks 的

3. 自己试着写一个简化的框架

前端未来方向

学习途径

• 书籍，花时间系统学习和前端相关的基础知识
• 笔记，边读边实践边记录
• 文档（英文），锻炼阅读能力和书写能力
• 博客

最大优缺点

发展规划