Vue项目防止用户快速点击按钮操作

自定义Vue指令 // 防止多次点击按钮 Vue.directive(‘preventReClick’, { inserted (el, binding) { console.log(binding) el.addEventListener(‘click’, () => {...

关于uniapp防止多次点击按钮的解决方法

由于uniapp 不支持vue的自定义指令,只能使用函数来解决多次点击的问题,原理是点击该方法时 创建一个js文件 然后导出该函数 // 处理多次点击 function noMultipleClicks(methods) { l...

关于谷歌浏览器会将http的不安全图片强制转换成https的安全形势访问的问题

转载 https://sspai.com/post/63507  

HbuilderX软件更新之后,uniapp项目无法运行,编译时node-sass报错。

第一天用hbuilderX写着代码,第二天到公司,打开电脑,发现软件有更新提示,好咧,更新hubilderX,又能摸鱼一小会儿 更新结束后运行项目,啊咧?报错? 可以看到上面的Error  win32-x64-47_...

uniapp websocket使用方式

// 进入这个页面的时候创建websocket连接【整个页面随时使用】 connectSocketInit() { // 创建一个this.socketTask对象【发送、接收、关闭socket都由这个对象操作】 const url = “ws:/...

前端网络知识点总结

想起以前挺多公司的面试都有要求会网络知识点的,而且今天前端的微信公众号就有推,搬运过来记一记。 原文链接:https://mp.weixin.qq.com/s/J9bU6HuD94dw7o-M6hEq7g 一、HTTP协议 1、什么是...

JavaScript异步编程

JS采用单线程模式工作的原因 JavaScript的执行环境是单线程执行,因为JS语言是最早是运行再浏览器的语言,主要目的是为了现实动态交互。实现动态交互的核心就是DOM操作,因此决定了JS必须是...

elementui中table的bug

将鼠标放在表格的内里面,会高亮当前行,但是继续往下挪动的时候,会导致上一行的下边框莫名其妙的消失。 解决方法,在css里面设置样式,tr的类名是el-table__row 然后再写个td 设置top:-1px

Vue中keepAlive遇到的一个深坑

开发的时候遇到一个问题,从A页面跳到B页面,然后从B页面跳回A页面,A页面不会发生数据的改变,于是使用了keepAlive进行页面状态的缓存。然后问题就来了,从A页面跳到B页面,在B页面刷新页面...

JS设计模式

单例模式 1.定义 保证一个类仅有一个实例,并提供一个访问它的全局访问点 2. 核心 确保只有一个实例,并提供全局访问 3.实现 :全局弹窗 弹窗是前端开发中一个比较常规的需求,下面定义了一个...