- 博客(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 头像是圆形,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
原创 cesium添加自定义的marker,并给添加的marker设置一闪一闪的呼吸效果
cesium添加自定义的marker,并给添加的marker设置一闪一闪的呼吸效果
2024-05-31 10:05:30
165
原创 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
转载 Vue - vuedraggable 拖拽排序功能
通过vuedraggable 实现数组数据的拖拽排序功能,数组数据可为table也可为div等样式。
2023-08-22 13:59:17
564
转载 vue\js等获取当前页面的url网址(超全)
我们在开发中经常会遇到获取当前网址的url、协议、域名、端口、路径、参数等情况,以下总结了几种常见的获取当前url的几种情形。
2023-07-19 14:39:35
5665
原创 JS年龄、身份证号、出生日期、邮箱、密码、数字、中文等多种方式校验(持续完善中...)
JS年龄、身份证号、出生日期、邮箱、密码、数字、中文等多种方式校验(持续完善中...)
2023-06-25 17:39:15
493
原创 视频监控设置四宫格九宫格静态视频
1.在global.config.js文件中,设置公共静态视频。5.在视频监控的vue文件中,beforeDestroy中。2.在视频监控的vue文件中,template 中。4.在视频监控的vue文件中,method中。3.在视频监控的vue文件中,data中。
2023-06-13 10:55:27
952
转载 前端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
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人