Bug码

js有多少遍历对象属性的方法呢，for..key是日常开发中使用较多的，那么还有那些方法是可以获取对象属性集呢？ Object.keys Reflect.keys

本文介绍diff算法的三种实现方法，快速diff，双端diff，简单diff。通过一个例子介绍三种算法的实现流程。

本文将介绍vue3数据响应式的实现原理，以reactive的实现原理为主，ref的实现其实也是依赖于reactive，后续介绍。理解了reactive的实现，其它响应式api理解则较为简单

vue通过v-on进行事件绑定，编译阶段就是将用户添加的事件处理函数添加至vnode的props上，事件具体的绑定(事件绑定，处理冒泡，事件更新)在渲染阶段（patchEvent）上。

v-model的实现原理涉及的代码块比较多，涉及到compile-core, compile-dom, runtime-core, runtime-dom。了解了v-model的实现原理，才能熟练运用

v-if通过条件判断dom的渲染，通过test，consequent，alternate描述不同条件成立时的节点

tranform是模板编译非常复杂的一个处理过程，是对ast再次做一层转换，涉及到指令转换，文本转换，元素转换，插槽，静态提升，靶向更新，block机制等。文本是对transform阶段的一个简述

模板编译是vue处理视图非常重要的一个过程，在模板编译的过程中，将用户书写的template,通过ast转换，transform转换，最后生成code,本文主要介绍ast转换的大致过程。

实现websocket在线聊天以及实时获取聊天队列功能，实现较为简单基于react和koa。了解websocket的通信方式