自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 vue实现a-model弹窗拖拽移动

新建一个ts / js文件,用ts举例// 自定义指令使弹窗可拖动// 获取弹窗的属性if (!// 存储上一次拖拽完成时的偏移数据// 未定义 destroyOnClose 时,dom未被销毁,关闭弹窗再次打开,弹窗会停留在上一次拖动的位置if (!// top 初始值为 offsetTop// 因为 modal 初始就有垂直偏移,水平方向没有(是用 margin 保证 modal 在中间的)// 记录实时偏移量,数字格式// 实时改变modal偏移。

2024-07-12 11:16:07 544

原创 url链接地址,#前的参数 和 #后的参数有什么区别

例如 http://localhost:8080/?beforeParams 是 url 的search参数,通过。afterParams 是 route 的query参数,通过。beforeParams 和 afterParams 区别。

2024-07-10 13:46:51 335

原创 下载依赖有问题(只有自己有问题)

前提是该项目支持这个命令:package.json => scripts 内有 clean。例如下面这个就没有clean,则直接手动删除。

2024-06-14 16:55:43 194

原创 css样式 position: fixed 失效,和 position: absolute 效果一样

祖先元素使用了 "transform"导致。将需要绝对定位的元素直接挂载在body下,使用vue3新特性teleport。

2024-05-18 18:16:34 158

原创 store内路由跳转router.push

因为vuex中没有this,所以不能用this.$router,故引入路由。

2024-05-07 17:54:29 181

原创 canvas给图片添加水印

从文件读取图片的url,绘制水印,最后输出图片文件

2024-04-25 16:19:56 164

原创 eCharts图表点击事件(柱形、label),获取选择项的下标及值

获取选则项的值的话,打印params就能找到了,故主要说明找到对应下标的情况。

2024-02-23 14:50:24 786

原创 JS校验银行卡号、身份证号

银行卡号校验,身份证号校验

2024-01-29 14:48:02 688

原创 格式化存储单位,返回KB、MB等

【代码】格式化存储单位,返回KB、MB等。

2024-01-18 20:24:48 367

原创 knockout调试线上环境,无法通过nginx转发的备选方案

有时候通过nginx转发会403,此时需要一个开发的备选方案。

2024-01-10 16:42:35 449

原创 chrome浏览器自动填充密码的字号设置不生效

给表单设置自动填充 autocomplete=“on” 后,chrome会默认给自动填充的input表单加上 input:-webkit-autofill 私有属性。试了官方的 autocomplete=“off” 无效, autocomplete=“new-password” 成功了。随便点击一下就会恢复我设置的字号大小。刷新浏览器初始化字号很小。

2024-01-04 20:28:03 699

原创 嵌套的iframe页面中rem字号变小问题处理

如果 html 的 font-size: 100px,那字号为0.16rem的字实际为100px * 0.16 = 16px故与不相同时,则会导致iframe页面内的字体字号存在问题。

2023-11-16 17:35:07 733

原创 百度地图缩小后图标定位不准,BMap.Marker打点坐标发生偏移

占位,之后补充。

2023-11-03 19:50:59 590

原创 单行自动横向滚动——css实现

/

2023-10-31 21:19:18 1076 4

原创 大文件分片上传、断点续传,MD5判断是否上传

【代码】大文件分片上传、断点续传。

2023-10-18 18:50:20 115

原创 计算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 1261 1

原创 chrome谷歌跨域浏览器设置

效果图。

2023-10-10 10:57:48 489

原创 微信小程序 日期+时间 多级选择器

小程序只有分别的日期、时间选择器,故用多级选择实现需求。

2023-10-09 18:31:24 656

原创 多行文本省略号的收起、展开

超过两行显示 省略号 + 展开点击展开之后,在文字后显示 收起。

2023-09-28 18:50:13 329

原创 下拉选择,列表的远程搜索、分页

下拉选择,列表的远程搜索、分页。

2023-06-26 10:39:05 129

原创 px 与 rem 单位的转换

计算当前模块的实际高度,一般用于首页最后一个模块,高度不确定时。设除此模块外剩余高度,为在全屏下的790px。得到此模块实际高度px。

2023-06-17 19:29:36 260

原创 小程序级联选择(接口请求后展示picker

级联选择,下级选项与上级的选择有关,且每次都要重新调用接口获取选项。

2023-06-16 19:00:04 502

原创 VUE + WebSocket + antdV获取进度条

应用场景:只能上传一个文件,格式为.xls, .xlsx, .csv,文件上传成功后拖拽框隐藏,用WebSocket 获取实时进度条。

2023-05-29 21:18:00 357

原创 tinymce6.0 + vue 编辑器options配置

原来用的下面这段代码,一直报错Cannot read properties of undefined (reading ‘then’),发现是tinymce6.0 版本用法不同,并且这也没涵盖别的图片类型。

2023-05-18 17:37:43 508

原创 antd + VUE循环form-item的校验(单层循环、多层循环)

【代码】antd + VUE循环form-item的校验。

2023-05-05 11:16:33 2430

原创 VUE3+TS 子对父组件传值emit

TSVUE

2023-04-26 21:21:03 775

原创 滚动条路由跳转位置记忆,自动定位到原位置

【代码】滚动条路由跳转位置记忆,自动定位到原位置。

2023-04-06 10:52:47 225

原创 微信小程序自定义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 356

原创 设置 font-size 小于12px

设置了font-size: 10px不生效,计算样式还是12px。

2023-03-29 11:37:26 306

原创 【安卓开发】Android Studio配置

找到需要的版本在官网下载安装包解压后放在自己的SDK文件夹中的此路径下运行exe文件,若报错检查虚拟机是否可启动。

2023-03-22 15:03:57 362

原创 【Ckeditor】编辑器光标位置保存及赋值,解决空格编码替换问题

【Ckeditor】编辑器光标位置保存及赋值,解决空格编码替换问题

2023-01-06 18:15:11 569

原创 echarts坐标轴左右y轴统一间距

echarts坐标轴左右y轴统一间距

2022-12-20 21:33:53 462

原创 js实现自动滚动

js实现自动滚动,再也不用求swiper组件啦。

2022-12-20 16:21:53 3028

原创 echarts格式化数据formatter,拒绝无效重复渲染useMemo

echarts格式化数据formatter,拒绝无效重复渲染useMemo。

2022-12-16 15:27:06 788

原创 老代码 - knockout框架学习

knockout框架学习

2022-12-09 11:37:16 152

原创 echarts柱状图、折线图自动滚动

echart柱状图、折线图自动滚动

2022-11-29 11:23:34 3345

原创 鼠标悬停改变内容-react

鼠标悬停改变内容-react

2022-11-23 17:07:50 948

原创 js下载url文件 —— 三种方法

js下载文件

2022-10-21 14:45:47 4640

原创 滑动条样式重写、多行省略号、字体描边、图片宽高相等(固定宽度,高度与宽度保持一致)

改变滑动条滑块样式::-webkit-scrollbar — 整个滚动条.::-webkit-scrollbar-button — 滚动条上的按钮 (上下箭头).::-webkit-scrollbar-thumb — 滚动条上的滚动滑块.::-webkit-scrollbar-track — 滚动条轨道.::-webkit-scrollbar-track-piece — 滚动条没有滑块的轨道部分.

2022-08-23 20:24:44 114

原创 改变png图片颜色

css改变png图片颜色

2022-08-22 14:45:21 624

空空如也

空空如也

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

TA关注的人

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