【微医】预热版面经——突然的来电

故事背景

笔者普通211，近期海投中，今天下午一点多boss上投了微医WEDOCTOR的前端开发2024实习岗。下午6点多技术总监要了我的简历，然后一会后突然来电（有被吓到T T），技术总监首先表达了近期到岗对我后续课程的是否影响的担忧（问我有没有课，课怎么办），随后开始了对我简历的“批判”......

故事内容

1. 用过Vue3吗？
2. HTTP用的1还是2？
3. 伪元素是什么？
4. 碰到过跨域吗？解域？
5. flutter是怎么学的？看书还是？

故事揭秘

没有准备好，笔者回答得超级烂，参考部分前端面经，预习一下知识点吧^ ^

1、可能延伸问题——Vue2和Vue3的区别

1.生命周期：3大部分生命周期钩子名称上 + “on”

2.多根节点：2只允许单根节点，3允许多根节点

3.Vue2是选项API，3是组合API。一个逻辑会散乱在文件不同位置（data、props、computed、watch、生命周期钩子等），导致代码的可读性变差。当需要修改某个逻辑时，需要上下来回跳转文件位置。3解决了该问题。

4.Vue3提供异步组件

5.Vue3 提供 Teleport 组件可将部分 DOM 移动到 Vue app 之外的位置。比如项目中常见的 Dialog 弹窗。

6.Vue2 响应式原理基础是 Object.defineProperty；Vue3 响应式原理基础是 Proxy

7.Vue3给虚拟DOM增加了patchFlag属性，可以指定文本为动态文本。

8.Vue3可以进行事件缓存，第一次渲染后缓存我们的事件。

9.Vue3进行了Diff算法优化

10.Vue3进行了打包优化，避免全局api暴露，并且能获取最佳文件大小。

11.Vue3 由 TypeScript 重写，相对于 Vue2 有更好的 TypeScript 支持。

2、HTTP1和HTTP2的区别

0.9协议就是一个交换信息的无序协议，仅仅限于文字，图片无法显示和处理

HTTP 1.0 和 HTTP 1.1 的区别：

1.长连接：1.0规定浏览器和服务器只保持短暂连接，每次请求需要建立TCP连接，完成后立即断开。1.1支持长久连接，同一个 TCP 的连接中可以传送多个 HTTP 请求和响应，

2.缓存处理：1.0 主要使用 header 里的 If-Modified-Since , Expires 来做为缓存判断的标准。1.1引入了例如 ETag，If-None-Match 等更多可供选择的缓存头来控制缓存策略。

3.Host 头处理：1.1支持 Host 头域，不在以 IP 为请求方标志

4.错误状态码的增多：1.1新增了24个错误状态响应码，丰富的错误码更加明确各个状态，如 409（Conflict）表示请求的资源与资源的当前状态发生冲突；410（Gone）表示服务器上的某个资源被永久性的删除。

HTTP 1.1 和 HTTP 2.0 的区别：

1、传输格式：HTTP 1.1 ：使用基于文本格式，HTTP 2.0 ：使用二进制格式

2、多路复用：2.0出现多路复用以提高效率，所有请求都是通过一个 TCP 连接并发完成。

3、头部header压缩：HTTP 1.x的 header 带有大量信息，而且每次都要重复发送，HTTP 2.0使用 encoder 来减少需要传输的 header 大小，通讯双方各自 cache 一份 header fields 表，既避免了重复 header 的传输，又减小了需要传输的大小。

3、伪元素是什么？

伪元素是一个附加至选择器末的关键词，允许对被选择元素的特定部分修改样式。伪元素通过双冒号“::” 附加在选择器末端实现，不需要借助元素的ID或class属性就可对被选择元素的特定部分定义样式。如：p::first-line，可以指定修改段落第一行元素的样式。

4、前端跨域是怎么解决的？

实话说当时还没在前端弄成，在后端解决的。。。

前端的解决办法如下，笔者下来实操试试吧T T，纯看真的很难理解

https://zhuanlan.zhihu.com/p/81809258

5、flutter怎么学的？

看的一个中文文档，原来是《flutter实战·第二版》的电子书，有搜索功能，当时零基础做移动端项目的时候借助这个开发，效率蹭蹭涨。https://book.flutterchina.club/chapter1/link在这