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