- 博客(52)
- 收藏
- 关注
原创 vue实现a-model弹窗拖拽移动
新建一个ts / js文件,用ts举例// 自定义指令使弹窗可拖动// 获取弹窗的属性if (!// 存储上一次拖拽完成时的偏移数据// 未定义 destroyOnClose 时,dom未被销毁,关闭弹窗再次打开,弹窗会停留在上一次拖动的位置if (!// top 初始值为 offsetTop// 因为 modal 初始就有垂直偏移,水平方向没有(是用 margin 保证 modal 在中间的)// 记录实时偏移量,数字格式// 实时改变modal偏移。
2024-07-12 11:16:07 788 1
原创 url链接地址,#前的参数 和 #后的参数有什么区别
例如 http://localhost:8080/?beforeParams 是 url 的search参数,通过。afterParams 是 route 的query参数,通过。beforeParams 和 afterParams 区别。
2024-07-10 13:46:51 425
原创 下载依赖有问题(只有自己有问题)
前提是该项目支持这个命令:package.json => scripts 内有 clean。例如下面这个就没有clean,则直接手动删除。
2024-06-14 16:55:43 211
原创 css样式 position: fixed 失效,和 position: absolute 效果一样
祖先元素使用了 "transform"导致。将需要绝对定位的元素直接挂载在body下,使用vue3新特性teleport。
2024-05-18 18:16:34 221
原创 eCharts图表点击事件(柱形、label),获取选择项的下标及值
获取选则项的值的话,打印params就能找到了,故主要说明找到对应下标的情况。
2024-02-23 14:50:24 986
原创 chrome浏览器自动填充密码的字号设置不生效
给表单设置自动填充 autocomplete=“on” 后,chrome会默认给自动填充的input表单加上 input:-webkit-autofill 私有属性。试了官方的 autocomplete=“off” 无效, autocomplete=“new-password” 成功了。随便点击一下就会恢复我设置的字号大小。刷新浏览器初始化字号很小。
2024-01-04 20:28:03 853
原创 嵌套的iframe页面中rem字号变小问题处理
如果 html 的 font-size: 100px,那字号为0.16rem的字实际为100px * 0.16 = 16px故与不相同时,则会导致iframe页面内的字体字号存在问题。
2023-11-16 17:35:07 863
原创 计算md5值,整个文件 或者 分片计算
pnpm 或者 npmspark-md5提供了两个计算md5的方法。一种是用 SparkMD5.hashBinary() 直接将整个文件的二进制码传入,直接返回文件的md5。这种方法对于小文件会比较有优势,简单而且速度超快。另一种方法是利用js中File对象的 slice() 方法( File.prototype.slice )将文件分片后逐个传入 spark.appendBinary() 方法来计算、最后通过 spark.end() 方法输出md5。
2023-10-17 10:38:27 1517 1
原创 px 与 rem 单位的转换
计算当前模块的实际高度,一般用于首页最后一个模块,高度不确定时。设除此模块外剩余高度,为在全屏下的790px。得到此模块实际高度px。
2023-06-17 19:29:36 276
原创 VUE + WebSocket + antdV获取进度条
应用场景:只能上传一个文件,格式为.xls, .xlsx, .csv,文件上传成功后拖拽框隐藏,用WebSocket 获取实时进度条。
2023-05-29 21:18:00 378
原创 tinymce6.0 + vue 编辑器options配置
原来用的下面这段代码,一直报错Cannot read properties of undefined (reading ‘then’),发现是tinymce6.0 版本用法不同,并且这也没涵盖别的图片类型。
2023-05-18 17:37:43 538
原创 微信小程序自定义swiper点的样式
必须写在父组件中,不然不生效/* 修改dot形状 */ .wx-swiper-dots .wx-swiper-dot {/*宽*/ height : 8rpx;/*高*/ border-radius : 4rpx;/*圆角*/ } /* 修改dot之间的间距 */ .wx-swiper-dots .wx-swiper-dot:nth-of-type(n+2) {
2023-03-31 11:12:53 390
原创 【安卓开发】Android Studio配置
找到需要的版本在官网下载安装包解压后放在自己的SDK文件夹中的此路径下运行exe文件,若报错检查虚拟机是否可启动。
2023-03-22 15:03:57 383
原创 echarts格式化数据formatter,拒绝无效重复渲染useMemo
echarts格式化数据formatter,拒绝无效重复渲染useMemo。
2022-12-16 15:27:06 837
原创 滑动条样式重写、多行省略号、字体描边、图片宽高相等(固定宽度,高度与宽度保持一致)
改变滑动条滑块样式::-webkit-scrollbar — 整个滚动条.::-webkit-scrollbar-button — 滚动条上的按钮 (上下箭头).::-webkit-scrollbar-thumb — 滚动条上的滚动滑块.::-webkit-scrollbar-track — 滚动条轨道.::-webkit-scrollbar-track-piece — 滚动条没有滑块的轨道部分.
2022-08-23 20:24:44 132
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人