自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(97)
  • 资源 (1)
  • 收藏
  • 关注

原创 uni-app的showModal提示框,进行删除的二次确认,可自定义确定或取消操作

uni-app的showModal提示框,进行删除的二次确认,可自定义确定或取消操作

2024-06-25 17:41:16 584

原创 uni-app uni-data-picker级联选择器无法使用和清除选中的值

uni-app uni-data-picker级联选择器无法使用和清除选中的值

2024-06-25 17:34:24 474

原创 uni-app移动端使用uni-file-picker上传图片时通过canvas添加拍摄时间等水印信息

uni-app移动端使用uni-file-picker上传图片时通过canvas添加拍摄时间等水印信息

2024-06-24 11:16:19 624

原创 vue3 input type=“file“ 时的清空操作

vue3 input type="file" 时使用ref进行清空

2024-06-21 11:14:10 259

原创 Vue 路由跳转时携带参数怎么写?(持续完善中...)

Vue 路由route跳转时携带参数字符串和对象格式的实现

2024-06-20 18:16:35 329

原创 Vue3 头像是圆形,hover上去时头像出现黑色半透明样式,且中间显示修改两字的实现

Vue3 头像是圆形,hover上去时头像出现黑色半透明样式,且中间显示修改两字的实现

2024-06-20 18:00:45 219

原创 Vue3鼠标悬浮个人头像时出现修改头像,点击出现弹框,上传头像使用cropperjs可裁剪预览

Vue3鼠标悬浮个人头像时出现修改头像,点击出现弹框,上传头像使用cropperjs可裁剪预览

2024-06-18 17:26:08 746

原创 vue3实现div盒子的内容hover上去时样式改变及部分元素的显隐

利用mouseover和mouseout并结合css样式用vue3实现div盒子的内容hover上去时样式改变及部分元素的显隐

2024-06-18 17:08:14 341

原创 使用el-pagination出现样式超出时加上这个属性就能轻松解决

使用el-pagination出现样式超出时的问题解决

2024-06-13 11:47:42 210

原创 cesium添加自定义的marker,并给添加的marker设置一闪一闪的呼吸效果

cesium添加自定义的marker,并给添加的marker设置一闪一闪的呼吸效果

2024-05-31 10:05:30 165

原创 QuillEditor+vue3 本身不支持行高的配置,那么如何配置行高?

QuillEditor+vue3 配置行高

2024-05-30 15:11:22 333

原创 富文本QuillEditor+vue3组件代码纯享版

富文本QuillEditor+vue3组件代码纯享版

2024-05-30 14:53:21 314

原创 QuillEditor富文本结合vue3使用,可单独抽离成组件,富文本的内容可自定义

QuillEditor富文本结合vue3使用,可单独抽离成组件,富文本的内容可自定义

2024-05-30 14:47:04 733 2

原创 elementPlus+vue3易踩的坑之el-radio单选框:为什么默认选项都被勾选了?

elementPlus+vue3易踩的坑之el-radio单选框:为什么默认选项都被勾选了?

2024-05-27 15:29:57 902

原创 vue3瀑布流示例,左侧菜单根据窗口滚动条进行固定和取消固定,实现瀑布流demo

使用vue3关于瀑布流的展示及滚动条滑动时,左侧菜单的灵活固定

2024-05-26 09:15:00 508

原创 使用vue3实现右侧瀑布流滑动时左侧菜单的固定与取消固定

使用vue3实现右侧瀑布流滑动时左侧菜单的固定与取消固定

2024-05-25 15:10:20 282

原创 Vue3实现简单的瀑布流效果,可抽离成组件直接使用

Vue3实现瀑布流效果,组件已封装,直接使用即可。

2024-05-23 10:59:14 659

原创 vue3 子组件改变父组件的值,并传给父组件

vue3 子组件改变父组件的值,并传给父组件

2024-01-23 14:38:49 1304 1

原创 前端使用qrcodejs2插件实现根据网址生成二维码

