殷荣桧

    作者：殷荣桧@腾讯     Vue最精华的部分就是双向绑定，在此基础上，又添加了computed，watch, methods等方法。所以要看懂Vue内核，那第一步肯定就是要了解Vue双向绑定的原理，但是说实话，看了网上很多，好多代码都是经过重构优化后的代码，失去了代码原始的面貌，不太易于理解。所以决定写一个原始一点但是又尽可能简洁一点的，但是原理绝对是Vue双向绑定的原理，确保你看懂这篇文章，就能够了解Vue内核。采用最少的代码，来实现一个个功能。有什么写的不妥的地方，烦请在仓库issue中指出，我好及时修正。   这个项目的github地址为[build-your-own-vue](https://github.com/jackiewillen/build-your-own-vue) 欢迎[star](https://github.com/jackiewillen/build-your-own-vue) 如果你对当前流行的轮子的原理感兴趣，下面这些都是我用尽可能少的代码，尽可能易于理解的方式实现的框架的原理，这些你也可以看看，有疑问欢迎在各个仓库下留言： [build-your-own-react](https://github.com/jackiewillen/build-your-own-react) [build-your-own-vuex](https://github.com/jackiewillen/build-your-own-vuex) [build-your-own-redux](https://github.com/jackiewillen/build-your-own-redux) [build-your-own-flux](https://github.com/jackiewillen/build-your-own-flux) 接下来所讲的这些就为了实现下面这个简单的双向绑定： ``` {{name}} let vue = new Vue({ el: '#app', data: { name: 'jackieyin' } }) window.vue = vue; ```...

> `lastName.lenght` 应当修改为 `lastName.length` > > 将原文中有关 `lastName.lenght > MIN_NAME_LENGTH` 的部分替换成 `lastName.length > MIN_NAME_LENGTH` 已修正，谢谢

> 标题部分 "三、尽量使用ES6... " 没有使用 md 语法定义标题 用了，可能编辑器显示不同。

> 殷荣桧老师，您好，我是InfoQ的技术编辑，在GitHub上看到您写的这篇《看看这些被同事喷的JS代码风格你写过多少》，觉得非常好，想转载发布在InfoQ旗下公众号前端之巅和InfoQ官网上，我们会标明作者和GitHub链接，不知您是否准许（没找到您的邮箱，所以只能在这里留言）？ @qinyun1994 可以的，谢谢。

> 好文， 把开发中遇到的不好的代码习惯汇总到了一起， 并给出最佳实践，共勉。ps：把意思表达清楚是一种能力。向你学习。 @nelhu 谢谢鼓励。

> 您好，我可以转载这篇文章到公众号【高级前端进阶】吗？ > 我会声明原作者和本文链接。谢谢！ @yygmind 可以的，谢谢

> 好坏对比，简洁清楚，好文章 @bingozhu0197 谢谢鼓励

> （6）优先使用命令式 → 声明式编程 > > > 命令式编程经常使用语句并依赖于导致突变的低级功能，而声明式编程则强烈关注抽象和纯度。 @code-coder 已修正

@gaoxiaomumu 我是腾讯的，想在我们组使用先试用Yapi，但项目中的多数接口都是通过websocket获取数据，所以Yapi用不了。后期Yapi会提供对于websocket的数据模拟和支持吗？