A easy way to master h5
一个简单而强大的单页面h5框架。告别混乱的js代码,只需简单的配置【标签属性】和【插件】,即可轻松实现强大及复杂的业务逻辑。 高度的代码复用。 如果你因项目越来越复杂的前端业务逻辑而困扰,如果你因业务逻辑与效果代码混乱而困扰,如果你想让代码越写越轻松,如果你想要一个懂你的小助手,如果你是一个追求简洁的“艺术家”,如果你是个喜欢创造的大师,那么请加入littlee,尽情展示或运用你的激情吧!请让我们一起告别混乱、繁琐、乏味以及那些限制并困扰我们的无聊吧! 在这里,【创造家】可以创造精美的【plugin】,而【艺术家】可以运用这些【plugin】来创建美妙的艺术品。
(模板位于template/tpl/中,于该目录下执行如下命令,即可编译模板: tmod)qj
Ajax.query({href: '#', islogin: true, template: 'index', method: 'render', success: 'index.index', controller: 'index'});
1. 只需通过【Ajax.query】方法,即可渲染静态页面,或者从服务器端获取数据并渲染相应模板。 2. 通过 【a标签】或者 含有 【query】class类的标签触发页面逻辑。本方法本质是方式1的调用,通过标签属性传递参数。
<a href='#' click='click.click'></a><script>var click = {click: function(data){console.log#### : (1);}};</script>
使用场景: 当只需要点击
<a store-offwifi='true' href='http://www.baidu.com'>baidu</a>
<a download='true' data-value='http://www.baidu.com'>baidu</a>
<a download='true' parent-dir='data' data-value='http://www.baidu.com'>baidu</a>
<a downloads='true' export-source='http://www.baidu.com'>baidu</a>
<a page='1'>baidu</a>
<a download='true' data-value='http://www.baidu.com'>baidu</a>
<a downloads='true' data-value='http://www.baidu.com'>baidu</a>
- islink
<a href='http://www.baidu.com'>baidu</a>
- mdata
<a mdata='get' template='baidu' contaioner='#baidu' href='http://www.baidu.com'>baidu</a>
- append
<a download='true' data-value='http://www.baidu.com'>baidu</a>
- cachePage
<a cachePage='map' data-value='http://www.baidu.com'>baidu</a>
- plugin
<a plugin='down-more,mmap' data-value='http://www.baidu.com'>baidu</a>
- href
<a href='http://www.baidu.com'>baidu</a>
- template
<a href='www.baidu.com' tempalte='baidu'>baidu</a>
- beforeQuery
<a download='true' beforeQuery='a.b'>baidu</a><script>var a = {b: function(){foo();}}</script>
- beforeRender
<a download='true' beforeRender='a.b'>baidu</a><script>var a = {b: function(){foo();}}</script>
- afterQuery
<a download='true' beforeRender='a.b'>baidu</a><script>var a = {b: function(){foo();}}</script>
- afterRender
<a download='true' beforeRender='a.b'>baidu</a><script>var a = {b: function(){foo();}}</script>
- rule
<a href='login/login rule='login/login'>baidu</a>
- refresh
<a refresh='true' href='http://www.baidu.com'>baidu</a>
- method
<a method='render' href='http://www.baidu.com'>baidu</a>
- query
<a download='true' query='name,login #passwd'>baidu</a> | Ajax.query({href: 'admin/login', query: {name: 'name', passwd: 'passwd'}});
- container
<a download='true' container='#app'>baidu</a>
- isback
<a isback='false' href='http://www.baidu.com'>baidu</a>
- head
<a download='true' head='1,已审核,{"attr":"href=\"user/list?status=0\" head=\"1,待审核用户\" template=\"manage_user_audit\" plugin=\"search,down-more\"","name":"待审"}'>baidu</a>
- menu
<a download='true' menu='true' href='http://www.baidu.com'>baidu</a>
- callback
<a callback='callback' href='http://www.baidu.com'>baidu</a>
- success
<a success='success href='http://www.baidu.com'>baidu</a>
- failure
<a failure='failure' href='http://www.baidu.com'>baidu</a>
- isrender
<a isrender='false' href='http://www.baidu.com'>baidu</a>
- islogin
<a islogin='true' href='http://www.baidu.com'>baidu</a>
- comfirm
<a confirm='是否删除' href='http://www.baidu.com'>baidu</a>