自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(32)
  • 收藏
  • 关注

原创 Javascript常规的加密方式(3种)

这种编码方式广泛应用于将二进制数据转换为文本数据的场合,例如在电子邮件中传输二进制数据。MD5是一种广泛使用的消息摘要算法,用于验证数据完整性和防止数据被篡改。MD5生成的摘要信息是一个128位的二进制数据,通常表示为32个十六进制数字。函数则可以将字符串转换为可传输的URI格式。最后,我们将处理后的字符串返回作为结果。函数来加密输入字符串,然后将结果转换为字符串并返回。函数来解密字符串,然后将结果转换为UTF-8格式的字符串并返回。函数进行摘要计算,然后将结果转换为十六进制格式的字符串返回。

2023-05-18 23:30:58 2021

原创 table表头高度自适应解决方法

1、解决办法原因就是因为表格高度是固定的,在大分辨率下的屏幕可以显示,小分辨率的屏幕就显示不完全,所以我们需要动态的去设置表格的高度,设置方法如下。

2023-05-06 14:27:36 755

原创 swiper横向轮播——阶梯式滚动轮播

swiper横向轮播——阶梯式滚动轮播

2023-03-02 20:32:22 638

原创 git 基本使用命令

2.在电脑上新建一个项目文件夹,在文件夹里点击右键——>Git Bash Here,打开Git命令行。注:提交时可能需要输入git的账号密码,输入正确即可完成提交。git commit -m "本地提交说明(可以不写)"3.输入git clone + 项目地址。1.在本地项目根路径打开 git命令窗口。初始化git命令 会出现一个.git文件。2.将项目内容添加到git里面。3.提交代码到本地仓库里。

2023-01-09 20:12:42 214

原创 富文本编辑器 vue-quill-editor 的使用

上面是基本的在vue2组件中的用法Vue Element UI 之富文本插件实现图片调整大小(quill-image-resize-module)、图片粘贴(quill-image-drop-module)

2022-10-12 23:06:43 986

原创 常见的http请求状态码的200/300/400/500各代表的意思

http请求状态码的解答

2022-10-11 21:17:19 4216

原创 Echarts一些问题解答

常见的echars图问题

2022-09-24 18:31:31 468

原创 iview ui Upload的使用

iview ui 里的upload 的用法

2022-09-19 10:35:29 684

原创 怎么监听路由的改变的两种方式(watch,路由守卫)

有时候在项目中要监听路由的变化,如路由传值等 。warth(监听路由)warth监听路由的参数按常规的 。

2022-09-17 09:09:23 396

原创 view Ui 里的from表单重置问题 this.$refs.form.resetFields

view ui 组件中,from表单提交 resetField方法

2022-08-08 09:29:02 1361

原创 数组元素记重方法

2022-07-24 18:11:04 99

原创 iview ui table表格里嵌入其它组件

2022-07-24 18:08:10 507

原创 常见的密码验证正则