【代码】前端使用qrcodejs2插件实现根据网址生成二维码。

2023-10-20 16:19:08 842

转载 Vue - vuedraggable 拖拽排序功能

通过vuedraggable 实现数组数据的拖拽排序功能,数组数据可为table也可为div等样式。

2023-08-22 13:59:17 564

原创 el-table分页后序号连续的两种方法

el-table分页后序号连续的两种方法

2023-08-15 10:24:34 3041

原创 div输入框的文字超过指定行数用省略号表示css

div输入框的文字超过指定行数用省略号表示css

2023-08-15 10:06:49 628

转载 vue\js等获取当前页面的url网址(超全)

我们在开发中经常会遇到获取当前网址的url、协议、域名、端口、路径、参数等情况,以下总结了几种常见的获取当前url的几种情形。

2023-07-19 14:39:35 5665

原创 JS年龄、身份证号、出生日期、邮箱、密码、数字、中文等多种方式校验(持续完善中...)

JS年龄、身份证号、出生日期、邮箱、密码、数字、中文等多种方式校验(持续完善中...)

2023-06-25 17:39:15 493

原创 js常见脱敏:手机号脱敏、邮箱脱敏、身份证号脱敏、姓名脱敏等

【代码】js常见脱敏:手机号脱敏、邮箱脱敏、身份证号脱敏、姓名脱敏等。

2023-06-15 18:11:45 3330

原创 视频监控设置四宫格九宫格静态视频

1.在global.config.js文件中,设置公共静态视频。5.在视频监控的vue文件中,beforeDestroy中。2.在视频监控的vue文件中,template 中。4.在视频监控的vue文件中,method中。3.在视频监控的vue文件中,data中。

2023-06-13 10:55:27 952

转载 vue/css滚动条设置(颜色、宽度、滑块设置等)

【代码】vue/css滚动条设置(颜色、宽度、滑块设置等)

2023-05-15 16:38:59 2539 1

转载 前端CryptoJS加解密

CryptoJS是标准安全加密算法的JavaScript实现,运行速度快,接口简单,见名知意。文档说明可参考:CryptoJS文档说明。版权声明:本文为CSDN博主「凌波漫步&」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。CryptoJS的实现主要有哈希算法,HMAC、加密算法、以及常用编解码算法。哈希算法,如MD5、SHA-1、SHA-2等。编解码算法,如Base64、Hex16等。加密算法,如AES、DES等。一、安装crypto-js。

2023-03-24 18:33:27 3118

转载 vue页面嵌入脚本开发代码块vue-prism-editor的实现(可编辑代码,有格式化)

vue页面嵌入脚本开发代码块vue-prism-editor的实现(可编辑代码,有格式化)

2022-12-22 18:49:07 1188 1

转载 标准文档流、脱离文档流及脱离文档流的3种方式

1、如果元素不再满足浏览器的默认布局排版,也就是说将元素从默认的布局排版中拿走,此时这个元素不再占有它在标准流中的位置。那么这时这个元素就脱离了文档标准流,此时就是脱离文档流了。2、元素脱离文档流之后,将不再在文档流中占据空间,而是处于浮动状态(可以理解为漂浮在文档流的上方)。3、脱离文档流的元素的定位基于正常的文档流,当一个元素脱离文档流后,依然在文档流中的其他元素将忽略该元素并填补其原先的空间。既要实现既要并排,又要设置宽高,此刻就要脱离标准流。

2022-09-07 16:37:22 4512 1

转载 CSS中的BFC详解:定义、触发方式及应用场景

BFC就是一个css的一个布局概念,是一个独立的区域,是一个环境。Block Formatting Context:块级格式化上下文。W3C的官方解释:它决定了元素如何对其内容进行定位,以及与其他元素的关系和相互作用,当涉及到布局的时候,Block Formatting Context提供了一个环境,HTML元素在这个环境中按照一定规则进行布局。BFC的目的:形成一个完全独立的空间,让空间中的子元素不会影响到外面的布局。

