自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 Echarts地图省市联动

因为我的需求是只需要下钻到省份,所以只写了省份的逻辑,若还要下转市或者区县可自行更改,或我参考我提供的思路。南海群岛太大,占用了地图很大的空间,想替换未缩略图。3. 直接复制我封装好的组件即可运行。2. 引入中国地图JSON数据。(复制JSON链接下载下来)1.安装echarts。

2024-05-29 13:35:10 209

原创 微信登录全流程 后端+前端

需要传入4个参数 js_code(也就是前端传来的code),grant_type(固定不变authorization_code),以及appid和secret。接口实现类中调用官方登录接口传入js_code,grant_type,以及appid和secret,它会返回一个openid,可以拿它作为用户的唯一标识。然后在js文件中写入逻辑,调用官方提供的API wx.login(),它会返回code有效期五分钟,把code传给服务端。在wxml文件中写入登录按钮并添加点击事件。

2024-05-09 14:01:10 445

原创 spring boot 拦截器

实现HandlerInterceptor接口,并重写其所有方法。

2024-04-21 17:42:00 409

原创 Vue中实现滚轮滑动放大图片并可进行拖动(封装好的组件,可直接使用)

组件(子组件改为自己的路径和名称)

2024-04-19 13:43:13 480 1

原创 Java使用阿里云OSS存储图片并返回图片链接

accessKeyId和accessKeySecret获取(按照以下步骤之间创建就行,accessKeySecret一定要保存好,一旦点击确定创建后就不能在查看了)2. 创建Bucket(如果你没有开通对象存储OSS需要先开通一下)endpoint和bucketName获取 点击概述复制对应的数据。1. 进入阿里云官网搜索oss,选择对象存储OSS。5. 引入依赖到pom.xml文件当中。创建完成之后会进入到这个页面。使用调试工具测试,返回图片链接。

2024-04-18 15:33:05 756

原创 commons-io工具类 常用方法

copy方法有多个重载方法,满足不同的输入输出流IOUtils.copy(InputStream input, OutputStream output, int bufferSize)//可指定缓冲区大小IOUtils.copy(InputStream input, Writer output, String inputEncoding)//可指定输入流的编码表。

2024-03-27 10:30:40 929

原创 canvas绘制直线时如何判断两条线是否交叉

直线A的方程可以表示为 y - y1 = k1 * (x - x1),直线B的方程可以表示为 y - y3 = k2 * (x - x3)。联立这两个方程,解出x和y的值,得到交点。在Canvas中判断两条线是否交叉,你可以通过计算两条直线的交点来实现。检查解出的交点是否在两条直线的线段上。否则,即使计算出了交点,两条线也不被视为交叉(例如,交点在线段的延长线上)。定义每条直线的起点和终点,比如直线A由点(x1, y1)到点(x2, y2),直线B由点(x3, y3)到点(x4, y4)。

2024-03-11 15:24:42 556

原创 uniapp小程序语音转文字功能

做完以上步骤之后,就可以进行开发了,效果图里的业务代码不方便展示,我自己写了个demo可以直接复制粘贴。),左侧菜单栏中的设置-->第三方设置下的插件管理-->添加-->搜索微信同声传译。

2024-03-08 13:44:19 1861 5

原创 解决父盒子设置min-heigth高度时给子盒子设置高度100%不起作用

只需要把父盒子内设置为flex布局就可以了,然后子盒子设置flex1。

2023-07-27 20:34:23 359 1

原创 gsap ScrollTirgger滚动滚动条时执行动画效果 模仿手机官网

【代码】gsap ScrollTirgger滚动滚动条时执行动画效果 模仿手机官网。

2023-07-18 09:13:53 684 1

原创 vue全局定义防抖函数

vue全局定义防抖函数

2023-04-23 16:24:39 191

原创 uniapp微信小程序上传多张照片,每张图片不得大于1M

uniapp微信小程序上传多张照片,每张图片不得大于1M

2022-08-12 08:43:09 2688

原创 计时器效果 代码仅供参考

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

2022-05-07 14:17:22 334

原创 JavaScript中常用的数组操作

js中有很多可以对数组进行操作的方法,接下来记录一下我们常用的一些操作方法push 数组末尾进行添加<script> // push 末尾添加 let arr = [1,2,3,4] let arr1 = arr.push(5) console.log(arr) console.log(arr1)</script>它会给我们返回一个添加完后数组的长度pop 末尾删除<script> ..

2022-03-31 16:52:12 1152

原创 vue2中使用keep-alive缓存router-view组件的3种方法

首先先了解一下什么是keep-alivekeep-alive:vue内置组件,包括不活动的实例;dom结构移除了;但是组件的实例没有被销毁;而是缓存起来了;注意:缓存的是组件的实例 1. 包括组件 2. 包括路由的坑 router-view它有3个属性 分别是:include - 字符串或正则表达式。只有名称匹配的组件会被缓存。 exclude - 字符串或正则表达式。任何名称匹配的组件都不会被缓存。 max - 数字。...

2022-03-30 17:33:56 5821

原创 css一行放不下省略号显示

overflow: hidden;//多出部分隐藏 white-space: nowrap;//一行显示 text-overflow: ellipsis;//是否显示省略号

2022-02-23 21:57:15 480

空空如也

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

TA关注的人

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