- 博客(25)
- 收藏
- 关注
RSS订阅原创 vue 生成单/多个二维码含LOGO图片并下载
需求背景：根据table中的数据，下载对应的二维码，并需在二维码下方添加编号和地址。实现效果如下图↓。
2023-08-25 14:09:54
244
2
转载 Java滑块验证码原理和实现
当前互联网流行使用滑块验证码，如下图是网易严选的登录验证部分。很多网站使用滑块验证码提高网站安全性，为了做到真正的验证，必须要走后台服务器。下面是java实现滑块验证的核心步骤：
2023-08-10 12:49:31
427
原创 随机图库Lorem Picsum
这个网站获取图片的功能十分强大，你可以在 img 标签的 src 中引入下面规则的网址，或者背景图片中应用获得随机图片获得指定大小图片获得指定模糊度图片(或是纯灰色图片)获取到指定图片(固定的图片)
2023-08-10 10:25:53
363
1
转载 NEXUS私服迁移内网
外网环境（能百度的那种）先搭建好maven和npm的私服： 不会的猛戳这里↓： nexus搭建maven私服 nexus搭建npm私服 搭建好的私服如下图： maven私服仓库和npm私服仓库分别如下图：第一步：内网环境安装nexus（参考nexus搭建maven私服） 第二步：迁移数据 如上图所示，nexus私服数据都在sonatype-work目录下，将此目录压缩，复制到内网环境中，解压并替换掉内网nexus私服中的sonatype-work目录。然后登录私服管理页面，就能看到私服中的数据了。
2023-08-02 14:46:03
394
原创 js 递归处理树形结构数据
获取懒加载的树形结构，（因为懒加载封装的数据结构是分开装的）需求：根据点击子节点查询没有就一直向上查。思路：拿到树形结构数组直接递归查询。拼接成树形结构在处理。
2023-08-02 14:36:56
873
原创 由浅入深函数防抖(debounce)和节流(throttle)源码解析
例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇文章正文内容，下面案例可供参考。
2023-08-01 13:50:55
258
1
原创 NEXUS私服设置 NPM
组合仓库中除了输入名称和选择存储空间之外，还要选择要包括的仓库，越靠上优先级越高，如果私有仓库在上，用户下载npm包的时候会优先下载私有仓库中的，如果私有仓库没有再去代理仓库中下载。（组合仓库）：对外公开的仓库，集合了。（私有仓库）：用于发布个人开发的。（代理仓库）：可以代理。
2023-08-01 11:53:04
1397
1
原创 vue防重复点击的几种实现
项目开发过程中发现，在手速快的情况下，vue的组件点击事件会被连续触发多次。这个问题会产生一些意想不到的bug。下面我们提供几种解决办法;" > 快速连续点击 < / div > < / div > < / template > < script > export default {return {let timersearch() {
2023-04-17 15:32:56
6935
原创 解决 Failed to execute ‘createObjectURL‘ on ‘URL‘ Overload resolution failed
Vue 二进制流下载文件参考代码。
2023-04-14 15:17:31
25028
4
原创 找到任意组件实例——findComponents 系列方法
系列方法，它并非Vue.js内置，而是需要自行实现，以工具函数的形式来使用，它是一系列的函数，可以说是组件通信的终极方案。系列方法最终都是返回组件的实例，进而可以读取或调用该组件的数据和方法。
2023-04-13 16:52:00
82
原创 axios请求频繁，如何取消上一次请求
当事件中的代码执行耗费时间，且用户在短时间不断点击按钮，造成短时间多次触发了按钮的事件（不断向服务器发起请求）
2023-04-13 10:46:48
699
原创 vue判断文字是否溢出，溢出显示tooltip
同样适用于el-popoverel-tooltiptitle, 根据文字是否溢出，来控制tooltip显示// customTooltip 组件 < template > < el - popover : disabled = "!vue3 写法// vue3 写法 < script setup lang = "ts" name = 'customTooltip' > import {vue3 写法// vue2 写法 < script > export default {
2023-03-23 16:38:06
714
原创 el-cascader 级联选择器清空初始化
级联选择器在清空了输入框之后，需要同时清空弹框里面的选中样式、高亮、以及回归初始化状态只展开一级菜单：【图1 变 图2】
2023-03-22 21:10:35
2267
原创 Mock.js使用
Mock.js是用来模拟产生一些虚拟的数据，可以让前端在后端接口还没有开发出来时独立开发。我们可以使用真实的urlmockjs可以拦截ajax请求，返回设定好的数据。
2023-03-17 17:59:59
887
原创 Vue中keyup.enter和blur事件冲突的问题及解决
标签下编辑，编辑完成之后按回车。冲突的问题，按了回车，导致了。也算失去了焦点，导致连续触发。在写这个业务时，遇到了一个。在某种场景下，需要点击。
2023-03-17 11:31:22
746
2
原创 Vue实现渲染数据后控制滚动条位置
需求场景如下:实现了消息发送，如果容器内消息过多，会出现滚动条，最新的消息位于最底部，不能及时出现在可视区域内，此时就需要在渲染列表后，将滚动条的位置定位到最底部。先来看看最终实现的效果踩坑记录直接设置滚动条的位置数据渲染完成后直接获取元素的真实高度，设置滚动条的位置，讲道理好像没什么毛病，结果滚动条的高度没有预想的渲染。问题原因：数据渲染完成后，Vue此时还没有渲染DOM元素，设置的滚动条高度还是之前的容器高度。正确的改变方式: 使用setTimeout()，将DOM操作改为异步。
2023-03-07 14:50:12
1101
1
原创 使用scrollTo/scrollTop让页面元素滚动到指定位置, 并设置滚动动画
当容器有滚动条时,有时需要点击 或 将页面滚动到指定元素位置比如父元素设置了 ,当元素里的内容超过元素本身的高度时, 就会出现滚动条, 那么鼠标滑动的距离就是其滚动距离.如何设置滚动scrollTop属性就是指 “元素中的内容” 超出 “元素上边界” 的那部分的高度。直接给父元素的scrollTop赋值:这种方法比较直接, 但是因为是直接设置的dom元素的js属性 而不是css属性, 所以想通过这种方法设置过渡动画是没有效果的(transition: all 1s linear; 无效)补充: 有
2023-03-07 14:32:45
4906
原创 封装el-input组件，限制输入为指定的数值类
【代码】封装el-input组件，限制输入为指定的数值类，不符合提示（同样也适于表格动态添加行，单元格校验）
2023-03-03 17:35:46
745
原创 CryptoJS
CryptoJS项目中，为了安全性考虑，登录时会对账号密码进行加密，一般会通过MD5、AES进行加密，本文将介绍crypto-js，也就是AES方式在vue项目中加密的用法。文章目录CryptoJS一、CryptoJS是什么？二、散列算法MD5SHA-1SHA-2SHA-3RIPEMD-160三.散列输入四.散列输出渐进式散列HMAC渐进式HMAC散列PBKDF2五.加密加密算法AESDES,三重DESRabbitRC4, RC4Drop设置密钥（key）和偏移量（iv）加密模式和填充方式加密输入加密
2023-02-09 23:02:30
299
原创 CryptoJS 加密、解密使用方法
文章目录使用步骤一、前端实现安装引入crypto-js设置密钥和密钥偏移量封装加密/解密方法使用方法二、后端实现三、总结使用步骤一、前端实现安装npm install crypto-js --save-devyarn add crypto-js --dev// 或者下载js文件https://cdnjs.cloudflare.com/ajax/libs/crypto-js/3.1.9-1/crypto-js.js引入crypto-js支持ES6导入、Modularimport Cryp
2023-02-09 22:57:09
6145
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人