1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
| <!DOCTYPE html>
| <html>
| <head>
| <meta charset="utf-8">
| <meta name="viewport" content="width=device-width, initial-scale=1">
| <title>基础方法测试用例 - layui</title>
| <link href="../src/css/layui.css" rel="stylesheet">
| </head>
| <body>
|
| <div class="layui-container" style="padding: 30px 0;">
| <div class="" style="padding: 30px 0;">
| <blockquote class="layui-elem-quote" style="color: #666;">
| 点击按钮开始测试，测试结果打开浏览器控制台查看
| </blockquote>
| <div class="layui-btn-container">
| <button class="layui-btn" lay-on="sort">layui.sort</button>
| <button class="layui-btn" lay-on="type">layui.type</button>
| <button class="layui-btn" lay-on="isArray">layui.isArray</button>
| <button class="layui-btn" lay-on="extend">lay.extend</button>
| </div>
| </div>
| </div>
|
| <script src="../src/layui.js"></script>
| <script>
| layui.use(['lay', 'util'], function(){
| var lay = layui.lay
| ,util = layui.util;
|
| //事件
| var style = 'color: orange; font-size: 16px;';
| util.event('lay-on', {
| sort: function(){
| //sort
| console.log('%c> layui.sort: ', style);
| console.log(
| '数字-整数型',
| layui.sort([{a: 3},{a: 0},{a: 0},{a: -1},{a: -5},{a: 6},{a: 9},{a: -333333}], 'a')
| );
| console.log(
| '数字-浮点型',
| layui.sort([{a: 3.5},{a: 0.5},{a: 0.5},{a: -1.5},{a: -5.5},{a: 6.5},{a: 9.5},{a: -333333.5}], 'a')
| );
| console.log(
| '数字-混合型',
| layui.sort([{a: 1},{a: 20.5},{a: 20.3},{a: 3},{a: 52},{a: 4.3}], 'a')
| );
| console.log(
| '中文',
| layui.sort([{a: '男'},{a: '女'},{a: '男'},{a: '女'},{a: '男'}], 'a')
| );
| console.log(
| '英文',
| layui.sort([{a: 'E'},{a: 'B'},{a: 'D'},{a: 'C'},{a: 'A'}], 'a')
| );
| console.log(
| '混合'
| ,layui.sort([
| {a: 3}
| ,{a: '男'}
| ,{a: 0}
| ,{a: 66}
| ,{a: 99}
| ,{a: 'C'}
| ,{a: '女'}
| ,{a: 3.5}
| ,{a: 0}
| ,{a: -1}
| ,{a: 'B'}
| ,{a: 5.5}
| ,{a: '男'}
| ,{a: 'A'}
| ,{a: -5}
| ,{a: '男'}
| ,{a: 6}
| ,{a: 9}
| ], 'a')
| );
| console.log(
| '数组成员全为数字',
| layui.sort([1, 20.5, 19.5, 52, 4.5])
| );
| console.log(
| '数组成员为混合型',
| layui.sort([1, {a: 32}, 20.5, {a: 6}, 52, 5.5], 'a') //按成员对象的 key 为 a 进行比较
| );
| }
|
| ,type: function(){
| console.log('%c> layui.type: ', style);
| console.log(
| 'new RegExp()：', layui.type(new RegExp()),
| '\nnew Date()：', layui.type(new Date()),
| '\n[]：', layui.type([])
| );
| }
|
| ,isArray: function(){
| console.log('%c> layui.isArray: ', style);
| console.log(
| '[1,6]：', layui.isArray([1,6]),
| '\nlay("div")：', layui.isArray(lay('div')),
| '\ndocument.querySelectorAll("div")：', layui.isArray(document.querySelectorAll('div')),
| '\n{"key": "value"}：', layui.isArray({key: 'value'})
| );
| }
|
| ,extend: function(){
| console.log('%c> lay.extend: ', style);
| console.log(
| lay.extend(
| {},
| {a: 123, c: {ccc: 'ccc'}, arr: [1,3]},
| {a: 111, b: 1, c: {bbb: 'bbb'}},
| {a: 222222, arr: [5]}
| )
| );
| console.log(
| lay.extend([], [1,3,5])
| );
| }
| })
|
| });
| </script>
| </body>
| </html>
|
|
