脚本宝典收集整理的这篇文章主要介绍了javascript代码实例教程-grootjs 简明教程，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。小宝典致力于为广大程序猿（媛）提供高品质的代码服务，请大家多多光顾小站，小宝典在此谢过。 经过接近一个月的努力，grootJs测试版终于发布了
grootJs是一个mvvm的框架，名字取 grass 和root 两个单词的组合，既“草根”之意。在创作的中，本着尽量简单实用的原则构思完成的
grootJs不同于其他mvvm的三大亮点：
1.model模型自动回收。在框架中加入了垃圾回收机制，程序员不回再为了因不断创建大量modle不能回收，或不便于回收造成内存占用太高而烦恼
2.全新的变量值变化监模型，改善其他mvvm框架对一些动态数组中得变量变化不便于监控的问题
3.全新的ui控件开发接口，是控件的值和页面页面模型的值实现同步，操作开发的控件时 就像操作htML内置控件一样
还有更多的新的东西等待你的发觉....
项目地址 https://gIThub.COM/time-go/grootJs
作者联系方式:QQ289880020，官方技术支持QQ群330603020 如有bug 疑问 或问题 请联系作者:-)
Hello word(index1.html)
<html>
<head>
<title>hello word</title>
<script src="jquery-1.7.2.min.js"></script>
<script src="groot.js"></script>
</head>
<body>
<p gt-view=";myview">
<input tyPE="text" gt-value-change="say"><span gt-text="say"></span>
</p>
</body>
</html>
<script>
groot.view("myview", function (vm, ve) {
vm.say = "hello word!";
})
groot.sweep();
</script>
说明:程序中首先引jquery，框架的docment操作都是基于jquery的。
gt-view="myview" 是定义一个作用于为myview的范围，对应的在js里也有一个 groot.view("myview"...,这个两个是相对应得；
vm是数据模型，它有个属性为say，gt-value-change=“say”为绑定这个say属性 change 表示 输入框的值变化 vm中say的值就变化；
相应 change该为blur，就 是 输入框失去焦点的时候 vm.say得值变化；gt-text="say"得意义找个标签的内容绑定vm.say的值；
大家可以看到随着输入框的值变化，右边标签的值也在变化
目录
绑定对象
绑定数组
$self $index $First $last parent() outerParent()
grootJs的属性绑定指令
变量监控 指令 gt-wach
内置模块加载器(commonjs规范)的使用
grootJs 属性过滤器
checkbox radio select绑定
groot 引入外部模板
grootJs属性扩展 groot.bindExtend
grootJS ui控件定义
grootJs 系统常用API介绍
觉得可用，就经常来吧！ 脚本宝典 欢迎评论哦！ js脚本，巧夺天工，精雕玉琢。小宝典献丑了！
以上是脚本宝典为你收集整理的javascript代码实例教程-grootjs 简明教程全部内容，希望文章能够帮你解决javascript代码实例教程-grootjs 简明教程所遇到的问题。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。