已经实现的组件

• dialog组件
• popover组件
• Tabs组件
• 轮播组件
• localStorage 实现LRU缓存淘汰算法

效果预览

dialog组件

popover组件

Tabs组件

轮播组件

组件使用范例

dialog组件

xxx.onclick = function() {
            var api = dialog({
                title: '标题',
                content: '这是一个对话框',
                buttons: [{
                    text: '确定',
                    action: function() {
                        outputDiv.textContent = '点击了确定'
                        return false
                    }
                }, {
                    text: '取消'
                }]
            })
        }

popover组件

  popover({
            element: '#xxx',
            content: 'hi',
        })

Tabs组件

    new tabs(document.querySelectorAll('.tabs')[0])
    new tabs(document.querySelectorAll('.tabs')[1])

轮播组件

slides(document.querySelectorAll('.slides')[0])

插件使用

LRU-storage插件

用户使用
lru = lruStorage('test'); //data will be storaged as 'test-xxx' in webStorage
lru.set('foo', 1);
lru.get('foo');  //1
lru.get('bar');  //undefined

lru = LruWebStorage('testStale', {maxAge: 6 * 1000});
lru.set('a', 1);
lru.get('a');    //null

lru = LruWebStorage('testLimit', {limit: 2});
lru.set('a', 1);
lru.set('b', 2);
lru.get('a');
lru.set('c', 3);

lru.get('c');    //3
lru.get('b');    //undefined
lru.get('a');    //1