1. 安装及使用腾讯 alloylever
安装: npm install alloylever -S
引入: import Alloylever from 'alloylever'
配置: Alloylever.config({
cdn: '',
entry: '',
...
})
2. 遇到的问题
- 默认点击6次就会显示, 而且次数累计,生产环境用户容易误触
- 绑定元素必须默认直接显示, 此问题只在移动端真实环境出现 chrome 模拟器正常没问题
3. 解决办法
Alloylever.config = function(config){
...
if(config.entry){
window.addEventListener('load', function() {
setTimeout(() => {
Alloylever.entry(config.entry)
}, 2000)
})
}
...
}
Alloylever.entry = function(selector) {
var count = 0,
entry = document.querySelector(selector),
clickTime = new Date().getTime()
if(entry) {
entry.addEventListener('click', function () {
if ((clickTime + 3000 > new Date().getTime()) && count !== -10000) {
count++
} else if (count !== -10000) {
clickTime = new Date().getTime()
count = 0
}
console.log(count, Alloylever.settings.clickTimes);
if (count > Alloylever.settings.clickTimes) {
count = -10000
Alloylever.vConsole(true)
}
})
}
}