常用的组件、插件
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.
modules
server
test
.gitignore
README.md

README.md

Javascript Tookit

oop.js

  • extend extend(childctr, parentctr)

    继承

    function A() {
      this.a = 'a';
    }
    function B() {}
    extend(B, A)
    
  • mixin mixin(childctr, interface*)

    聚合

    var A = {
      a: 'a'
    }
    function B() {}
    mixin(B, A)
    
  • class class([parentctr], [interface*], prop)

    Class-style继承

    function A() {
      this.a = 'a';
    }
    class(A, {
      init: function () {}
    })
    

waterfall.js

瀑布流实现,参数支持CSS3 Column

参数说明

  • colWidth<'auto'>:列宽度
  • colCount<'auto'>:列数
  • colGap<10>:列间距
  • verticalGap<10>:垂直块间距
  • autoExpand:自动扩展列宽度以充满容器
  • container<'body'>:容器
  • template<{}>:如果数据单元包含type属性,可以为每一种类型指定不同的模板,type为键值。如果只有一种type类型,直接指定字符串模板,无需构造哈希对象
  • rule:根据type进行特殊排列, 根据type判断返回'left'/'right'可以使对应的类型块一直放在最左边/最右边

实例

new waterfall({
    colWidth: 234,
    colGap: 12,
    verticalGap: 15,
    autoExpand: false,
    template: {
      image: '<img src="<%=data.pic%>">',
      text: '<p><%=data.text%></p>'
    },
    rule: function (t) {
      if (t === 'image') {
        return 'right';
    }
});