- 博客(173)
- 问答 (1)
- 收藏
- 关注
原创 openLayers加载wms图层并定位到该图层
我们的wms是加载geoserver发布的服务,wms加载的图层是没法通过layer.getSource().getExtent()来获取到extents(边界)的;实现思路是通过postgis的函数(st_extent(geom))来获取extents;返回前端后格式化一下成数组的extens就可以实现定位了。
2024-05-22 11:08:28 149
原创 vue2+ts-vue-property-decorator中封装组件实现双向绑定
vue2+ts-vue-property-decorator中封装组件实现双向绑定
2024-05-16 18:01:57 192
原创 openlayers禁止手指缩放地图、禁止拖拽...
shiftDragZoom: false, // 取消shift+wheel左键拖动交互。mouseWheelZoom: false, // 取消滚动鼠标中间的滑轮交互。doubleClickZoom: false, // 禁用双击缩放。pinchZoom: false, // 禁止手指缩放地图。dragPan: false, // 禁止拖拽。openlayers阻止默认行为。
2024-03-20 14:59:42 482
原创 vue前端解析jwt
我们可以用在线解析看解析的结果:https://www.lddgo.net/encrypt/jwt-decrypt。但是如果在前端需要解析token,拿到其中的权限信息,可以这样解决。
2024-03-20 10:56:36 604
原创 uniapp封装文字提示气泡框toolTip组件
uniapp封装文字提示气泡框toolTip组件,移动端没有现成的toolTip组件,所以封装了。
2024-03-07 09:26:52 1862 2
原创 vue项目js原生属性IntersectionObserver实现图片懒加载
懒加载原理:给img设置一个默认url图片,观察图片处于视口内以后,动态改变img的url为自己想要显示的url。使用js原生属性IntersectionObserver实现观察img元素是否处于游览器视口中。
2023-11-09 23:21:25 558
原创 vue项目代码防止被调试-打开控制台直接跳空白页面
网上有类似的插件可以使用,推荐两个 disable-devtool、console-ban,我这就是用console-ban内部的js文件做的。console-ban.min.js 将这个文件放到public文件夹下,然后再index.html文件里引用。前端代码上线后,代码会暴露,或者接口暴露,会被有心之人研究代码逻辑,找到项目bug漏洞!我承认阁下很强,但假如, 我是说假如打开控制台是空白页面,阁下又该如何应对呢?版权声明:本文内容来源CSDN博主「Mr_Debugger」2、打开控制台,无限加载。
2023-11-08 20:42:39 989
原创 nginx项目部署教程
当我们的项目开发完毕后,我们需要将项目打包、部署到服务器上,供用户来使用。目前,常见的部署方式有两种:后端部署前后端分离部署。
2023-11-02 21:20:25 2082
原创 springboot 操作sql改变状态的时候,怎么防止并发操作带来的问题
在事务的上下文中,当多个线程同时调用该方法时,Spring将会使用数据库的事务隔离级别来防止脏读和不可重复读。另外,如果多个线程同时调用该方法,Spring将会使用数据库的锁机制来确保只有一个线程可以获得更新操作的锁,其他线程需要等待锁释放后再继续执行。例如,使用事务的隔离级别来防止脏读和不可重复读,使用事务的传播行为来控制并发操作的线程顺序。限流操作:通过限制并发操作的数量来避免过多的并发请求,可以使用Spring的@Async注解和线程池来实现限流操作。
2023-11-01 15:28:54 687
原创 vscode类似GitHub Copilot的插件推荐
IntelliCode:IntelliCode是微软开发的一款智能代码补全插件,它使用机器学习模型来分析大量的开源代码,并根据上下文和模式生成智能的代码补全建议。TabNine:TabNine是一款基于机器学习的代码补全插件,它可以根据上下文和已有的代码来生成代码片段。由于GitHub Copilot前段时间学生认证的账号掉了很多,某宝激活也是价格翻了几倍,而却,拿来用一天就掉线,可以试试同类免费的插件哦。Kite:Kite是一款智能代码补全插件,它使用机器学习算法来提供更准确和智能的代码补全建议。
2023-10-23 09:02:35 2229
原创 vue小写数字转大写-例如:11转为十一
在Vue中,可以使用自定义过滤器(Custom Filter)来将数字转换为大写的形式。下面是一个示例:在你的Vue组件中,你可以使用这个自定义过滤器来将数字转换为大写的形式。例如:这样就实现了toChineseNumber过滤器将数字1和数字10转换为大写的中文形式。
2023-10-16 16:45:58 939
原创 Android平台签名证书(.keystore)生成教程
第二种方法:设置miniSdkVersion大于等于24,因为V2签名需Android7及以上设备才支持,设置miniSdkVersion大于等于24表示不支持android7以下设备,从而不需要包含V1签名,设置miniSdkVersion详情参考:https://ask.dcloud.net.cn/article/193。第一种方法:重新生成证书,在生成证书命令中添加“-keyalg RSA”参数指定使用RSA算法。以上命令运行完成后就会生成证书,路径为“D:\test.keystore”。
2023-10-07 22:04:55 2557 4
原创 sql防止连表查询后出现空行数据
1.在where后加:and t2.pk_id is not null。或者2.在返回值list上处理。防止连表查询后出现空行数据。
2023-09-26 09:43:49 299
原创 echarts 如何设置柱子的最小宽度和最大宽度
在上面的示例中,我们通过动态计算 barWidth 的值,确保它在最小粗细和最大粗细之间。你可以根据需要调整 maxBarWidth 和 minBarWidth 的值来控制柱子的粗细范围。2.要设置柱子的最大宽度,可以使用柱状图(bar)的属性barMaxWidth。该属性可以接受一个数值,表示柱子的最大宽度。1.在 Echarts 中,可以通过动态计算 barWidth 的数值来实现最小粗细和最大粗细的效果。
2023-08-08 11:03:03 11397
原创 span标签添加什么属性可以在鼠标移入后有一个提示文字类似于图片的alt
我们给span标签设置了不换行,超出后显示省略号,但是默认鼠标移入是不会有完整的文字的提示的,可以给span标签添加一个title属性就搞定了!
2023-08-07 10:09:17 1357
原创 Vue2+TS封装一个可全局拖拽的弹窗组件
Vue2+TS封装一个可全局拖拽的弹窗组件。ant组件的弹窗组件不支持拖拽,就很难受。项目里刚好有这个需求,就自己封装了一个。
2023-08-04 13:09:00 287
原创 ts封装格式化时间-手机号校验-邮箱校验-身份证校验-信息脱敏-密码强度检测
【代码】ts封装格式化时间-手机号校验-邮箱校验-身份证校验-信息脱敏-密码强度检测。
2023-07-25 08:46:52 439
原创 微信小程序做一个圆形图片旋转可以控制开始和结束-音乐播放器的图片旋转功能
在以上步骤中,rotateImage 方法通过创建一个动画对象来实现图片的旋转动画,并在 setData() 方法中将动画导出并赋值给rotationAnim 实现动画效果。标签,并设置图片的 src 和样式,并为其绑定一个 animation 用来控制旋转动画。通过以上步骤可以在微信小程序中实现一个圆形图片的旋转,并通过按钮控制开始和结束旋转。4.在 WXML 文件中添加按钮来触发开始和结束旋转动画。3.在 JS 文件中定义旋转动画对象和控制方法。1.在 WXML 文件中添加一个。
2023-07-11 10:48:07 3070
原创 微信小程序页面传值的5种方式
微信小程序页面传值的方式有以下几种:1.URL参数传值:通过在跳转链接中附加参数,在目标页面的onLoad函数中获取参数。2.全局变量:通过在app.js文件中定义全局变量,在源页面设置变量的值,目标页面通过getApp().globalData获取变量的值。3.缓存存储:使用wx.setStorageSync()在源页面设置存储的值,目标页面通过wx.getStorageSync()获取值。4.路由传参:使用wx.navigateTo()传递参数,目标页面通过options参数获取传递的值。
2023-07-11 10:25:44 9958 3
原创 SQL-SpringBoot项目的maper映射文件中循环查询<foreach>的使用
在SpringBoot中,使用MyBatis作为持久层框架时,可以在mapper映射文件中使用标签进行循环操作。该标签可以将一个集合中的元素逐个作为SQL语句的参数进行替换,从而实现多次执行相同的SQL语句。在上述示例中,使用标签将idList集合中的元素逐个替换到SQL语句中的#{id}位置。通过foreach标签的循环遍历,可以灵活地构建动态SQL语句,特别适用于批量操作或者根据特定条件查询多个对象的场景。
2023-07-04 17:30:20 2027
原创 vue2动画-组件向左滑动后隐藏和向右滑动显示
fade-enter、fade-enter-active、fade-leave、fade-leave-active)和 CSS 过渡属性(如。可以使用 Vue.js 的过渡动画功能来实现组件的隐藏和显示效果。现在,当你调用 toggleComponent 方法时,组件将通过滑动的动画效果进行隐藏和显示。注意:上面的例子使用了 CSS 动画,你也可以使用 Vue.js 提供的过渡类名(如。2.在组件的 template 标签中添加需要隐藏和显示的内容。3.在 style 标签中定义过渡效果的 CSS。
2023-07-03 11:44:18 1330
原创 mysql的JOIN用法详解-附带查询示例
在 SQL 中,JOIN是用于将多个表中的数据连接在一起的操作。它通过指定连接条件将两个或多个表中符合条件的行组合起来,产生一个新的结果集。SQL 中常见的 JOIN 类型包括和。
2023-06-30 14:25:22 4719
空空如也
javascript执行过程中作用域的问题求解答
2021-11-26
TA创建的收藏夹 TA关注的收藏夹
TA关注的人