要求一、1.密码必须由字母、数字、特殊符号组成,区分大小写2.特殊符号包含(. _ ~ ! @ # $ ^ & *)3.密码长度为8-20位实现1:^(?=.*[a-zA-Z])(?=.*[0-9])(?=.*[._~!@#$^&*])[A-Za-z0-9._~!@#$^&*]{8,20}$实现2:^(?![a-zA-Z]+$)(?![0-9]+$)(?![._~!@#$^&*]+$)(?![0-9a-zA-Z]+$)(?![0-9._~!@#$^&*

2022-05-27 00:04:41 4851

原创 关于a标签的下载文件的方法

function triggerADownload(url, fileName = '文件') { var a = document.createElement('a') document.body.appendChild(a) a.href = url a.download = fileName a.click() document.body.removeChild(a);}/** * 考虑兼容性,替换async、await,fetch */a.

2022-05-23 10:50:28 376

原创 深浅拷贝的理解

JavaScript专题(五)深浅拷贝_余光的博客-CSDN博客

2022-03-13 11:44:12 77

原创 路由守卫的理解与用法

全局守卫vue-router全局有三个守卫:1、router.beforeEach 全局前置守卫 进入路由之前2、router.beforeResolve 全局解析守卫(2.5.0+) 在beforeRouteEnter调用之后调用3、router.afterEach 全局后置钩子 进入路由之后 // main.js 入口文件 // to和from是将要进入和将要离开的路由对象this.$route // next:Function 这个参数是个函数,且必须调用,否则不能进入路

2022-02-19 17:24:30 971

原创 $emit和$on在兄弟组件传值的用法

$emit用于发送数据 $on用于接收数据<<创建bus最佳方式>>new Vue({ ........ beforeCreate() { this.prototype.$bus=this }, ........})$emit和$on(bus.$on)_碉堡飞哥的博客-CSDN博客_$bus.$on一、$emit1、this $emit('自定义时间名',要传送的数据);2、触发当前实例上的时间,要传递的数据..

2022-01-09 22:47:30 521

原创 关于change事件的用法

change 事件被<input>, <select>, 和<textarea> 元素触发。//触发情况1.<input type="radio"> 和 <input type="checkbox"> 的默认选项被修改时(通过点击或者键盘事件)。2.当用户完成提交动作时 (例如:点击了 <select>中的一个选项,从 <input type="date">标签选择了一个日期,通过 <input typ

2022-01-07 21:00:59 1764

原创 获取时间戳的简单方法

var s=new Date()1、getTime()方法获取 s.getTime()2、valueOf()方法获取 s.valueOf()3、+ new Date()方法获取

2022-01-05 23:03:50 467

转载 关于Es6模块化讲解和用法

ES6模块化使用方式_Cao_Mary的博客-CSDN博客_es6模块化如何使用ES6之前javascript比较怂巴巴,没有模块化的概念,是ES6的新特性。本文主要介绍js模块化的使用。ES6模块化一、ES6模块化的第一种方式:1.1 使用方法1.2.注意点:注意点1的案例:解构赋值案例:注意点2案例:通过as修改接收的变量名称二、ES6模块化的第二种方式:2.1 使用方法2.2 注意点:三、两种方式混合使用一、ES6模块化的第一种方式:1.1 使用方法导出数据:...https://blog.csdn.

2021-12-21 22:19:47 156

原创 滚动条的样式插件

插件官网 http://manos.malihu.gr/jquery-custom-content-scroller/使用步骤 1、必须引入插件的css样式 2、引入jQuery库:因为插件库js,是jQuery写的 3、必须引入插件的js<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> ...

2021-08-12 11:31:05 195

原创 移动端的手机事件类别

1. click事件单击事件,类似于PC端的click,但在移动端中,连续click的触发有200ms ~ 300ms的延迟2. touch类事件触摸事件,有touchstart touchmove touchend touchcancel 四种之分touchstart:手指触摸到屏幕会触发touchmove:当手指在屏幕上移动时,会触发touchend:当手指离开屏幕时,会触发touchcancel:可由系统进行的触发,比如手指触摸屏幕的时候,突然alert了一下,或者系统中其

2021-07-22 17:29:37 372

原创 给网页的标题添加图标

//**给网页的标题添加图标**在<head></head>加一行来显示图标(注意,如果加入了没有效果,检查一下路径是否正确,文件名是否正确)在网页标题左侧显示:<link rel="icon" href="图标地址" type="image/x-icon">在收藏夹显示图标:<link rel="shortcut icon" href="图标地址" type="image/x-icon">...

2021-07-15 09:47:11 564

原创 监听页面的改变来改变HTML的font-size的大小

(function (document) { var dcl = document.documentElement,//获取到html元素 wh; //申明wh变量 function setRootRem() { wh = dcl.clientHeight; //获取元素的高度 dcl.style.fontSize = 100 * (wh / 1206) + 'px'; // 1206为设计稿高度 改变font-size的大小 } setRootRem.

2021-06-30 10:50:09 509

原创 css中两种盒模型特点

所有html元素都可以看作盒子,css盒模型本质上是一个盒子,封装周围的html元素,它包括,边距,边框,填充和实际内容。一般的计算公式最终元素的总宽度计算公式是这样的:总元素的宽度=宽度+左填充+右填充+左边框+右边框+左边距+右边距元素的总高度最终计算公式是这样的:总元素的高度=高度+顶部填充+底部填充+上边框+下边框+上边距+下边距盒子的结构分析box-sizing: content-box是W3C盒子模型(标准盒模型)width: contentbox-s...

2021-06-29 16:14:56 271

原创 利用swiper.js插件,来创建立体轮播图

```html <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <ti.

2021-06-28 17:20:03 394

原创 检测用户使用的设备是pc端还是移动端

//检测用户使用的设备型号:navigator.userAgent //正则匹配返回ture还是false: (iPhone|iPad|iPod|iOS|Android)/i.test() if (/(iPhone|iPad|iPod|iOS|Android)/i.test(navigator.userAgent)) { } else { // window.location.href="http://campus.5...

2021-06-25 17:13:35 125

原创 a标签下滑线的

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Do

2021-06-23 12:20:23 242

原创 文件的上传方式

参考网址https://segmentfault.com/a/1190000037411957

2021-06-17 11:11:45 90

原创 video.js基本用法

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>视频播

2021-06-09 14:20:22 1974

原创 标题导航随文本的位置而产生高亮,点击导航滑动到对应的文本

$(function () { $(window).scroll(function () { //滚动监听事件函数 var wst = $(window).scrollTop() //滚动条到顶部距离 var len = 5;//导航的标题的个数 for (i = 1; i < len; i++) { var next = i + 1; .

2021-06-08 11:46:36 258

原创 图片查看器,点击小图查看原图。

Document `

2021-06-08 11:20:19 353

空空如也

空空如也

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

TA关注的人

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