自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 前端连续发送同一个请求时,终止上一次请求

前端终止上一次请求

2024-05-14 15:40:52 276

原创 解决Ant Design Vue使用Modal对话框无法关闭的问题,本地可以关闭对话框但是打包后不能关闭对话框的问题。

解决Ant Design Vue使用Modal对话框无法关闭的问题,本地可以关闭对话框但是打包后不能关闭对话框的问题。首先说为什么会导致这个问题:因为现在vue官方的最新版本是3.4.x,可能是vue最新版本的部分代码与Ant Design不兼容导致的。次版本号的变化表示软件包具有新的功能,但是与之前的版本兼容。

2024-04-15 17:04:49 802

原创 前端生成绘制一个验证码,并验证

使用的是vantUI的弹窗,当然核心还是canvas。这里是前端生成的验证码,如果需要请求后端把随机数改为接口就好了。

2024-03-20 18:30:00 369

原创 vue3使用eventBus,模拟一个事件车

vue3使用事件车、vue3使用eventBus,其实原理和vue2一样都是将事件存入一个叫eventBus的对象使全局都能访问到这个对象的方法。vue3使用eventBus需要自己定义一个ts文件来模拟事件车,先创建一个ts文件。在页面中使用:按照自己的文件的位置引入。调用就跟vue2的一样了。

2024-03-20 11:38:25 236

原创 js跳转到指定元素位置,跳转锚点位置,跳转未答题位置。

3、跳转锚点(这里多增加了一个偏移量让跳转的位置在屏幕的中上位置)需求:答题页面,在提交答题的时候跳转到未答题题目的位置。2、提交的时候判断是否答题,未答题则拿到本个题目的id。项目不同获取方式也不同就不写了hhh。思路:1、为每个题目设置一个id。1、为每个题目设置id。

2024-01-24 20:30:00 572 1

原创 使用vue-print-nb打印el-table问题总结

css样式添加媒体查询 @media print {} 样式只有在打印的时候才会生效。4、不需要打印的内容 在标签上添加class名。1、解决单选框复选框打印时选中消失的问题。2、解决表格打印时表格显示不全的问题。3、解决table 序号打印错乱问题。

2024-01-24 16:17:58 1128 3

原创 将elementUI,NaiveUI的progress环形进度条设置为渐变色

需求 :进度条要有一个渐变效果。效果图:NaiveUI和elementUI的官方progress组件都是只能设置一种颜色,不符合需求所以改一下。其实NaiveUI和elementUI设置进度条的实现方式基本一样都是使用svg渲染出两个path,第一个是底色,第二个是进度条。elementUI的:NaiveUi的:可以看到唯一的区别就是 NaiveUi的path外层多包裹了一个g标签。实现思路就是我们自己创建一个可以有过度色的svg来替换掉第二个path。

2023-12-25 17:48:32 2018 3

原创 解决vue3+ts打包,ts类型检查报错导致打包失败,goview打包报错options

则是使用 Vite 进行最终的构建。所以会检测ts的类型是否写的正确标准,如果项目中类型错误少的话可以一一解决并打包但是goview的TS类型错误的地方实在太多了,所以直接不检测类型来进行打包。如果你也使用的是goview做大屏项目,那么解决完这个问题之后还有可能遇到打包的时候 js占内存溢出导致打包失败的问题,可以看一下这个文章,扩一下node.js内存就没问题了。然后使用 npm run build:pro 进行打包就没问题了。是 TypeScript 编译器(tsc)的命令,

2023-12-16 11:09:48 1749

原创 解决goview栈内存溢出导致打包报错问题

