自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

supming1的专栏

个人经验记录本

  • 博客(166)
  • 资源 (22)
  • 收藏
  • 关注

原创 dayjs 实现n天后到期

记录一下用dayjs 实现n天后到期,当个代码备份,这里有个小坑写在注释里了。

2024-03-29 13:02:05 134

原创 unplugin-auto-import 的配置项翻译

使用过程中unplugin-auto-import顺手翻译一下,方便下次阅读。

2024-03-18 10:29:24 366

原创 如何实现水印功能

3、通过js 将内容生成 svg,并将svg设置成容器的背景。2、使水印显示在最顶层,并且不影响底层元素事件触发。

2024-03-15 11:13:35 358

原创 一个比官网更好的el-table 实现跨行展示的例子

一个比官网更好理解,更灵活的el-table 实现跨行展示的例子

2024-01-18 17:16:01 443

原创 直接用大于号比较时间字符串出现判断错误的情况

直接用大于号比较时间字符串出现判断错误的情况

2023-08-17 14:18:50 156

原创 TypeError: Failed to execute‘setRequestHeader‘ on ‘XMLHttpReguest‘: string contains non Is0-8859-1

TypeError: Failed to execute'setRequestHeader' on 'XMLHttpReguest': string contains non Is0-8859-1

2023-08-16 16:26:12 170

原创 记一次前端直接上传图片到oss报错

前端直接上传图片到oss报net::ERR_NAME_NOT_RESOLVED

2023-08-11 17:15:02 1093

原创 只支持输入数字正则

只支持输入数字正则

2023-04-23 15:21:30 175 1

原创 element plus el-input-number 清空时无法触发change事件

element plus el-input-number 清空时无法触发change事件

2023-04-23 11:18:32 887 1

原创 element plus input 设置clearable focus时闪烁问题

element plus input 设置clearable focus时闪烁问题

2023-04-11 08:53:23 1417

原创 js下载excel 文件函数封装

js下载excel 文件函数封装

2023-02-16 20:25:40 144

原创 element plus tree组件实现父级影响子级,子级不影响父级

element plus tree组件实现父级影响子级,子级不影响父级

2022-11-18 16:30:04 496

原创 element plus tree组件 check-change 和 check属性的区别

element plus tree组件 check-change 和 check属性的区别

2022-11-18 15:56:43 922

原创 element plus el-radio-group 无法默认选中原因排查

element plus el-radio-group 无法默认选中原因排查

2022-10-26 17:02:45 3966

原创 vue3 如何调用自定义组件方法

vue3 如何调用自定义组件方法

2022-10-24 23:34:31 931

原创 input 中文输入法额外触发change事件问题

中文输入法触发了click事件,同时触发了input的change事件。

2022-09-20 10:45:37 710

原创 el-table 实现单选

el-table只有多选的配置,要怎么实现单选呢?可参考这个,不过其代码中有个小问题,选中的时候,会显示label的值,修改如下:<el-radio> <!--在此处添加空节点,才不会显示label的值--> <i></i></el-radio>在radio中添加<i></i>,这样radio就不会显示label的值了...

2022-09-14 14:43:02 846

原创 gitlab 合并代码报邮箱格式不符合错误解决方法

Merge failed: Commit author's email “xxxx@xxx” does not follow the pattern "@xxx" {mergeError}#39

2022-09-09 10:32:21 1338

原创 ios input 无法自动聚焦拉起手机键盘

ios input 无法自动聚焦拉起手机键盘

2022-09-07 14:24:15 1104

原创 本地开发提示网站无法提供安全连接

本地开发提示网站无法提供安全连接

2022-07-08 11:50:36 405

原创 腾讯地图选点组件组件显示错乱问题排查

腾讯地图选点组件组件显示错乱问题排查

2022-07-05 12:33:57 533

原创 纯css 实现不规则领券标签

纯css 实现不规则领券标签想了好几个思路都有一些缺点1、用border-image,浏览器有最小字体限制,如果设计图小于最小字体,可能拉伸图片,造成两侧有一些扭曲。2、把两端独立切图,再合中间拼接,中间部分用border, 这种如果移动端需要做1px,应该图片和border粗细会对不上。3、整个当成一个规则的长方形,把两个小圆单独用css写,再用定位覆盖到两端,这种没什么缺点,采用这种方法。以下是代码<span className=..

2022-05-24 15:08:44 193

原创 axios 封装基础请求库

axios封装基础请求库,简化接口请求代码。提供以下功能1、配置不同基础请求地址2、接口请求loading3、附带token4、处理token过期5、自动过滤参数中null、undefined、''、[]参数6、自动trim一些字符串参数7、接口错误自动提示8、统一post、get请求参数传递,不同像axios那样去区分params、dataimport axios from 'axios';import { ElMessage, ElLoading } from..

