js_ryl 1.0.15 → 1.0.16
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.babelrc +0 -9
- package/README.md +1 -0
- package/package.json +1 -15
- package/src/App.vue +154 -3
- package/src/App1.vue +3 -0
- package/src/App2.vue +0 -154
package/.babelrc
CHANGED
package/README.md
CHANGED
|
@@ -162,6 +162,7 @@
|
|
|
162
162
|
#1.0.11: 添加对象或数组的深拷贝方法
|
|
163
163
|
#1.0.12: number 方法 加 减 小数点后2位调整
|
|
164
164
|
#1.0.15: 结构调整，把验证码效果，从 正则 中提取出来
|
|
165
|
+
#1.0.16: 剔除不用的包，如element
|
|
165
166
|
```
|
|
166
167
|
|
|
167
168
|
For detailed explanation on how things work, consult the [docs for vue-loader](http://vuejs.github.io/vue-loader).
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "js_ryl",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.16",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "自定义通用js",
|
|
6
6
|
"author": "renyuliang <785788909@qq.com>",
|
|
@@ -10,14 +10,12 @@
|
|
|
10
10
|
},
|
|
11
11
|
"main": "dist/build.js",
|
|
12
12
|
"dependencies": {
|
|
13
|
-
"element-ui": "^2.15.1",
|
|
14
13
|
"vue": "^2.6.12"
|
|
15
14
|
},
|
|
16
15
|
"devDependencies": {
|
|
17
16
|
"@babel/plugin-transform-runtime": "^7.14.3",
|
|
18
17
|
"babel-core": "^6.26.0",
|
|
19
18
|
"babel-loader": "^7.1.5",
|
|
20
|
-
"babel-plugin-component": "^1.1.1",
|
|
21
19
|
"babel-preset-env": "^1.6.0",
|
|
22
20
|
"babel-preset-stage-3": "^6.24.1",
|
|
23
21
|
"cross-env": "^5.0.5",
|
|
@@ -27,23 +25,11 @@
|
|
|
27
25
|
"sass-loader": "^7.3.1",
|
|
28
26
|
"style-loader": "^0.23.1",
|
|
29
27
|
"url-loader": "^0.6.2",
|
|
30
|
-
"vue-cli-plugin-element": "~1.0.1",
|
|
31
28
|
"vue-loader": "^13.0.5",
|
|
32
29
|
"vue-template-compiler": "^2.6.12",
|
|
33
30
|
"webpack": "^3.6.0",
|
|
34
31
|
"webpack-dev-server": "^2.9.1"
|
|
35
32
|
},
|
|
36
|
-
"babel": {
|
|
37
|
-
"plugins": [
|
|
38
|
-
[
|
|
39
|
-
"component",
|
|
40
|
-
{
|
|
41
|
-
"libraryName": "element-ui",
|
|
42
|
-
"styleLibraryName": "theme-chalk"
|
|
43
|
-
}
|
|
44
|
-
]
|
|
45
|
-
]
|
|
46
|
-
},
|
|
47
33
|
"browserslist": [
|
|
48
34
|
"> 1%",
|
|
49
35
|
"last 2 versions",
|
package/src/App.vue
CHANGED
|
@@ -1,3 +1,154 @@
|
|
|
1
|
-
<template>
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
<template>
|
|
2
|
+
<div id="app">
|
|
3
|
+
<input
|
|
4
|
+
type="text"
|
|
5
|
+
id="input"
|
|
6
|
+
v-model="name"
|
|
7
|
+
@blur="inputBlur"
|
|
8
|
+
@keydown="inputsLk({id:'11',name:'实力坑爹'},12123)"
|
|
9
|
+
/>
|
|
10
|
+
<button @click="getCookie">点击</button>
|
|
11
|
+
<div
|
|
12
|
+
style="height: 300px; border: 1px solid red; overflow-y: auto"
|
|
13
|
+
@scroll="initScroll"
|
|
14
|
+
>
|
|
15
|
+
<div style="height: 800px">滚动区域</div>
|
|
16
|
+
</div>
|
|
17
|
+
<button @click="copyCli()">Copy</button>
|
|
18
|
+
<br />
|
|
19
|
+
<br>
|
|
20
|
+
<br>
|
|
21
|
+
<!-- <button @click="phoneCode($event)">验证码</button> -->
|
|
22
|
+
<a href="javascript:;" @click="phoneCode($event)">验证码</a>
|
|
23
|
+
<a href="javascript:;" @click="phoneCodeExit()">清空验证码</a>
|
|
24
|
+
</div>
|
|
25
|
+
</template>
|
|
26
|
+
<script>
|
|
27
|
+
import reg from "./reg";
|
|
28
|
+
import time from "./time";
|
|
29
|
+
import cookie from "./cookie";
|
|
30
|
+
import fun from "./function";
|
|
31
|
+
import num from "./number";
|
|
32
|
+
import copy from "./copy";
|
|
33
|
+
import deepCopy from "./deepCopy";
|
|
34
|
+
import verCode from "./verCode";
|
|
35
|
+
export default {
|
|
36
|
+
data() {
|
|
37
|
+
return {
|
|
38
|
+
name: "",
|
|
39
|
+
};
|
|
40
|
+
},
|
|
41
|
+
// directives: {
|
|
42
|
+
// LazyLoad,
|
|
43
|
+
// },
|
|
44
|
+
mounted() {
|
|
45
|
+
console.log(time.toStamp("2021-06-02 18:17:02"), "当前时间戳");
|
|
46
|
+
console.log(time.toDate(1622623502), "当前时间");
|
|
47
|
+
console.log(time.getNow(), "系统当前时间");
|
|
48
|
+
cookie.set("test1", "abcde", {
|
|
49
|
+
path: "/device",
|
|
50
|
+
expires: 1622882702,
|
|
51
|
+
});
|
|
52
|
+
cookie.set("test2", "abcdefghi", { expires: 1622623502 });
|
|
53
|
+
setTimeout(() => {
|
|
54
|
+
console.log(cookie.get("test2"));
|
|
55
|
+
}, 1000);
|
|
56
|
+
setTimeout(() => {
|
|
57
|
+
cookie.remove("test2");
|
|
58
|
+
}, 3000);
|
|
59
|
+
document.onscroll = fun.throole(function () {
|
|
60
|
+
console.log("触发了几次了" + Date.now());
|
|
61
|
+
}, 200);
|
|
62
|
+
// let arr = [729.396, 72.6353, 6.3343, 1.1695];
|
|
63
|
+
let arr = [729.6986, 72.6, 6.119, 23.03,0.502];
|
|
64
|
+
let arr2 = arr.reduce((pre, next) => {
|
|
65
|
+
return pre + next;
|
|
66
|
+
});
|
|
67
|
+
let arr3 = arr.reduce((v, n) => {
|
|
68
|
+
return num.add(v, n);
|
|
69
|
+
});
|
|
70
|
+
|
|
71
|
+
|
|
72
|
+
console.log(arr2,'22');
|
|
73
|
+
console.log(arr3,'33');
|
|
74
|
+
console.log(num.add(3.29555556,2.63),'+');
|
|
75
|
+
console.log(num.sub(0.11, 0.306),'-');
|
|
76
|
+
console.log(num.mul(0.1, 0.3231),'*');
|
|
77
|
+
console.log(num.div(0.893, 0.3),'/');
|
|
78
|
+
|
|
79
|
+
|
|
80
|
+
let obj = {
|
|
81
|
+
name: '张三',
|
|
82
|
+
age:12,
|
|
83
|
+
info: {
|
|
84
|
+
sex: '男',
|
|
85
|
+
like: ['电影','游戏']
|
|
86
|
+
}
|
|
87
|
+
}
|
|
88
|
+
let obj2 = deepCopy({},obj)
|
|
89
|
+
obj2.age = 18
|
|
90
|
+
obj2.info.sex = '女'
|
|
91
|
+
obj2.info.like = ['耍']
|
|
92
|
+
console.log(obj2,obj,'深拷贝后的值变化')
|
|
93
|
+
|
|
94
|
+
let arr00 = [1,2,3,4,5]
|
|
95
|
+
let arr002 = deepCopy([],arr00)
|
|
96
|
+
arr002[0]=111
|
|
97
|
+
console.log(arr002,arr00)
|
|
98
|
+
},
|
|
99
|
+
methods: {
|
|
100
|
+
phoneCode(e){
|
|
101
|
+
if (verCode.phoneCodeStatus()) {
|
|
102
|
+
console.log('已经发送了')
|
|
103
|
+
return false
|
|
104
|
+
}
|
|
105
|
+
verCode.PhoneCode(e,10)
|
|
106
|
+
},
|
|
107
|
+
phoneCodeExit(){
|
|
108
|
+
verCode.PhoneCodeClear()
|
|
109
|
+
},
|
|
110
|
+
longpress() {
|
|
111
|
+
console.log(112233);
|
|
112
|
+
},
|
|
113
|
+
copyCli() {
|
|
114
|
+
copy("good哈哈哈失败", (res) => {
|
|
115
|
+
if (res.code == 200) {
|
|
116
|
+
// 成功
|
|
117
|
+
alert(res.msg);
|
|
118
|
+
} else {
|
|
119
|
+
// 失败
|
|
120
|
+
alert(res.msg);
|
|
121
|
+
}
|
|
122
|
+
});
|
|
123
|
+
},
|
|
124
|
+
inputsLk: fun.debounce(function (v,v2) {
|
|
125
|
+
console.log(this.name,v,v2);
|
|
126
|
+
}),
|
|
127
|
+
initScroll: fun.throole(function () {
|
|
128
|
+
console.log("触发了几次了" + Date.now());
|
|
129
|
+
}),
|
|
130
|
+
getCookie() {
|
|
131
|
+
console.log(cookie.get("test2"));
|
|
132
|
+
},
|
|
133
|
+
inputBlur() {
|
|
134
|
+
const regPhone = reg.Phone(this.name);
|
|
135
|
+
if (regPhone == true) {
|
|
136
|
+
console.log("正确", this.name);
|
|
137
|
+
} else {
|
|
138
|
+
console.log("错误", regPhone, "///");
|
|
139
|
+
console.log(
|
|
140
|
+
"错误",
|
|
141
|
+
reg.Phone(this.name, "空手机", "手机唧唧了"),
|
|
142
|
+
"///"
|
|
143
|
+
);
|
|
144
|
+
}
|
|
145
|
+
},
|
|
146
|
+
},
|
|
147
|
+
};
|
|
148
|
+
</script>
|
|
149
|
+
<style lang="scss" scoped>
|
|
150
|
+
.img {
|
|
151
|
+
width: 100px;
|
|
152
|
+
height: 100px;
|
|
153
|
+
}
|
|
154
|
+
</style>
|
package/src/App1.vue
ADDED
package/src/App2.vue
DELETED
|
@@ -1,154 +0,0 @@
|
|
|
1
|
-
<template>
|
|
2
|
-
<div id="app">
|
|
3
|
-
<input
|
|
4
|
-
type="text"
|
|
5
|
-
id="input"
|
|
6
|
-
v-model="name"
|
|
7
|
-
@blur="inputBlur"
|
|
8
|
-
@keydown="inputsLk({id:'11',name:'实力坑爹'},12123)"
|
|
9
|
-
/>
|
|
10
|
-
<button @click="getCookie">点击</button>
|
|
11
|
-
<div
|
|
12
|
-
style="height: 300px; border: 1px solid red; overflow-y: auto"
|
|
13
|
-
@scroll="initScroll"
|
|
14
|
-
>
|
|
15
|
-
<div style="height: 800px">滚动区域</div>
|
|
16
|
-
</div>
|
|
17
|
-
<button @click="copyCli()">Copy</button>
|
|
18
|
-
<br />
|
|
19
|
-
<br>
|
|
20
|
-
<br>
|
|
21
|
-
<!-- <button @click="phoneCode($event)">验证码</button> -->
|
|
22
|
-
<a href="javascript:;" @click="phoneCode($event)">验证码</a>
|
|
23
|
-
<a href="javascript:;" @click="phoneCodeExit()">清空验证码</a>
|
|
24
|
-
</div>
|
|
25
|
-
</template>
|
|
26
|
-
<script>
|
|
27
|
-
import reg from "./reg";
|
|
28
|
-
import time from "./time";
|
|
29
|
-
import cookie from "./cookie";
|
|
30
|
-
import fun from "./function";
|
|
31
|
-
import num from "./number";
|
|
32
|
-
import copy from "./copy";
|
|
33
|
-
import deepCopy from "./deepCopy";
|
|
34
|
-
import verCode from "./verCode";
|
|
35
|
-
export default {
|
|
36
|
-
data() {
|
|
37
|
-
return {
|
|
38
|
-
name: "",
|
|
39
|
-
};
|
|
40
|
-
},
|
|
41
|
-
// directives: {
|
|
42
|
-
// LazyLoad,
|
|
43
|
-
// },
|
|
44
|
-
mounted() {
|
|
45
|
-
console.log(time.toStamp("2021-06-02 18:17:02"), "当前时间戳");
|
|
46
|
-
console.log(time.toDate(1622623502), "当前时间");
|
|
47
|
-
console.log(time.getNow(), "系统当前时间");
|
|
48
|
-
cookie.set("test1", "abcde", {
|
|
49
|
-
path: "/device",
|
|
50
|
-
expires: 1622882702,
|
|
51
|
-
});
|
|
52
|
-
cookie.set("test2", "abcdefghi", { expires: 1622623502 });
|
|
53
|
-
setTimeout(() => {
|
|
54
|
-
console.log(cookie.get("test2"));
|
|
55
|
-
}, 1000);
|
|
56
|
-
setTimeout(() => {
|
|
57
|
-
cookie.remove("test2");
|
|
58
|
-
}, 3000);
|
|
59
|
-
document.onscroll = fun.throole(function () {
|
|
60
|
-
console.log("触发了几次了" + Date.now());
|
|
61
|
-
}, 200);
|
|
62
|
-
// let arr = [729.396, 72.6353, 6.3343, 1.1695];
|
|
63
|
-
let arr = [729.6986, 72.6, 6.119, 23.03,0.502];
|
|
64
|
-
let arr2 = arr.reduce((pre, next) => {
|
|
65
|
-
return pre + next;
|
|
66
|
-
});
|
|
67
|
-
let arr3 = arr.reduce((v, n) => {
|
|
68
|
-
return num.add(v, n);
|
|
69
|
-
});
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
console.log(arr2,'22');
|
|
73
|
-
console.log(arr3,'33');
|
|
74
|
-
console.log(num.add(3.29555556,2.63),'+');
|
|
75
|
-
console.log(num.sub(0.11, 0.306),'-');
|
|
76
|
-
console.log(num.mul(0.1, 0.3231),'*');
|
|
77
|
-
console.log(num.div(0.893, 0.3),'/');
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
let obj = {
|
|
81
|
-
name: '张三',
|
|
82
|
-
age:12,
|
|
83
|
-
info: {
|
|
84
|
-
sex: '男',
|
|
85
|
-
like: ['电影','游戏']
|
|
86
|
-
}
|
|
87
|
-
}
|
|
88
|
-
let obj2 = deepCopy({},obj)
|
|
89
|
-
obj2.age = 18
|
|
90
|
-
obj2.info.sex = '女'
|
|
91
|
-
obj2.info.like = ['耍']
|
|
92
|
-
console.log(obj2,obj,'深拷贝后的值变化')
|
|
93
|
-
|
|
94
|
-
let arr00 = [1,2,3,4,5]
|
|
95
|
-
let arr002 = deepCopy([],arr00)
|
|
96
|
-
arr002[0]=111
|
|
97
|
-
console.log(arr002,arr00)
|
|
98
|
-
},
|
|
99
|
-
methods: {
|
|
100
|
-
phoneCode(e){
|
|
101
|
-
if (verCode.phoneCodeStatus()) {
|
|
102
|
-
console.log('已经发送了')
|
|
103
|
-
return false
|
|
104
|
-
}
|
|
105
|
-
verCode.PhoneCode(e,10)
|
|
106
|
-
},
|
|
107
|
-
phoneCodeExit(){
|
|
108
|
-
verCode.PhoneCodeClear()
|
|
109
|
-
},
|
|
110
|
-
longpress() {
|
|
111
|
-
console.log(112233);
|
|
112
|
-
},
|
|
113
|
-
copyCli() {
|
|
114
|
-
copy("good哈哈哈失败", (res) => {
|
|
115
|
-
if (res.code == 200) {
|
|
116
|
-
// 成功
|
|
117
|
-
alert(res.msg);
|
|
118
|
-
} else {
|
|
119
|
-
// 失败
|
|
120
|
-
alert(res.msg);
|
|
121
|
-
}
|
|
122
|
-
});
|
|
123
|
-
},
|
|
124
|
-
inputsLk: fun.debounce(function (v,v2) {
|
|
125
|
-
console.log(this.name,v,v2);
|
|
126
|
-
}),
|
|
127
|
-
initScroll: fun.throole(function () {
|
|
128
|
-
console.log("触发了几次了" + Date.now());
|
|
129
|
-
}),
|
|
130
|
-
getCookie() {
|
|
131
|
-
console.log(cookie.get("test2"));
|
|
132
|
-
},
|
|
133
|
-
inputBlur() {
|
|
134
|
-
const regPhone = reg.Phone(this.name);
|
|
135
|
-
if (regPhone == true) {
|
|
136
|
-
console.log("正确", this.name);
|
|
137
|
-
} else {
|
|
138
|
-
console.log("错误", regPhone, "///");
|
|
139
|
-
console.log(
|
|
140
|
-
"错误",
|
|
141
|
-
reg.Phone(this.name, "空手机", "手机唧唧了"),
|
|
142
|
-
"///"
|
|
143
|
-
);
|
|
144
|
-
}
|
|
145
|
-
},
|
|
146
|
-
},
|
|
147
|
-
};
|
|
148
|
-
</script>
|
|
149
|
-
<style lang="scss" scoped>
|
|
150
|
-
.img {
|
|
151
|
-
width: 100px;
|
|
152
|
-
height: 100px;
|
|
153
|
-
}
|
|
154
|
-
</style>
|