一步步编写avalon组件02：分页组件

本章节，我们做分页组件，这是一个非常常用的组件。grid, listview都离不开它。因此其各种形态也有。然后建webpack.config开始构建工程：var webpack = require('webpack');var path = require('path');function heredoc(fn) {return fn.toString().replace

业界 2016年06月28日

一步步编写avalon组件04：GRID组件

grid组件（表格）是非常常用的组件，尤其是后台系统。它的制定也是五花八门的。因此jQuery有大量的grid组件，每个都庞大无比，集成各种功能，复杂得像Excel。但即便是这样，我们的产品经理总是能提出一些需求，让你死去活来。因此有时我们不需要一个功能丰富的grid，而是一个扩展性极好的grid。avalon2强大的组件机制就此而生。我们分析一下grid的结构。通常就是一

业界 2016年08月04日

一步步编写avalon组件05：树组件

给人印象中，树组件是非常令人畏惧的一个组件，超级复杂，超级难写。但使用avalon2来做，这却是级其简单的一件事。首先从样式入做，无序列表是天然可用的树结构，几个UL元素套在一起，它们就自然处理好缩进问题。换言之，我们用UL元素作为树的节点，那么树组件内部也需要存在树组件，需要形成递归结构。avalon2的slot机制又是出场的时候了。因此我们的树的结构大概是树子树子树子树

业界 2016年08月06日