2022-05-18 17:02:34 180

原创 element ui + vue3 + axios 报错时出现多个提示问题

用element ui + vue3进行开发,结合axios封装了请求,发现一个奇怪的现象,报错时出现了多次错误提示。排查许久,发现只有改动了axios封装的请求文件时才会出现这种情况,而且每热更新一次,多一个提示。判断应该是热更新导致导致。找到现象产生原因,未找到解决办法。不过还好只是开发环境会。...

2022-05-18 10:37:56 572 2

原创 postcss-write-svg的一些坑

postcss-write-svg的一些坑

2022-04-28 11:14:35 261

原创 css实现图片按比例缩放自适应父级

css实现图片按比例缩放自适应父级,最长边充满父级,另一边按比例缩放,避免图片拉伸或压缩导致变形。

2022-04-25 21:19:58 2064

原创 js正则判断最多小数点后5位的正浮点数

/(^0(.\d{1,5})?$)|(^[1-9]\d*(.\d{0,5})?$)/.test('12.12345')1、通过 | 分成0开头(^0(.\d{1,5})?$) 的和1-9开头 (^[1-9]\d*(.\d{0,5})?$)的进行判断2、通过(.)?允许小数点跟后面的数字不存在

2022-03-25 16:17:11 1003

翻译 自托管Sentry文档翻译

大部分翻译出来了,部分翻译的不是很通顺,可以结合官方文档阅读。Sentry除了开源代码之外,还提供并维护了一个最小的设置,对于简单的用例来说,它是现成的.同时对于展示相关的配置和有用。简单起见,我们采用Docker和Docker Compose, 并提供安装、升级脚本.开始我们的建议是下载最新的self-hosted repository,然后运行在目录中./install.sh.它会完成所有的东西,包括一个基础的配置,然后让你运行docker-compose up -...

2022-02-17 11:39:44 706

原创 vant3 List 组件的一些坑

使用vant3 List 组件过程中遇到的一些坑1、接口错误的时候,大量重复请求。可能接口错误时vant3内部某些变量没重置,导致一直重复请求,解决方法是接口返回不成功finished设置成true2、没有发起请求<van-list v-model:loading="loading" :finished="finished" finished-text="没有更多了" @load="getData" offset="50" v-if="

2022-01-08 14:44:53 1246

原创 vue3 组件无法渲染问题

好吧,标题有点不合适,因为其实是自己写法问题,导致组件渲染不出来。<template> <item v-for="item in list" :key="item.id" :info="item" /></template><script setup> import item from './components/item.vue'; // 省略....</script>vue2的时候习惯这样写,是没问题

2022-01-07 18:51:51 2483 2

原创 css多行文本超出显示省略号无效解决方法

css多行文本超出显示省略号,以2行为例,网上很多解决方法,如下。之前一直采用的是这种方法,最近发现无效了。vant也是这种写法,.txt-ellipsis-2 { display:-webkit-box; overflow: hidden; -webkit-box-orient:vertical; -webkit-line-clamp:2; text-overflow: ellipsis; word-break: break-all;}排查后发现

2021-12-29 16:21:15 6828

原创 vue3 开发总结

本文是vue3官方文档的提炼和总结,主要是记录vue3开发常用到的知识点,方便后续开发的时候查询,避免一段时间没开发之后遗忘了,又需要重新看官网,比较费时。

2021-11-25 17:35:47 3674 3

原创 vue2 监听父级监听子组件的生命周期

<template> <child-component @hook:updated="onUpdated"></template>采用 @hook:生命周期名称的方式,实现父级监听子组件的生命周期。

2021-11-25 17:27:22 158

原创 vue3 父级重置组件内部样式

vue3采用如下形式<style scoped>.a :deep(.b) { /* ... */}</style>详情看这里,深度选择器部分。

2021-11-23 16:53:08 393

原创 动态修改面包屑标题

在用vue + element ui 做后台管理系统的时候,一般会有面包屑来指示当前所处的页面,一般是拿路由信息中的meta.title作为面包屑。如果遇到编辑和新增公用公用一个页面的情况,该怎么动态的修改标题呢?可以考虑在路由守卫中判断是否有id,来动态的修改meta。但特意写个路由守卫来这样修改并不是特别好,其他人维护的时候可能不知道你这样设置,可维护性不好,另一方面,还需要显示面包屑的组件支持meta.title动态修改,比较麻烦。可以通过配置两个路由,指向同一个页面的方式,来取巧的设置。如下:

2021-11-18 16:49:58 1508

原创 js过滤数组对象中重复数据

es6 reduce 实现过滤数组对象中重复数据

2021-11-18 14:50:37 5353

原创 axios 封装请求基础库总结

