1. 分别用Flex布局和Grid布局实现两边固定中间自适应三列布局
相关文章:https://juejin.cn/post/7249010956935266364?searchId=202407250009004EE0BBD1E792FB92FB60#heading-5
2. Http1.1 和 Http 2 有什么区别?
- 新的二进制格式;
- 多路复用:同一个TCP连接李敏啊,客户端和服务器可以同时发送多个请求和多个响应,并且不用按照顺序来。
- header压缩。HTTP1.x 的 header 带有大量信息,而且每次都要重复发送,HTTP2.0使用encoder来减少需要传输的header大小,通讯双方各自cache一份header filelds表,既避免了重复header的传输,又减少了需要传输的大小。
- 服务端推送:同SPDY一样,HTTP2.0也具有server push功能。
文章:https://juejin.cn/post/7079936383925616653?searchId=202407242211408D655255B4472C750A77#heading-21
3. TSX解决了 Vue3模板的什么问题?
- 逻辑复用:在 Vue 模板中处理复杂的逻辑可能会使模板变得冗长和难以维护。使用TSX,可以将逻辑封装在函数或组件中,更容易复用和管理。
- 更直观的条件渲染和列表渲染:虽然Vue模板支持条件渲染和列表渲染,但在TSX中,这些操作可以更接近JavaScript的写法,对于习惯于编写JavaScript的开发者来说可能更加直观。
- 更好的编辑器支持:对于TSX是基于TypeScript的,因此可以获得更好的代码提示、自动完成和重构功能,这些在纯模板语法中可能不那么完善
4. Vue3 和 Vue2 diff算法有什么优化?
- Vue2 - 双端比较
- 新列表和旧列表两个列表的头和尾互相对比,在对比的过程中指针会逐渐向内靠拢,知道某一个列表的节点全部遍历过,对比停止
- Vue3 - 最长递增子序列
文章:https://juejin.cn/post/7152410265261178911#heading-4