写法vue2 vue js

vue+vant实现浮动导航栏点击定位到模块,且选中效果随滚动切换

1.主页面中导入浮动导航栏(使用vant的粘性布局sticky组件,使首屏下方的导航栏随页面滚动浮动在想要的位置): <template> <div class="app-container"> <!-- 浮动导航 --> <van-sticky style=" z-index: 1; positi ......
模块 效果 vant vue

记录vue 3 、Element Plus 框架可进行开发的可选导入语句

Vue 3 框架中有许多可选的导入语句,用于在开发过程中使用不同的功能和特性。以下是一些常见的 Vue 3 可选导入语句示例: ref、reactive、toRefs:用于创建响应式数据和处理数据的函数。 computed:用于创建计算属性的函数。 watch:用于监听数据变化的函数。 nextTi ......
语句 框架 Element Plus vue

vue中使用mqtt实现实时通信

## 简介 MQTT(Message Queuing Telemetry Transport,消息队列遥测传输协议),是一种基于发布/订阅(publish/subscribe)模式的"轻量级"通讯协议,是 TCP/IP 的再封装,由 IBM 在 1999 年发布。MQTT 最大优点在于,地开销,少流 ......
实时 mqtt vue

module vue has no exported member h vetur 2614

一、尝试了 引入h函数,怎么都是失败 二、 最后是在函数里面,使用 const h = this.$createElement 得到方法 三、 ......
exported module member vetur 2614

web worker进程和线程的区别,Chrome 中有哪些常⻅进程,如果我有⼀个耗时很⻓的同步计算任务,如何让 JS 代码达到多线程并发执⾏的效果

进程(Process)和线程(Thread)都是操作系统中用于多任务处理的概念。简单地说,一个进程就是一个程序的执行空间,而一个线程则是在执行空间内独立运行的执行路径。 区别: 1. 进程是系统分配资源的最小单位,线程是操作系统调度的最小单位。 2. 各个进程之间是独立的,各个线程之间共享一些资源。 ......
线程 进程 任务 效果 代码

javascript,js,node.js等之间的区别

javascrip简称为js,是一门语言。 node.js是一个平台。 https://blog.csdn.net/liuxiaoniudechuntian/article/details/109830258 ......
javascript 之间 node js

vue 组件定位插件 webpack-code-inspector-plugin -- 强烈推荐

# 作用 alt + shift + 鼠标左键 自动跳转 vscode项目的组件代码 # 项目地址 https://github.com/zh-lx/code-inspector/blob/main/packages/webpack-plugin/README.md # 使用方法 ``` npm i ......

前端vue单个文件上传支持图片,压缩包以及文件 , 下载完整代码请访问uni-app插件市场址:https://ext.dcloud.net.cn/plugin?id=13066

#### 前端vue单个文件上传支持图片,压缩包以及文件 , 下载完整代码请访问uni-app插件市场址:https://ext.dcloud.net.cn/plugin?id=13066 #### 效果图如下: ![](https://p3-juejin.byteimg.com/tos-cn-i- ......
文件 前端 单个 插件 uni-app

直播app开发,JS 获取当天、上周、本周,下周开始时间

直播app开发,JS 获取当天、上周、本周,下周开始时间 <script> // 注释:Date.parse() // 转化时间戳 // 时间 var now = new Date(); // 当前日期 var nowDayOfWeek = now.getDay(); // 今天本周的第几天 var ......
时间 app

直播平台怎么搭建,vue 中判断数组中是否有重复的数据

直播平台怎么搭建,vue 中判断数组中是否有重复的数据 isRepeat(v){ let obj = {} for(let i in v){ if(obj[v[i]]){ return true } obj[v[i]] = true } return false }, ​ 以上就是 直播平台怎么搭建 ......
数组 数据 平台 vue

js保留小数位数(进位舍去)问题

toFixed(x) 这个方法在使用时,它内部对于进位舍去并没有使用四舍五入方法,而是使用的是银行家舍去法,即: 舍去位的数值小于5时,直接舍去 舍去位的数值大于等于6时,进位舍去 当舍去位的数值等于5时,分为两种情况:5后面还有其他数字(非0),则进位后舍去;若5后面是0,则根据5前一位数的奇偶性 ......
小数 位数 问题

vue+html2canvas生成寄几想要的海报

需求: 点击弹出一个弹窗,其中是某个作品内容的海报,需要呈现作品的内容+二维码 思路: 获取作品内容渲染到弹窗中,生成包含分享链接的二维码,将整个界面转为图片,用户可以长按保存,并扫描识别。 方案及步骤: 1.引入html2canvas实现生成图片的功能 npm install --save htm ......
html2canvas 海报 2canvas canvas html2

Qt+QtWebApp开发笔记(六):http服务器html实现静态相对路径调用第三方js文件

前言 前面做了一些交互,网页是直接通过html对response进行返回的,这里QtWebApp与传统的web服务器不同,传统的web服务器可以调用同级目录相对路径或者绝对路径下的js,而QtWebApp的httpserver是response返回当前页面的问题,默认是无法调用的。 为了解决调用一些 ......
静态 第三方 路径 QtWebApp 服务器

Node.js 开发常用到的库和插件工具,同事看到后也悄悄收藏了……

Node.js是一个功能强大,并且非常流行的 JavaScript 运行时环境,使开发人员能够高效率的构建高性能应用程序。下面介绍了8个常见的应用程序开发中用到的库和函数,可以用于缓存数据、操作日期、处理图像、发送电子邮件、发出 HTTP 请求、记录请求和响应、压缩数据和哈希密码等。通过使用这些库, ......
插件 同事 工具 Node js

