不锈刚子

![typescript的变量类型.png](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/a7f91c83a23d4509b853fc47721

这里通过讲解model 指令的实现来学习双向绑定的实现过程 首先将整个实现的思路顺下。 在初始化中，首先 new一个vue 实例，通过调用的过程我们可以知道， 先将参数options 对象存为$opt

先探究下语法树是什么，是做什么的 它本质上是一个js对象，vue会字符串的视觉看待.vue文件中的内容。将它解析为AST,下面举个例子 上面的内容会被解析为下面的对象 抽象语法树和虚拟节点的关系 下面

编写智能重复 函数实现： 将3[abc]变为abcabcabc 将3[2[a]2[b]]变为aabbaabbaabb 不用考虑输入的字符串非法的情况 遍历每一个字符 如果是数字 压入stack1 如果

试着输出斐波那契数列的前10项 即 1,1,2,3,5,8,13,21,34,55 然后思考代码是否有重复计算，应该如何解决重复计算的问题 这个题目的解法规律是 fib(n) = fib(n-1) +

寻找字符串中连续重复次数最多的字符 给定字符串 aaaaabbbbbbbbccccccddddddsdsdsdsdsdsdsddddsdsd 解题思路 通过指针的方式

要理解watch 的实现过程，先看下watch 的几种使用方式 一个对象，键是需要观察的表达式，值是对应回调函数。值也可以是方法名，或者包含选项的对象。Vue 实例将会在实例化时调用 $watch()

computed 是vue 中的计算属性，接下来会带着问题去看下他是怎么工作的。 计算属性什么时候会计算 计算属性是怎么知道它本身依赖于哪些属性的。以便知道其什么时候更新 vue官方文档的缓存计算结果

解析渲染的过程 同步进行的两个操作 1.浏览器将HTML解析成树形的数据结构 2.浏览器将CSS解析成树形的数据结构。 DOM和CSSOM合并后生成Render Tree（渲染树） 有了Render