二册夫斯基

1. JSX 语法解析 JSX 是 JavaScript 与 XML 相结合的一种格式。React发明了JSX，实现了利用HTML 语法来创建虚拟DOM。遇到<时，JSX将起作为HTML解析，遇到 {JSX将其作为JavaScript解析。 JSX语法并不是直接把JS…

1. 实现虚拟dom树的创建及渲染 在setAtrribute方法中，我们存储了this.props，而在appendChild中，我们存储了this.children。这两种方法的逻辑，和Component有重合，所以ElementWrapper和TextWrapper可以继…

1. state的实现 2. ToyReact dom更新 要更新dom，我们需要锁定节点的位置。在react中，因为采用了虚拟dom，所以更新dom会十分精巧。而目前ToyReact采用的是实际dom，所以更新dom意味着重新渲染整个this.root，但是我们依旧可以通过R…

1. 项目初始化 2. 配置webpack环境 目前，我们的createElement可以支持基础的dom操作，是合格的语法糖了🍬。 但问题依旧存在：在react的jsx中，小写的tagName对应生成原生dom对象，而大写的tagName则对应自定义组件。tagName参数…

所以防抖函数一般会调用时刻 wait 结束之后执行，并且一般只执行一次。 根据underscore的文档，debounce的参数包括function执行的回调函数, wait调用时刻, 以及布尔类型参数immediate，如果immediate为true，那么函数在调用后立即执…

setTimeout和setInteval是window对象上两个主要的定时方法， 区别在于setTimeout是定时程序，即在到达指定时间之后执行，回调函数只会执行一次，而setInterval反复执行回调函数，但间隔一段时间。 我们实现了setInterval的功能，但是，…

根据MDN，bind()方法创建一个新的函数， 当这个新函数被调用时其this置为提供的值，其参数列表前几项置为创建时指定的参数序列。 bind()函数会创建一个新绑定函数， 绑定函数与被调函数具有相同的函数体（在 ECMAScript 5 中）。调用绑定函数通常会导致执行包装…

elementUI中，Notification组件和Message组件类似，但是设置了不同的出现位置，这一功能通过设置组件的posiotion实现。在进行定位时，需要在instances内筛选出具有相同posiotion属性的组件，并根据组件的位置进行重新排序

用Safari开始调试项目之后，又发现localhost:8080无法访问。。。。 我定位了报错的语句，发现似乎不是我写正则的位置，而是一开始就不支持打包文件内的eval语句，所以把正则的部分先遮住。