布局vue web

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. 各个进程之间是独立的,各个线程之间共享一些资源。 ......
线程 进程 任务 效果 代码

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

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

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

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

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

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 组件 月份

Linux下嵌入式Web服务器BOA和CGI编程开发

https://blog.csdn.net/Ikaros_521/article/details/102610768 一、环境搭建操作系统:Ubuntu12.04 LTS ( CentOS7类似0.0 )boa下载地址(网址突然又挂了):http://www.boa.org/官方文档:http:// ......
嵌入式 服务器 Linux BOA CGI

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

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

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

Python异步编程之web框架 异步vs同步 Redis并发对比

在Redis IO方面,异步框架的性能是同步框架的4.3倍左右,和文件IO、数据库IO大体一致。横向和数据库IO比较略有下降,多次测试确实如此,猜测和redis-py模块的异步模式有关。 ......
框架 Python Redis web

html使用script 引入vue.js文件

使用script引入vue.js的方法: 1、使用<script> 标签直接引入本地vue.js文件 首先使用在 Vue.js 的官网上直接下载 vue.js文件到本地 下载地址:https://vuejs.org/js/vue.min.js 然后用 <script> 标签引入本地的vue.js文件 ......
文件 script html vue js

Ant Design Vue 按需导入与 UnoCSS 样式冲突

## 背景 Ant Design Vue 使用 Vite 插件 unplugin-vue-components 按需导入,组件上写的 UnoCSS 样式会被覆盖,无法生效。 圆角 10px 不生效: ![image](https://img2023.cnblogs.com/blog/2028513/ ......
样式 Design UnoCSS Ant Vue

vue-cli-了解src目录

![image](https://img2023.cnblogs.com/blog/1069029/202306/1069029-20230615234501637-1359333858.png) ``` assets文件夹:存放项目中用到的静态资源文件,例如:css样式表、图片资源 compone ......
vue-cli 目录 vue cli src

编译器设计与实现:Java编译器并发编程模型实现多核CPU和Web应用程序

[toc] 编译器设计与实现:Java编译器并发编程模型实现多核CPU和Web应用程序 摘要: 本文将介绍Java编译器的并发编程模型,并介绍如何将其应用于实现多核CPU和Web应用程序。本文将介绍Java编译器的核心原理和实现步骤,并探讨如何优化和改进编译器的性能、可扩展性和安全性。通过实际示例和 ......
编译器 应用程序 模型 程序 Java

vue中使用vue-particles动态粒子蜘蛛网背景

**vue-particles是什么?** 它是一款可以动态生成点和线的插件,然后线条可以自己动,还能与用户鼠标事件产生互动。 插件的github官网地址:https://gitcode.net/mirrors/creotip/vue-particles?utm_source=csdn_github ......
蜘蛛网 粒子 vue-particles 蜘蛛 vue

Web基础与HTTP协议

[toc] ## 一、DNS与域名 ### 1. DNS **DNS(Domain Nname System 域名系统)** 分布式 层次性 ### 2. 域名 **域名存在的意义:** IP地址不易记忆 **早期使用Hosts文件解析域名:** 主机名称重复 主机维护困难 **域名空间结构:** ......
基础 HTTP Web

Vue3 —— 商城项目

## create-vue create-vue是Vue官方新的脚手架工具,底层切换到了 vite (下一代前端工具链),为开发提供极速响应。 执行如下命令,这一指令将会安装并执行 create-vue `npm init vue@latest` > 无论您之前是否安装过create-vue,执行n ......
商城 项目 Vue3 Vue

vue时间处理

vue时间处理 https://blog.csdn.net/xc9711/article/details/123347629 前言 记录vue对时间的处理 String与时间戳、时间互转 计算时间差 设置时间格式: YYYY-MM-DD HH:mm:ss 年月日 时分秒形式以及HH:mm:ss 时分 ......
时间 vue

Vue项目打包部署上线时devServer.proxy代理失效如何解决?使用nginx的proxy_pass 代理跨域转发

Vue项目打包部署上线时devServer.proxy代理失效如何解决?使用proxy_pass 代理跨域转发 前言本篇文章用于记录项目前端部署上线遇到的问题,包含对问题的思考、解决思路,以及从中获得的收获。正确的部署流程我也写了一篇文章,供大家参考使用宝塔将Vue2+Nodejs全栈项目打包部署到 ......
proxy proxy_pass devServer 项目 nginx

web api接口设计备忘

![](https://img2023.cnblogs.com/blog/1859176/202306/1859176-20230615175144965-1457123944.png) ![](https://img2023.cnblogs.com/blog/1859176/202306/1859 ......
接口 web api

vue学习记录 4

本地服务器配置apache安装学习参考网址:(官网下载apache包的时候可能会疯狂断开链接)教程里没说,但是要管理员身份操作cmd。 https://blog.csdn.net/qqhruchen/article/details/127457889?spm=1001.2101.3001.6661. ......
vue