1、axios常用封装一般会在请求拦截器中,增加loading显示,这是后怎么传递参数呢?可以通过在参数位置附加额外参数的方式,从而传递一些axios本身没有的参数,入showloading等。HttpRequest.get('dms/team/member/list', { params, reqConfig })2、axios有个让人很蛋疼的配置,它get传参是params,post传参是data,传个参数要不断做区分,在开发时很容易遗忘,通过在请求拦截器中加入以下代码,实现post和get.

2021-11-16 11:49:24 2240

原创 vue3 element plus el-input 无法输入问题

最近用vue3 elementplus进行开发,发现el-input无法输入,代码如下:<template> <el-card> <template #header> <div class="card-header"> <el-form ref="searchForm" :model="searchForm" label-width="80px"> <el-form-it...

2021-11-11 14:42:39 8380

原创 vue3 element-plus table 数据显示不出来现象

用vue3 + element-plus开发,今天遇到个坑爹的问题,用el-table显示数据,数据没显示出来。如下图在其他人机器上显示的出来调试发现开始是能渲染出来的,后面在更新的时候又被替换掉了。未找到具体原因。不过发现了其他人没有这个问题的原因。其他人的chrome浏览器比较新,我的是72版32位的,后面重新更新到92版本就能正常显示了。...

2021-11-10 18:29:30 5748 2

原创 element ui 菜单栏父路由未添加到子路由问题

vue路由我们一般会如下设置,我们期望最终形成的是/news/list之类的路由。{ path: '/news', component: HomeTemplate, meta: { title: '资讯管理', icon: 'record' }, children: [ { path: 'list', name: 'newsList', component: () => import('@/views..

2021-11-03 22:30:29 465

ajaxfileupload.js

ajaxfileupload.js是实现ajax上传文件简单易用的jquery插件,但从网上找到的ajaxfileupload.js有不少错误。这里上传一个修复版的。修复一下问题: 1、不能执行success回调问题 2、不能传参数问题

2015-04-25

seajs-2.1.1.zip

sea.js源码,官网有时会打不开,留着备用

2014-08-17

jquery1.8.0.js

jquery2.x已经不支持ie6\7\8了,上传一份支持的以备不时之需。

2014-05-05

angular.js

angular.js源码文件,官网优势会打不开,上传一份备份,以供不时之需。

2014-04-20

angular-route.min.js

angular的官网打不开,来csdn下载,那兄台竟然还是要1分,上次个0分的。

2014-04-20

js实现自定义滚动条

js实现自定义滚动条,有详细的中文注释,适合新手

2013-06-02

js实现照片墙效果

js实现照片墙效果,有详细的中文注释,便于理解原理,新手适用

2013-06-01

js仿苹果菜单特效

js仿苹果菜单特效,有详细的中文注释,易于理解

2013-05-31

js面向对象方法实现拖拽特效

js面向对象方法实现拖拽,同时应用了继承,适合初学js面向对象知识的同学

2013-05-31

js实现二级菜单

js实现导航栏二级菜单,极丑,极简单,有详细的中文注释,主要是说明原理供自己备用,感兴趣者、初学者可下载,高手飘过。

2013-05-31

js实现碰撞运动

js实现碰撞运动,有详细的中文注释,便于初学者掌握原理

2013-05-30

js实现弹性运动

js实现弹性运动的实例,有详细的中文注释,有助于新手理解原理。

2013-05-30

js实现左右按钮图片轮播效果

js实现带左右箭头图片轮播效果,有详细的中文注释,新手适用。

2013-05-29

js多物体运动

js实现多个元素改变不同样式,使用同一代码,新手适用

2013-05-29

js实现缓冲运动

javascript实现缓冲运动特效,简单明了,新手适用

2013-05-28

图片淡入淡出效果

通过改变图片透明度,实现图片淡入淡出效果

2013-05-28

js实现侧边栏分享到特效

侧边栏分享到鼠标移入显示移出隐藏特效,新手适用

2013-05-28

星星评分控件

星星评分控件,有详细的中文解释,新手适用

2013-05-28

js实现选项卡

用js实现最简单的选项卡特效,注释详细,简单明了,新手适用,高手就不必看了。

2013-05-27

jquery图片滚动

jquery 实现点击左右按钮图片移动,本应用代码上,适于初学者掌握精髓而不必看的一大堆的代码头晕。

2013-05-07

jquery 图片放大镜

jquery 实现图片放大镜效果,本资源的特点是有详细的中文注释,初学这很容易看明白。

2013-05-04

php实现小学四则运算

本函数用php实现小学四则运算及其四则运算,通过调用本函数,自动产生个算术使及其结果,以数组的形式返回,算术式参与运算的数字个数可自定义,运算符号随机产生。此外本函数对结果限制不出现负数,不出现小数,不超过100.

2013-03-17

空空如也

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

TA关注的人

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