随笔分类 -  grootJs

经过半个多月的努力,我的mvvm框架grootJs 已有雏形了,希望我的框架能给前端开发带来快乐;下面是一个简单的教程、教程和框架都会持续更新
摘要:groot.view(name,factory)用于创建一个modelView对象与指令gt-view对应参数用途name创建的modelView的名称,用groot.vms[name]可以访问到创建的对象factory函数:有两个参数:vm,ve,分别放属性和事件返回一个modelView对象xx... 阅读全文
posted @ 2015-07-14 09:30 吹鱼算法 阅读(232) 评论(0) 推荐(0) 编辑
摘要:递归模版 ui控件定义 模版 阅读全文
posted @ 2015-03-30 09:45 吹鱼算法 阅读(179) 评论(0) 推荐(0) 编辑
摘要:grootJs简明教程mvvm框架也是解决的一类问题,在某些时候会提高生产效率; 经过接近一个月的努力,grootJs测试版终于发布了 grootJs是一个mvvm的框架,名字取 grass 和root 两个单词的组合,既“草根”之意。在创作的中,本着尽量简单实用的原则构思完成的grootJs... 阅读全文
posted @ 2014-06-13 13:37 吹鱼算法 阅读(1317) 评论(1) 推荐(0) 编辑
摘要:groot.view("myview", function (vm, ve) { ve.loada = function () { require("./app/pagea.js").loadpage($("#app"), "myapp") }... 阅读全文
posted @ 2014-06-13 11:47 吹鱼算法 阅读(278) 评论(0) 推荐(0) 编辑
摘要:深入grootJs 这篇教程的原则是把grootJs原理讲透,主要真正理解了原理才能用起来随心所欲mvvm模式简介grootJs的vm结构扫描函数sweep垃圾回收的原理加载器中的预编,控件的开发接口的设计原理怎样开发单页面app 阅读全文
posted @ 2014-06-13 09:55 吹鱼算法 阅读(206) 评论(0) 推荐(0) 编辑
摘要:for (var i = 0; i < _uiList.length; i++) { groot.vms[_uiList[i]].uivalue = value; groot.vms[_uiList[i]].uivalueRender... 阅读全文
posted @ 2014-06-13 09:54 吹鱼算法 阅读(202) 评论(0) 推荐(0) 编辑
摘要:if (_type == "js") {//js预编译 var _script = "_define(function(exports,module){\n"; _script += "var $parent = \""... 阅读全文
posted @ 2014-06-13 09:39 吹鱼算法 阅读(142) 评论(0) 推荐(0) 编辑
摘要:groot.createElement = function (html, id) { groot.dynamic[id] = id; return $(html).append("") }从上面得代码可以看出函数在html代码片段的后面加了隐藏的input并在g... 阅读全文
posted @ 2014-06-12 21:55 吹鱼算法 阅读(290) 评论(0) 推荐(0) 编辑
摘要:groot.sweep(element,vm);element 为要扫描的代码片段,vm 对应的一个 groot.view 定义的 一个Vm的整体扫面代码 groot.sweep = function (vm, element) { var ars = arguments; ... 阅读全文
posted @ 2014-06-12 16:46 吹鱼算法 阅读(400) 评论(0) 推荐(0) 编辑
摘要:按看这段代码生成的vm groot.view("myview", function (vm, ve) { vm.say = "hello word!"; }) groot.sweep();每个 groot.vew();都会生成一个对象对象放在 groot.vms里比如 ... 阅读全文
posted @ 2014-06-12 15:30 吹鱼算法 阅读(237) 评论(0) 推荐(0) 编辑
摘要:mvvm moudle-view-viewMoudle 之意moudle 为数据view 为展示viewMoudle为view与moudle的桥梁页面view部分 moudle 和viewMoudlegroot.view("myview", function (vm, ve) { ... 阅读全文
posted @ 2014-06-12 15:25 吹鱼算法 阅读(306) 评论(0) 推荐(0) 编辑
摘要:groot.absUrl(url)把相对路径转换为绝对路径groot.model把vm对象转换为json 去掉系统生成的的属性groot.modelgroot.log输出到控制台 兼容低版本IE没有console.log()函数 阅读全文
posted @ 2014-06-10 09:40 吹鱼算法 阅读(164) 评论(0) 推荐(0) 编辑
摘要:index13.html ui控件定义 姓名:---性别: 要用一个空间首先要在js 引用控件 require(""./ui);在html里面绑定控件 name为属性名称 myui为控件名称下面是该控件的定义groot.ui["myui"] = f... 阅读全文
posted @ 2014-06-10 09:08 吹鱼算法 阅读(455) 评论(0) 推荐(0) 编辑
摘要:index12.html grootJs属性扩展 groot.bindExtend 宽: ----高: 上面的gt-width,gt-height 为扩展属性扩展属性的定义groot.bindExtend groot.bindExtend( { ... 阅读全文
posted @ 2014-06-10 08:50 吹鱼算法 阅读(279) 评论(0) 推荐(0) 编辑
摘要:index11.html checkbox radio select绑定 清华 北大 复旦 阅读全文
posted @ 2014-06-10 08:06 吹鱼算法 阅读(261) 评论(0) 推荐(0) 编辑
摘要:index10.html 属性过滤器 属性过滤器定义groot.filter( { "d": function (value, format) { if (!value) return; if (!forma... 阅读全文
posted @ 2014-06-10 06:57 吹鱼算法 阅读(298) 评论(0) 推荐(0) 编辑
摘要:index9.html 模块加载器 这里的某块加载器实现的是commonJs规范,完全和nodeJs的模块加载器相同模块定义exports.txt = "hello word";module.exports={ "name":"张三"}require加载文本 req... 阅读全文
posted @ 2014-06-10 06:29 吹鱼算法 阅读(861) 评论(0) 推荐(0) 编辑
摘要:index8.html 变量监控指令 gt-watch 姓名:---性别: 说明:gt-wach指令只能放在 含有gt-text 或 gt-value的标签上 阅读全文
posted @ 2014-06-10 06:15 吹鱼算法 阅读(385) 评论(0) 推荐(0) 编辑
摘要:index7.html groots引入外部模板van hello word! 模板内容 姓名:---性别:引入外部模板指令gt-include="路径"; 路径的写法 类似commonjs,"./“表示当前目录 ../ 表示上级目录 ... 阅读全文
posted @ 2014-06-10 05:58 吹鱼算法 阅读(304) 评论(0) 推荐(0) 编辑
摘要:index6.html绑定文本textgt-text="{属性名}"绑定标签属性attrgt-attr="vm属性名称(标签属性,value表达式)" 如gt-attr="uid(id,'view'+value)"绑定标签属性cssgt-css="vm属性名称(标签属性,value表达式)"同att... 阅读全文
posted @ 2014-06-10 05:45 吹鱼算法 阅读(338) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示