mini-vue

mini-vue copied to clipboard

# 问题 响应式中考虑如下的 case，为何可能会陷入死循环，以及如何解决？ ```js it('should avoid implicit infinite recursive loops with itself', () => { const counter = reactive({ num: 0 }) effect(() => counter.num++) expect(counter.num).toBe(1) }) ``` #...

masterX89

# 问题 说一说 Vue3 中编译优化方面的 *静态提升* 是什么？以及为什么使用 *静态提升* 可以编译优化？ 该问题可能引申自： > Vue3 中有哪些 编译优化 手段？ # 分析 案例来自于《Vuejs 设计与实现》 假如有如下 template 1： ```html static text {{ message}} ``` 以及如下的 template...

masterX89

# 问题 手撕最长递增子序列以及 vue3 里的实现 # 前言 此处不讨论到 vue3 的 快速 diff 算法，只要记住三个步骤，顺着思路展开细节即可： 1. 双端预处理 2. 理想状态（新旧节点序列总有一个被处理掉） - 根据剩下的那个序列做 *新增* 或 *移除* 3. 非理想状态（中间对比），只要记住两点： - 如何*找到*需要移动的节点以及如何*移动* - *找到*需要被添加或移除的节点并做对应操作 具体的设计思路可以去参考 HCY...

masterX89

# 问题 parser 如何处理 `` 的 edge case？ # 前言 如 HcySunYang 所说 > 当用户没有以预期的方式使用框架时，是否应该打印合适的警告信息从而提供更好的开发体验，让用户快速定位问题？ # 死循环分析 我们考虑 isEnd 的条件如下： ```typescript function isEnd(context: any, parentTag) { // 结束标签 if (parentTag...

masterX89