MVVM开源框架Knot.js 教程2

Knotjs教程系列 

1.CBS初步

2.Knot.js Debugger（本文）

....持续增加中

Knot.js 教程2 - 改变前端框架开发体验的Debugger 

Debugger只是一个方便开发的附属工具，按道理说是不值得单独为之写一篇文章的。不过Knot.js的Debugger绝对值得一篇文章。

有过框架开发体验的朋友一定多少都有过和框架搏斗的经验。一个小小的设置错误，由于你对框架的不够熟悉，导致出错后完全摸不到头脑。或者被迫在一堆陌生的代码中跟踪尝试找出问题，或者只有上网到处拉人提问。

Knot.js的Debugger能很大程度地改善这个问题。

经常弄CSS的一定都离不开浏览器自带的DOM Inspector工具，它能实时查看网页上各个元素的状态和应用CSS的情况，对CSS的查错调试至关重要

Knot.js的Debugger，对于CBS开发者而言，具有和DOM Inspector一样的意义。

你能随时查看CBS应用到HTML元素上的情况，实时监控每一个访问点上最新的数据变化，还能查看整个页面内的数据变化日志。用好Debugger，knot.js基本上对你而言就是一个白盒系统，内部的工作逻辑一览无遗。

Knot.js Debugger不只对于调试程序管用，对于学习knot.js也极为有用。所以我在knot.js官方网站的tutorial中全部启用了Debugger，你能实时观察任何一个例子的数据和绑定情况。这对于了解knot.js的工作模式是非常有帮助的。

要在你自己的程序中启用Knot.js Debugger，只需引用knot.js Debugger文件即可：

 <script src='/images/loading.gif' data-original="[PATH_TO_DEBUGGER]/knot.debug.js"></script>

海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理：https://www.xlkjsw.com

原标题：MVVM开源框架Knot.js 教程2

关键词：JS