2022-09-07 16:12:59 294

转载 Vue中的scoped实现原理和样式穿透方法及原理

当一个style标签拥有scoped属性时,它的CSS样式就只能作用于当前的组件,通过该属性,可以使得组件之间的样式不互相污染。

2022-09-07 15:59:47 303

原创 js中截取字符串substring()\slice()、截取特殊字符前后的字符串及将字符串全部转化为小写、字符串首字母转化为大写

1.substring():提取字符串中两个指定的索引号之间的字符start,stop)startstop可选。一个非负的整数,比要提取的子串的最后一个字符在 stringObject 中的位置多 1。如果省略该参数,那么返回的子串会一直到字符串的结尾。2.substr():从起始索引号提取字符串中指定数目的字符.substr(start,length)startlength3.slice():提取字符串的片断,并在新的字符串中返回被提取的部分。

2022-09-07 15:18:24 1044

原创 vue js中使用typeof和Object.prototype.toString.call()判断类型(超详细),浅析call()和apply()的区别

vue js中使用typeof和Object.prototype.toString.call()判断类型(超详细),浅析call()和apply()的区别

2022-08-02 14:56:07 4960

原创 el-table中加入el-input框和el-input-number框,实现el-table的可编辑功能

在需要加入el-input和el-input-number的列使用template即可。

2022-07-29 16:58:30 3668 3

原创 vue中el-table的行拖拽和el-dialog中表格的行拖拽

以上行拖拽的方法适用于实现效果的第一种情况,即根据querySelector('.el-table__body-wrappertbody')可找到页面中的el-table实现拖拽。(2)页面中有el-table,el-table中点击出现弹框,弹框中有el-table,实现弹框中的表格拖拽。5.vue页面中使用mounted挂载行拖拽的方法,使其页面加载即可调用。3.使用el-table需有唯一的key值,如id。(1)el-table的行拖拽(可整行拖拽)这样就实现了el-table的行拖拽功能。...

2022-07-29 16:42:33 5666 3

原创 element+vue 消息提示设置为不重复出现的方法(局部即单个页面实现)

现在需设置element中Message消息提示不重复出现,即对现在点击时是否出现message进行判断,若存在则不重复出现,否则出现消息提示。代码解释对目前的el-message是否出现进行判断若没出现进行消息提示,若出现则关闭消息提示。...

2022-07-29 15:39:39 837

原创 vue中使用el-table设置排名前三用金银铜的图标展示,其余排名正常展示

实现效果:实现方式:<el-table :data="tableData" :header-cell-style="{ color: 'rgba(255,255,255,1)', textAlign: 'center' }" :cell-style="{ textAlign: 'center' }" > <el-table-column label="排名" type="index" width="57px">

2022-05-26 10:22:29 4896 4

原创 Cesium中el-tree点击其勾选框对应数据上球,点击球上部分出现弹窗和高亮,取消勾选球上数据消失

实现目标:点击el-tree中的勾选框,对应的数据渲染至地球上,点击地球上的对应数据,该处出现高亮及弹框信息。取消勾选框后,高亮和弹框信息均消失。实现方法:vue

2022-05-20 14:49:16 761 1

原创 vue前后端实现WebSocket的连接,数据库变化后后端推送的消息在前端主动推送,同时实现页面的部分更新

实现目标:前后端通过WebSocket建立连接,当数据库发生变化后后端向前端推送消息,前端将展示后端推送的消息,同时实现页面部分数据的更新。实现方法:vue文件中:data中:wsUrl: 'xxxx/ws/xxxx/ws/dem/',methods中:// ---- WebSocket连接start ---- initWebSocket() { let randomNum = Math.round(Math.random() * 100) //初始化weosoc

2022-05-19 07:45:00 3558

中间件技术简介

对中间件技术的简单介绍及几种类型常用的中间件,基于JAVA、面向过程、面向对象、基于COM的四种基本中间件的简要介绍,适合初学者。

2019-03-05

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除