nojs

项目介绍

少量js代码实现html页面渲染,无需搭建开发环境，不用考虑性能问题，可以做到完全无刷新保证用户体验。

软件架构

需引入 jquery.js

托管地址

https://gitee.com/xiaoli1991/nojs

使用说明

<script type="text/javascript">
    var getId = function(id){
        return '我是'+id
    }
    $(function(){
        var map1 = {id:1,name:"张三", isRed:true, isShow:true};
        var map2 = {id:2,name:"李四", isRed:false, isShow:false};
        var map3 = {id:3,name:"王五", isRed:false, isShow:true};
        var map4 = {id:4,name:"小罗", isRed:true, isShow:true};
        var list = [map1, map2,map3, map4];

        $.setData({"prod1":list});
    })
</script>
<table>
    <tr>
        <th>序号</th>
        <th>ID</th>
        <th>姓名</th>
    </tr>
    <tr data-for="{d, i : prod1}" data-style="color: {d.isRed?'red':''}" data-if="{d.isShow}">
        <td data-text="{i+1}"></td>
        <td data-text="$.getId({d.id})"></td>
        <td data-text="{d.name}" data-οnclick="aa({i})"></td>
    </tr>
</table>

#### 系统标签
data-if
data-elif
data-else
data-text 
data-for
data-each
data-go 值：navigate switch reLaunch redirect
data-scroll 
data-scroll-data 
data-scroll-success
data-value,data-id,data-name.... 元素对应的属性

#### 支持
如有不会使用请加QQ群807575852

 

 

转载于:https://my.oschina.net/u/3994041/blog/2244784