logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

前端vue实现点击复制,将文本复制

页面模板代码<input ref="code" value="eotodo.com" readonly></input><div @click="copyBtn" class="cursor">复制</div>script代码// 复制邀请码copyBtn() {let copyText = ...

vue项目开发中,子组件使用样式隔离之后,解决父组件无法修改子组件的样式

Scoped CSS当 <style> 标签有 scoped 属性时,它的 CSS 只作用于当前组件中的元素。这类似于 Shadow DOM 中的样式封装。它有一些注意事项,但不需要任何 polyfill。它通过使用 PostCSS 来实现以下转换:<style scoped>.example {color: red;}</style>...

前端二维码的实现/vue项目实现前端生成二维码

需求项目中某些功能要用到二维码,比如说某个下载链接,对于移动端用户来说,我们不能只展示一个url,让用户自己复制去下载。或者h5页面,此时就需要展示一个二维码来给用户,让用户直接扫码进入链接。分析当初在设计的时间,考虑的是后端返回图片,但是图片返回会有些影响,不管是图片的加载时间还是后端图片的生成,都远远没有我们前端自己来动手方便,毕竟自己动手丰衣足食。实现一、在Vue...

使用 WebSocket 客户端连接 MQTT 服务器/vue 项目使用mqtt消息队列实现推送

简介近年来随着 Web 前端的快速发展,浏览器新特性层出不穷,越来越多的应用可以在浏览器端或通过浏览器渲染引擎实现,Web 应用的即时通信方式 WebSocket 得到了广泛的应用。WebSocket 是一种在单个 TCP 连接上进行全双工通讯的协议。WebSocket 通信协议于2011年被 IETF 定为标准 RFC 6455,并由 RFC 7936 补充规范。WebSocket AP...

vscode 开发vue项目<template>标签报错

项目已经开发很长时间了,一直没有问题,但是昨天新建了个项目,所以开发工具安装了下less支持,今天来打开以前的项目,发现template标签报错了,一脸懵逼,首先想的是先把less插件禁用,但是依然没有生效,后来怕了好长时间,才处理掉。1,确认是否安装了vetur插件。2,找到vscode的设置3,按图找到json文件4,添加如下配置"files.associati...

#vscode
vscode 开发vue项目<template>标签报错

项目已经开发很长时间了,一直没有问题,但是昨天新建了个项目,所以开发工具安装了下less支持,今天来打开以前的项目,发现template标签报错了,一脸懵逼,首先想的是先把less插件禁用,但是依然没有生效,后来怕了好长时间,才处理掉。1,确认是否安装了vetur插件。2,找到vscode的设置3,按图找到json文件4,添加如下配置"files.associati...

#vscode
到底了