vite v4.3.6 building for production... transforming (8931) node_modules\monaco-editor\esm\vs\base\common\navigator.js [24864:000001B515BA39F0] 65979 ms: Scavenge 2002.0 (2071.4) -> 1999.9 (2073.9) MB, 7.4 / 0.0 ms (average mu = 0.826

2023-12-15 16:02:09 1670

原创 echarts绘制一个环形图2

echarts绘制一个环形图2。echarts绘制一个环形图、echarts绘制一个柱状图,柱状折线图、echarts绘制一个饼图。

2023-12-08 15:09:16 128

原创 echarts绘制一个环形图

echarts绘制一个环形图,其他echarts: echarts绘制一个柱状图,柱状折线图 echarts绘制一个饼图效果图:调用:

2023-12-08 14:53:58 271

原创 echarts绘制一个柱状折线图

echarts绘制一个柱状图,柱状折线图。

2023-12-07 16:13:30 282

原创 echarts绘制一个饼图

echarts绘制一个饼图

2023-12-07 15:48:40 142

原创 canvas绘制签名并保存

1.mousedown:当鼠标按下时开始绘制签名。2.mousemove:鼠标移动时持续绘制。3.mouseup:鼠标抬起时结束绘制。

2023-10-30 20:30:00 172

原创 eval()函数的用法,计算字符串中的值,模板字符串进行计算

但是如果表达式是后端传递给我们的,并且参与运算的是 对象类型那么就需要将后端传递给我们的字符串先转变为模板字符串,也就是两边增加一个。此时在运行的时候他只会将${}中的值解析出来,就停止运算了,需要再调用一次eval 来进一步运算就能得到想要的值了。这个一眼就看到eval函数是将字符串中的值作为js代码来运行了,所以得出来是30。下边这种做法是当计算的是对象中的属性值并且运算方法是后端定义的的时候的用法。

2023-10-24 20:35:52 600

原创 vue+element-ui给全局请求设置一个loading样式

老项目后台管理,要在每个页面请求的时候都添加一个loading,为了统一和防止一个页面多次请求页面出现闪烁的情况同意在request.js中添加了一个全局loading。2.loading出现后设置一个最短时间,防止请求立马响应回来,页面闪烁一下。多个请求时不添加多个loading效果。大概就这这么写的,当然最重要的还是根据自己的项目需求来做适当的改变。1.在请求的时候创建一个loading样式,请求结束是关闭。

2023-08-05 13:15:00 2270

原创 vant-ui,van-datetime-picker时间选择器只选择年,选择年月日时分秒

vant-ui,DatetimePicker时间选择器选择到秒。

2023-07-24 20:30:00 7938 1

原创 前端判断img图片未能正确加载时显示一个默认图片。img标签onerror事件设置了本地默认图片还是不显示的问题

前端img标签中引用后端交给的图片地址时,路径下图片被删除或者损坏了,那么页面在加载img图片显示破碎,当破碎时显示自定义默认图片。前端判断img图片未能正确加载时显示一个默认图片。img标签onerror事件设置了本地默认图片还是不显示的问题

2023-06-29 19:45:00 1882

原创 flexible.js适配pc端、移动端并自动将px转换rem

移动端适配,pc端可视化大屏适配,全局px自动转rem。postcss-pxtorem。

2023-06-28 17:09:40 1023 1

原创 npm install sass-loader报错Syntax Error: Error: `sass-loader` requires `node-sass` >=4. Please install

Syntax Error: Error: `sass-loader` requires `node-sass` >=4. Please install a compatible version.npm install sass-loader报错npm installnpm ERR! code ERESOLVEnpm ERR! ERESOLVE could not resolvenpm ERR! npm ERR! While resolving: [email protected]

2023-06-06 10:35:14 1108

原创 elementUi自定义table列宽并把列宽永久储存在localStorage中,一级表头用户自定义列宽,二级表头用户自定义列宽并储存在本地。

elementUi自定义table列宽并把列宽永久储存在localStorage中,一级表头用户自定义列宽,二级表头用户自定义列宽并储存在本地。

2023-06-01 17:41:01 917

原创 elementUI,自定义表头,多层级表头,表头合并,行内容一致的合并行

table多级表头,自定义table表头,elementUi 自定义表头input框无法输入,表头合并,行内容一致的跨行合并,table动态新增列的时候表格中间出现一大片空白,样式错乱。

2023-05-19 21:15:00 5874 1

原创 Module Error (from ./node_modules/image-minimizer-webpack-plugin/dist/loader.js):Error with ‘xxxx‘

Module Error (from ./node_modules/image-minimizer-webpack-plugin/dist/loader.js): \jpegtran-bin\vendor\jpegtran.exe ENOENT \optipng-bin\vendor\optipng.exe ENOENT optipng-bin\vendor\optipng.exe ENOENT。

2023-03-07 17:40:39 446 4

原创 前端使用cookie实现7天免登录的功能。cookie的基本使用。

setCookie接收两个值,一个是要存储的对象,一个是cookie存在的时间。这个方法会依次拿出对象中的每一个键值对放进cookie中。setCookie接收两个值,一个是要存储的对象,一个是cookie存在的时间。这个方法会依次拿出对象中的每一个键值对放进cookie中。getCookie调用时默认返回所有的cookie信息,如果传参则查找cookie中有没有这个有则返回。clearCookie接收一个要删除的cookie名,然后把有效天数设置为-1就自动失效删除了。

2023-03-07 15:40:54 1069

原创 判断两个时间之间相差几天几时几分几秒

js传入两个时间,计算出两个时间相差的几天几时几分几秒,计算两个时间相差的分钟数,返回字符串或者对象形式

2023-03-03 13:43:17 284

原创 两个数组对象,根据属性判断相同的替换,合并成一个新数组。

需求:arr1、arr2两个数组对象,根据其中的某个属性判断这个对象是否相同,相同则替换,合并成一个新的数组。

2023-01-08 17:15:15 1210

原创 uniapp app端uni-nav-bar显示成了Undefined,页面顶部显示Undefined。

2.页面处理数据错误,比如,对未定义的字符串进行处理,.split()。等等各种渲染数据时的错误。大半夜记录一下改的一个bug,这个bug很蠢,但是没真机运行调试,又一直以为是样式问题。1.页面某个数据初始化的时候没有被定义,比如html用到了未定义的对象或属性。就这个navbar组件直接不显示了,然后显示为undefined。

2022-10-29 03:02:19 1954

原创 uniapp使用async,swait上传多张图片到后端,拿到后端的返回路径存进属性中,并区分本地路径和后端网络路径

【代码】uniapp使用async,swait上传多张图片到后端,拿到后端的返回路径存进属性中,并区分本地路径和后端网络路径。

2022-10-24 23:01:31 740

原创 将数组中对象属性相同的放进同一个数组中生成一个二维数组,或者将相同的属性名创建为key,所有相同的对象为value生成一个对象。

将数组中对象属性相同的放进同一个数组中生成一个二维数组。项目中遇到一个需求,后端返回一个对象数组,要根据数组中的某个属性,相同的放进同一个数组中,生成一个二维数组来循环展示出来。第二种方法也可以在遍历所有数组的时候对数据进行一次简单的处理再push进数组中。

2022-10-12 22:54:54 2548 1

原创 uniapp获取标签距离页面顶部的高度,并计算出页面的剩余高度。自适应剩余页面高度,动态设置剩余页面高度。

uniapp获取标签距离页面顶部的高度,自适应剩余页面高度。动态设置剩余页面高度。swiper自适应剩余页面高度,scroll-view自适应剩余页面高度。

2022-05-24 19:30:00 6732

原创 uniapp,swiper组件动态设置current不起作用的问题。

uniapp,小程序,H5,app,使用swiper组件,动态设置current不起作用的问题。首次设置current不起作用的问题。

2022-05-20 21:15:00 2276

原创 HBuiderX连接夜神模拟器不能热更新的问题

HBuiderX连接夜神模拟器不能热更新的问题17:51:41.234 注:检测到当前使用的ADB不是HBuilder内置或自定义ADB:17:51:41.235 PID为:5576进程名称为:nox_adb.exe17:51:41.235 路径为:nox\bin\nox_adb.exe17:51:41.235 可能存在adb冲突造成真机运行如不刷新或不重启等情况,如果正常则忽略:17:51:41.235 如果遇到异常情况,点击检查adb冲突。

2022-05-16 18:29:02 2010 1

原创 uviewUi组件库 u-swipe-action 长列表时页面不能上下滑动

在使用uviewUi组件库的u-swipe-action做一个右滑删除操作时,发现当列表长度超出屏幕时,页面的上下滑动锁死,这个问题应该是uview组件库的问题。今天记录一下自己如何解决的:方法一:直接使用uniApp官方推荐的uni-ui组件,只单独下载这个滑动操作的组件,直接在使用的地方引入就可以了,下载链接 :DCloud前端团队-uni-swipe-action 滑动操作。先把ZIP下载下来,然后解压把这两个文件拉进自己的项目components中:调用的时候直接在页面中..

2022-05-14 14:07:35 5371 5

原创 文字只显示一行或两行,超出显示...

文字只显示一行或两行,超出显示...width: 200px;设置宽度overflow: hidden;//超出隐藏-webkit-line-clamp: 2;//设置为几,就最多显示几行text-overflow: ellipsis;//隐藏的形式为...display: -webkit-box;-webkit-box-orient: vertical;

2022-05-12 09:58:37 487 1

原创 uniapp uview使用u-popup组件当开启遮罩层禁止下层页面滚动。uniapp弹框禁止页面上下滚动。

uniapp uview使用u-popup组件当开启遮罩层禁止下层页面跟着滚动。uniapp 弹框禁止页面上下滚动

2022-05-10 15:02:34 27432 19

原创 elementUi 自定义一个日历

elementUi自定义一个日历,修改样式

2022-04-25 18:40:15 718 1

原创 uniapp使用阿里图标显示查找文件失败,在H5端图标显示正常但是在移动端不显示图标的问题解决。

uniapp使用阿里图标显示查找文件失败,在H5端显示正常但是在移动端不显示图标的问题解决!

2022-04-20 22:45:00 3476 5

原创 uniApp(H5,App端) 实现手指下拉屏幕,顶部背景图片放大,松开缩放还原效果。

App,H5,类似抖音我的页面,触摸屏幕下拉顶部背景图片放大,松开图片缩放回弹效果。用户执行下拉操作时,顶部背景图会放大并高度增加的效果,使页面感觉更加的丝滑。类似 个人中心 最上部有个背景图片,下拉放大,松开还原的效果

2022-04-17 20:32:58 4591 8

原创 JavaScript浅拷贝与深拷贝的几种方法。

面试题,什么是浅拷贝,什么是深拷贝?浅拷贝与深拷贝的实现方式:浅拷贝:1.Object.assign(), 2.slice(),3.concat(),4.数组的解构。深拷贝: 1.JSON.parse(JSON.stringify()),2.手写递归实现深拷贝。1、js有几种数据类型?2、js的赋值,是值传递还是引用传递?

2022-04-04 10:15:00 835 1

原创 使用JSON.parse(JSON.stringify(obj))进行深拷贝时的注意事项

深拷贝的注意事项,在开发过程中通常会使用JSON.parse(JSON.stringify(obj))进行深拷贝,其过程就是利用JSON.stringify 将js对象序列化(JSON字符串),再使用JSON.parse来反序列化(还原)js对象;在使用过程中我们需要注意一下几点:1.如果json里面有时间对象,则序列化后会将时间对象转换为字符串格式

2022-03-31 07:45:00 6245 3

空空如也

空空如也

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

TA关注的人

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