qq_32913629-CSDN博客

原创 Vue项目中使用RSA加密、MD5加密

项目中用到了rsa和md5加密，搜了一下资料，顺利完成，记录一下过程。1.安装md5和jsencryptnpm install --save js-md5npm install --save jsencrypt2.引入md5和jsencryptimport md5 from 'js-md5';import JSEncrypt from 'jsencrypt';3.使用md5('123') // 202cb962ac59075b964b07152d234b70//RSA加密enc

2022-03-29 16:39:26 927

原创浅显易懂的浅拷贝深拷贝来了

1、基本数据类型，引用数据类型说起深拷贝浅拷贝，必须先说数据类型。在拷贝数据的时候才能看出真正差异。基本数据类型：string,number,boolean,undefined,null,基本数据类型：直接存储在栈(stack)中的数据引用（对象）数据类型：Array,Object引用（对象）数据类型：存储的是该对象在栈中引用，真实的数据存放在堆内存里引用（对象）数据类型在栈中存储了指针，该指针指向堆中该实体的起始地址。当解释器寻找引用值时，会首先检索其在栈中的地址，取得地址后从堆中获得

2022-03-24 17:14:55 783

原创 uniapp 发布小程序详细步骤~精简版

最开始用uniapp开发了一个只用于发布H5的页面，出与好奇，尝试了一下发布成小程序，记录一下。以下内容都是代码已写好，仅仅只是发布小程序流程。1、要用自己没有申请过公众号的邮箱申请一个小程序账号。如果邮箱申请过公众号，是不能申请小程序账号的。2、注册完毕以后在开发设置中找到appId3、下载微信开发者工具4、Hbuildx发布小程序总结：注册小程序，下载微信开发者工具，然后发布。平时uniapp开发的页面都可以发布成小程序。...

2021-12-03 14:58:23 5776

原创 postMessage传递消息详细示例

在页面和iframe之间和window.open之间都可以用postMessage传递消息。1、inframe之间的postMessage子页面向父页面发送消息window.parent.postMessage(stringData, "*");父页面向子页面发送消息 $(window.parent.document).contents().find("#iframeID")[0].contentWindow.userInfo(tel);接受消息window.addEventListene

2021-10-13 14:18:13 1520

原创 element ui 分页实例

本文是点击页数，调用接口取查查询分页。element ui对分页封装的很好，基本和展示表格没有太多关系。展示数据就不陈列出来了。思路：数据接口返回总条数，传给分页插件，点击分页会触发展示条数和页数的方法，在这两个方法里调用获取数据的接口。1、html部分<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="currentPage"

2021-07-16 17:34:37 434

原创 element-ui input搜索功能/动态输入搜索

element ui的input输入框组件有带输入建议的搜索框，但是实际项目中，不想要输入建议，直想要那个搜索功能，摸索了一下，最后把待输入建议的搜索框修改成了输入框+搜索。如图实现这样一个动态输入搜索功能。html部分：<el-input class="inline-input" v-model="state1" placeholder="请输入单据号" ></el-input> <el-checkbox-group v-model="

2021-06-18 16:44:19 3585

原创 URL传参编码解码

1、在业务开发过程中，为了防止数据暴露，需要对数据进行加密处理。平时沟通怎么加密，都讲用urlencode加密一下呀，但是对于数字，这样做是不可行的。直接上干货。//数字window.encodeURIComponent('123456789')10:33:39.230 "123456789"10:34:20.668 window.decodeURIComponent('123456789')10:34:20.670 "123456789"//汉字window.encodeURICompone

2021-06-09 10:50:26 275

原创 element ui 图片 image组件实现点击遮罩层关闭图片预览

1、图片预览只提供了点击右上角按钮关闭和按Esc按钮关闭，但是我们想要点击遮罩层关闭图片预览，如何实现，直接上代码了： <div class="demo-image__preview"> <el-image :src="showmsg.content" :preview-src-list="[showmsg.content]" fit="cover" @click.stop="handle

2021-05-06 18:21:26 4075 6

原创 axios封装/aixos请求设置header信息

项目中请求接口，有时候需要header传参，如何给header传参呢？请看：axios.defaults.headers.post['Content-Type']='application/json;charset=UTF-8';axios.defaults.headers.common["tenantId"] = '121212';get请求和post请求都可这样设置f封装了一个axios请求，完整示例：function axiosfun(options,type){ axios.def

2021-04-28 10:10:54 1119

原创 uniapp国际化页面双语/顶部导航双语/根据系统语言双语

这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好！这是你第一次使用 Markdown编辑器所展示的欢迎页。如果你想学习如何使用Mar

2021-04-07 18:41:57 2795

原创展望2021

这是我第一篇文章，虽然不知道写什么主题，但是我想从以下几个方面来展开。1、csdn阅读了好一些大神们写的年度总结和成长计划，大神们的年度成长计划竟有些惊人的相似，难道是专业相同导致的兴趣爱好也相同？我总结了几个相似点，大神们提到2021要继续将阅读放在首位，不读书是混沌的读书是清晰的，既然有输入就要有输出，要做到持续性输入和输出。大神们还提到2021要继续在自己所在领域深耕，把专业做到极致。大神们还提到2021要进一步提高财商，继续学习理财知识。。。当然还有提高情商计划，旅游计划，其它学习计划等。我发现

2021-02-27 00:01:23 129 3

原创 vue基础知识点快览

一、基础指令：v-text，v-html，v-show，v-if，v-else，v-for (item,index) in items <a>{{item}}</a>v-on (click)，v-bind，v-model(表单)，v-pre，v-cloak，v-once，v-on等效于@符号二、vue的生命周期beforeCreate()，created()，beforeMount()，mounted()，beforeUpdate()，uptaded()，befo

2021-02-05 16:47:50 153 3

qq_32913629的博客