组件 常用confirm vue
vue技术点归纳
1.vue是什么？ vue是一套构建用户界面的渐进式框架，核心库只关注视图层。vue和react相同点： 1.都使用 virtual DOM; 2.提供了响应式(reactive); 3.组件化(composable)的视图组件； 4.都支持native方案； 5.都支持SSR服务端渲染； 6.都支 ......
关于vue2路由跳转问题记录
1. vue 路由间跳转和新开窗口的方式（query， params） 路由间跳转配置： query方式：参数会在url中显示 this.$router.push({ path: '路由地址', query: { msg: 'hello world' } }) params方式：传参数据不会在导航栏 ......
微信小程序父页面与子组件通信
> 父向子组件传递数据 1、在父页面的js中定义需要传递的数据 ```javascript data:{ message: 'hello' } ``` 2、在父页面的`wxml`中使用`子组件`，并写上要传递的数据，这部分和vue很相似 ```javascript ``` 3、在子组件的js文件中， ......
vue+vant实现浮动导航栏点击定位到模块，且选中效果随滚动切换
1.主页面中导入浮动导航栏（使用vant的粘性布局sticky组件，使首屏下方的导航栏随页面滚动浮动在想要的位置）： <template> <div class="app-container"> <!-- 浮动导航 --> <van-sticky style=" z-index: 1; positi ......
记录vue 3 、Element Plus 框架可进行开发的可选导入语句
Vue 3 框架中有许多可选的导入语句，用于在开发过程中使用不同的功能和特性。以下是一些常见的 Vue 3 可选导入语句示例： ref、reactive、toRefs：用于创建响应式数据和处理数据的函数。 computed：用于创建计算属性的函数。 watch：用于监听数据变化的函数。 nextTi ......
vue中使用mqtt实现实时通信
## 简介 MQTT（Message Queuing Telemetry Transport，消息队列遥测传输协议），是一种基于发布/订阅（publish/subscribe）模式的"轻量级"通讯协议，是 TCP/IP 的再封装，由 IBM 在 1999 年发布。MQTT 最大优点在于，地开销，少流 ......
module vue has no exported member h vetur 2614
一、尝试了 引入h函数，怎么都是失败 二、 最后是在函数里面，使用 const h = this.$createElement 得到方法 三、 ......
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 #### 效果图如下： { let obj = {} for(let i in v){ if(obj[v[i]]){ return true } obj[v[i]] = true } return false }, 以上就是 直播平台怎么搭建 ......
前端table组件封装
前端表格组件是现代Web应用程序中常见的UI控件之一，也是前端开发人员最常用的控件之一。在实际项目中，一个好的前端表格组件必须具备稳定性、易用性和扩展性等特点。因此，对于前端表格的封装技术非常重要。 前端表格的封装技术包括以下几个方面： 1. 数据源封装：前端表格必须有一个数据源，而通常我们的数据源 ......
vue+html2canvas生成寄几想要的海报
需求： 点击弹出一个弹窗，其中是某个作品内容的海报，需要呈现作品的内容+二维码 思路： 获取作品内容渲染到弹窗中，生成包含分享链接的二维码，将整个界面转为图片，用户可以长按保存，并扫描识别。 方案及步骤： 1.引入html2canvas实现生成图片的功能 npm install --save htm ......
vue中this.$refs获取不到组件元素的解决办法
vue中this.$refs获取不到组件元素的解决办法 http://www.allyns.cn/info/162 当我们在vue开发中遇到使用this.$refs报错获取不到组件元素时。 <template> <div class="dataQueryEventGraphDialog"> <hg- ......
Vue el-date-picker 日期组件的使用，需要初始化时间，初始化时间时候，注意 日期月份 补0
Vue el-date-picker 日期组件的使用 需要初始化时间，初始化时间时候，注意 日期月份 补0 https://www.cnblogs.com/zhoushuang0426/p/10606863.html 一:显示年月 <el-date-picker v-model="selectMon ......
Kafka系列---【kafka常用命令】
# kafka常用命令 ## 1.查看消费者组列表 ```shell ./kafka-consumer-groups.sh --bootstrap-server localhost:9092 --list ``` ## 2.查看指定groupid的消费状态详情 ```shell #能查看partit ......
AJAX常用知识点及应用
一、概念相关 Async JavaScript And XML 是JS通过异步方式啦获取响应并且局部更新页面 二、XHLHttpRequest 【在AJAX中被大量使用】 是一个API，挂在window上。 为客户端提供了在客户端和服务器之间进行数据传输的功能 通过URL来获取数据，并且不会使页面整 ......
封装前端svg组件
## 前言： SVG（Scalable Vector Graphics）是一种基于 XML 的矢量图形格式，它可以在网页上展示高质量的图像，并且可以无损缩放。在前端开发中，SVG 图片被广泛用于创建图标、图形和动画效果。此篇文章将讲述在前端vue项目中封装svg组件，使其svg简单使用。 ## 1. ......
Winows Commands （Winsows常用命令行）
有时候在Windows中开启一些软件不免会出现软件卡崩的情况，尤其是有些软件在出现故障的时候不自动关闭而是一直弹窗，像个病毒一样，这时候我们不得不去使用Windows的Task Manager找到该应用程序并将其关掉，但是在Task Manager中查找非常耗时耗眼力，下面的Windows常用命令行 ......
由于nvm踩坑而引发的‘vue‘不是系统内部或外部命令
首先可以检查一下nvm中你使用的node版本号里的node_global中是否有vue.cmd文件 如果有的话，这位博主的文应该会对你有所帮助：nvm中, vue不是内部或外部命令_诸葛韩信的博客-CSDN博客 如果没有，按以下步骤走 步骤： 1、检查环境变量 【注意：以下修改操作每次完成后都要记得 ......
iOS 单元测试之常用框架 OCMock 详解
测试驱动开发并不是一个很新鲜的概念了。在日常开发中，很多时候需要测试，但是这种输出是必须在点击一系列按钮之后才能在屏幕上显示出来的东西。测试的时候，往往是用模拟器一次一次的从头开始启动 app，然后定位到自己所在模块的程序，做一系列的点击操作，然后查看结果是否符合自己预期。 ......
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 ......
vue之computed
## 对Vue computed的理解 ### 一、什么是computed Vue的computed属性是一种计算属性，它的值是根据其他属性计算而来的。Vue会自动追踪computed属性所依赖的属性，并在这些属性发生变化时重新计算computed属性的值。 computed属性的实现原理是使用了V ......
vue的自定义指令
自定义指令 含义 vue官方提供了v-text,v-bind,v-for,v-model,v-if等常用指令，除此之外vue还允许开发者自定义指令。 自定义指令分为两类： 私有自定义指令 全局自定义指令 注意事项 自定义指令使用时需要添加 v- 前缀 指令名如果是多个单词，要使用 kebab-cas ......
Kubernets 调度常用的命令-马哥教育
taints 内容包括 key、value、effect： key 就是配置的键值value 就是内容effect 是标记了这个 taints 行为是什么目前 Kubernetes 里面有三个 taints 行为： NoSchedule 禁止新的 Pod 调度上来PreferNoSchedul 尽量 ......
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文件 ......
Ant Design Vue 按需导入与 UnoCSS 样式冲突
## 背景 Ant Design Vue 使用 Vite 插件 unplugin-vue-components 按需导入，组件上写的 UnoCSS 样式会被覆盖，无法生效。 圆角 10px 不生效:  ```yml datasource: type: com.alibaba.druid.pool.DruidDataSource driver-class-name: com.mysql.cj.jdbc.Driver url: jdbc:mysq ......