js保留小数的方法(如保留一位小数)

js保留小数的方法如下:(以保留两位为例) 1、toFixed()方法 需注意,保留两位小数,将数值类型的数据改变成了字符串类型 // 1. 四舍五入var num = 1.7321;num = num.toFixed(2);console.log(num); //1.73console.log(t ......
小数 方法

vue中this.$refs获取不到组件元素的解决办法

vue中this.$refs获取不到组件元素的解决办法 http://www.allyns.cn/info/162 当我们在vue开发中遇到使用this.$refs报错获取不到组件元素时。 <template> <div class="dataQueryEventGraphDialog"> <hg- ......
组件 元素 办法 this refs

Vue el-date-picker 日期组件的使用,需要初始化时间,初始化时间时候,注意 日期月份 补0

Vue el-date-picker 日期组件的使用 需要初始化时间,初始化时间时候,注意 日期月份 补0 https://www.cnblogs.com/zhoushuang0426/p/10606863.html 一:显示年月 <el-date-picker v-model="selectMon ......
日期 时间 el-date-picker 组件 月份

js日期格式补0 ,获取当前时间,判断,补0,进行字符串拼接

js日期格式补0,获取当前时间,判断,补0,进行字符串拼接 https://blog.csdn.net/m0_56272227/article/details/127803556 背景:一般情况下需要对日期做补0操作 方法一: getTime(){ const time = new Date() c ......
字符串 字符 日期 格式 时间

js正则格式化日期时间自动补0的两种解法 将2022-3-4这种日期格式转化为2022-03-04

js正则格式化日期时间自动补0的两种解法 将2022-3-4这种日期格式转化为2022-03-04 https://www.jb51.net/article/225324.htm +目录背景 解法一 思路:代码:解法二 思路:总结 参考 背景 时间日期格式化的需求很常见,也有很多工具类转换方法,比如 ......
日期 格式 解法 正则 2022

js 将对象转成url参数,url参数转成对象

/** * 获取url的参数,并转成对象 */ function getUrlParamJson() { var url = window.location.href; if (url.indexOf("?") == -1) { return {}; } var obj = {}; url = ur ......
对象 参数 url js

svn: E155015: Commit failed (details follow): svn: E155015: Aborting commit: 'modules/user.js' remains in conflict

这个意思是冲突了,签出来的时候,会有几个文件。 user.mine.js user.r389.js user.js ... 代表了几个版本 然后合并以后,发现签不上去。 % svn resolved user.js “user.js”的冲突状态已解决 这样再签就可以了。 参考:https://www ......
E155015 155015 svn Aborting conflict

js~在浏览器中对用户名和密码进行存储

# base64函数 `btoa()` 和 `atob()` 是 JavaScript 中的标准函数,通常在现代浏览器中都能正常工作。然而,它们在处理非 ASCII 字符时可能存在一些兼容性问题。 这些函数的主要限制在于它们仅支持 ASCII 字符集,对于非 ASCII 字符(如 Unicode 字 ......
用户名 浏览器 密码 用户 js

由于nvm踩坑而引发的‘vue‘不是系统内部或外部命令

首先可以检查一下nvm中你使用的node版本号里的node_global中是否有vue.cmd文件 如果有的话,这位博主的文应该会对你有所帮助:nvm中, vue不是内部或外部命令_诸葛韩信的博客-CSDN博客 如果没有,按以下步骤走 步骤: 1、检查环境变量 【注意:以下修改操作每次完成后都要记得 ......
命令 系统 nvm vue

js的NaN深入了解

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>javascript</title> <style> </style> </head> <body> <script> // 下面的字符串转换成NaN结果,但是 ......
NaN

Three.js教程:平行光与环境光

推荐:将NSDT场景编辑器加入你的3D工具链 其他系列工具:NSDT简石数字孪生 平行光与环境光 本节课通过平行光DirectionalLight (opens new window)和环境光AmbientLight (opens new window)进一步了解光照对应模型Mesh表面的影响。 点 ......
环境 教程 Three js

3d翻转动画 vue3 ts

``` Click me ``` ......
动画 vue3 vue ts

vue-element-admin 上传图片慢问题处理

vue-element-admin自带上传图片组件,在使用的过程中发现上传速度很慢,尤其是上传一些大图需要耗时几十秒不能忍受。出现这种情况,是因为upload组件会将图片上传到action="https://httpbin.org/post" ,并返回转换成base64编码格式的数据。 格式类似: ......

vue在线预览pdf、word、xls、ppt等office文件

perview(row){ const typeArr = ['doc', 'docx', 'ppt', 'pptx', 'xls', 'xlsx'] let arr=row.url.split('.') let fileType=arr[arr.length-1] let url = '' if ......
文件 office word vue pdf

vue之computed

## 对Vue computed的理解 ### 一、什么是computed Vue的computed属性是一种计算属性,它的值是根据其他属性计算而来的。Vue会自动追踪computed属性所依赖的属性,并在这些属性发生变化时重新计算computed属性的值。 computed属性的实现原理是使用了V ......
computed vue

vue的自定义指令

自定义指令 含义 vue官方提供了v-text,v-bind,v-for,v-model,v-if等常用指令,除此之外vue还允许开发者自定义指令。 自定义指令分为两类: 私有自定义指令 全局自定义指令 注意事项 自定义指令使用时需要添加 v- 前缀 指令名如果是多个单词,要使用 kebab-cas ......
指令 vue