- 博客(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
原创 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
原创 怎么监听路由的改变的两种方式(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
原创 常见的密码验证正则
要求一、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
原创 路由守卫的理解与用法
全局守卫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
原创 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
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人