knockout.js 有什么坑么？

[jarlyyn]

如题。

用过一些前端mv*的框架,如backbones,angular。

最近自己弄了个小玩具。基本是后台nodejs跑服务(mud脚本),前台通过socket.io更新状态，利用node.js显示一个类似app的界面。

angular感觉太重而且不方便和jQuery一起用,backbones没有数据绑定。看了react.js感觉更不靠谱了。那是做大型的项目的底层组件。我只是做一个简单的应用程序的界面而已。

然后看了knockout.js，感觉异常合适。我不需要model.不需要router.不需要controller.只需要一个databind的view.

但不论是google trend还是论坛上的讨论，感觉knockout都没杀人关注了，是不是有什么看文档看不出来的坑？

[ituren]

如果只是要单向data驱动view的话
一般的template就可以了吧
就1K左右而已

[jarlyyn]

@ituren
双向，而且在更新一个值后，界面上可能有多个元素要更新。

而且元素数量可能还不定。

[ETiV]

推荐关注 / 使用 vue.js ; 好用, 坑少, 易上手.

[mcfog]

knockout 比较古老，但真正的竞品应该只有vuejs一家

knockout兼容性比较好，但`.name()`读 `.name(value);`写 相对啰嗦
vuejs牺牲了兼容性换取更直观的API（直接属性读写）

印象当中ko的“虚拟元素”也就是类似<!--ko xxx-->的形式在vuejs中没有找到替代，然后vuejs里面自定义行为感觉比ko舒服一点

[jarlyyn]

@ETiV

谢谢推荐。

但是vue有浏览器兼容性要求的吧？

我去看下。

[ETiV]

@mcfog 其实我没用过 knockout~

虚拟元素, 我看了一下官方文档
http://knockoutjs.com/documentation/custom-bindings-for-virtual-elements.html

感觉跟我遇到的情况类似:

前两天写代码的时候, 碰到了 dl > dt,dd 的 repeat 问题. 又不像 ul > li , 琢磨了半天.
后来从官方 issues 看到了项目发起人的回复:

"使用 <template> 标签完成这个功能."

具体就是
```
<dl>
__<template v-repeat="rows">
____<dt>{{title}}</dt>
____<dd>{{content}}</dd>
__</template>
</dl>
```

不知道有没有格式., 先用下划线顶上...

[jarlyyn]

@ETiV
vue不支持IE8......

我在公司的兼容性也只能推行到无视ie6,7而已。

ie8可是现在国内占有率最高的……

[ETiV]

@mcfog 我又细看了一下, 可能我对virtual elements理解有误~~

[ETiV]

@jarlyyn 看你说 "最近自己弄了个小玩具", 以为是自用的呢

[jarlyyn]

@ETiV

的确自用的，拿自用的东西试手，好用就推广，不好用拉倒……

[2code]

KO有点太老了，感觉没有推广的必要了，试试其他的MV*框架

[iwege]

习惯backbone的话配合http://rivetsjs.com/ 可以解决一些view的data bind问题。

[clino]

avalonjs 可以和 jq 一起用

[thinkif]

手里有个内部管理类的Web应用用的是KO，正常双向绑定什么的没有明显大坑，当然功能也相对其他的 MV* 来的简单

[onlyurei]

用了3年的knockout，so far so good。
刚开源我用knockout和其他几个库搭起来的微型单页程序框架，有兴趣可以试用：
https://github.com/onlyurei/knockout-spa

[Axurez]

@mcfog 还有 jsblocks