前端
暴富的im
这个作者很懒,什么都没留下…
展开
-
ant design vue 使用小结
3.scopedSlots 对值进行复杂处理获取操作列表。2.customRender 对值进行简单的处理。1.直接回显dataIndex就是参数名。即全局loading。原创 2024-08-09 17:54:22 · 237 阅读 · 0 评论 -
echarts的折线图实现部分虚线部分实线
折线图一般都是实线为准,但是由于最后一个数据是预测。所以想要实现最后一段为虚线。同理:如果中间段的数据需要虚线也按这个方法即可。原创 2024-07-01 14:19:25 · 315 阅读 · 0 评论 -
[Vue]处理一进入页面数据未获取到时的警告
原本的写法如下,我原以为做了 || 0 的处理以后就就可以避免这个问题,但是由于是取的对象里面的属性,所以还是会报错。PS:基本类型的数据可以这样处理。当你需要在一个弹窗做多种场景的时候。可以用一个参数设置1、2、3等不同的值来显示或者隐藏。不一定非用不同的变量在控制。当页面一进入页面就需要展示后台数据时,控制台会类似于报如下的警告。由于是对象里面的属性,所以使用三目运算进行判断。原创 2024-05-31 13:46:04 · 312 阅读 · 0 评论 -
element ui 的密码输入框点击显示隐藏密码时,图标随之改变
通过修改el-input框的type属性,来设置显示或者隐藏。从而改变图标地址。原创 2024-05-24 13:56:47 · 606 阅读 · 0 评论 -
谷歌插件V3知识点
作用:放置全局的、需要一直运行的代码,权限非常高几乎调用所有Chrome api,还可以发起跨域请求;第一种: chrome.scripting.executeScript({第二种: chrome.scripting.executeScript({作用范围:可以修改页面DOM,js与目标页面隔壁但是css没有;生命周期:注入页面,在刷新当前页面,或者打开新的tab页执行;需要两个参数:一个为页面id,另一个为要执行的js;生命周期:一开始就执行,最早执行且一直执行;这里是设置插入当前页面。原创 2024-05-10 18:45:42 · 291 阅读 · 0 评论 -
js自定义实现类似锚点(内容部分滚动)
效果图如上,类似锚点,但是屏幕不滚动。高度计算我不是很熟练。for循环写的比较麻烦。element plus 和Ant Design有类似组件效果。原创 2024-05-08 11:12:26 · 278 阅读 · 0 评论 -
Vue后台系统demo小计
措施1:node.js文件夹属性 =》高级 =》选择第一个允许 Users(XXX\Users) (对我无用)措施2:PowerShell(以管理员身份运行) =》 cd 想存放项目的路径 =》 vue create 项目名。由于我是新项目第一次提交就出错,所以我直接强制push。原创 2024-04-25 17:08:09 · 307 阅读 · 0 评论 -
微信原生小程序封装用户登陆
open-type是小程序中button的属性之一,合法霍倩倩getUserInfo,引导用户授权,可以从bindgetuserinfo回调中获取到用户信息。button可以指定plain属性,完全去掉样式,跟view类似。后端在用户登陆后会返回resfreshToken和token;原创 2024-04-18 16:17:52 · 481 阅读 · 0 评论 -
微信小程序生成链接或二维码的对比
样式图:会生成一串https://xxx的二维码链接,当中h5的时候会自动跳转小程序。方法:微信公众平台=》开发管理=》扫普通链接二维码打开小程序。路径:微信开发者工具=》云开发 =》更多 =》静态网站。方法:微信公众平台 =》工具=》生成小程序二维码;然后将生成的链接放在草料上生产二维码;样式图:就一看就是小程序的二维码;获取参数直接options。原创 2024-04-16 14:41:39 · 503 阅读 · 0 评论 -
微信小程序自定义关闭按钮在弹窗下面的效果
popup.JS/*** 生命周期函数--监听页面初次渲染完成*///自定义弹窗 动态获取屏幕高度});},})},closePopup 关闭自定义弹窗})data(){height:'',popup.wxml" > 弹窗内容,我比较懒切的图原创 2024-04-11 10:43:21 · 547 阅读 · 0 评论 -
微信小程序转盘抽奖
3.按照组件文档的基本实例可以解决百分之八十的样式问题,但是小程序由于canvas层级过高,会遮住弹窗,组件作者在转盘end以后会将页面切换为图片。由于该页面,还有我写的其他功能组件,因为我选择在弹窗后 wx.redirectTo 到当前页面。1.(这种情况是亲身经历,原因是在安装lukcy-canvas之前已经有了一个vant组件)npm安装好后,将微信开发者工具关闭后再打开,再点击工具栏----构建npm。2.使用过程中,突然就报组件找不到了,有时候重新开发者工具可以解决,但有时候一直解决不了。原创 2024-04-10 19:59:54 · 583 阅读 · 0 评论 -
Vue项目(H5)与微信小程序来回跳转
在小程序里面新建一个名为H5的文件夹,以及H5页面。Vue项目(H5)与微信小程序来回跳转原创 2024-04-10 19:45:35 · 721 阅读 · 0 评论 -
marquee替代合集
【代码】marquee替代合集。原创 2024-04-07 19:25:41 · 304 阅读 · 0 评论 -
文字滚动且首尾透明度降低
原理:在包含文字的div上面覆盖一层背景渐变的div;这里的文字滚动是使用marquee标签来使用的,但是这个标签已经被废弃,不建议使用;原创 2024-04-07 15:11:31 · 165 阅读 · 0 评论 -
echarts地图自定义label属性以及引入china.js
重点:在于mapChart的height可以写成函数以便适配不同尺寸;原创 2024-04-03 19:19:48 · 1140 阅读 · 0 评论 -
后端说处理了跨域但没有生效
with-credentials用来设置是否发送cookie,如果为true就会在跨域请求时候携带cookie,如果是同一个域名则设置什么都无妨,但是如果不是同一个域名下/外部接口,携带了cookie的话,后端就不能将Access-Control-Allow-Origin设置为*。因为设置为*时cookie不会出现在http的请求头里。常见的跨域报错,一般都是由后端进行setHeader/*什么的。但是现在这种情况就是后端说他们做了处理。但是我这边请求还是报错。原创 2024-04-07 12:00:37 · 653 阅读 · 0 评论 -
element的el-table自定义最后一行
最后一行要显示一些其他结果,用的是element ui 自带的数据总计的属性;返回一个数组,会按下标进行展示。原创 2024-03-22 17:13:24 · 727 阅读 · 0 评论 -
处理登录失效后提示多个错误
后端规定当登录过期的时候,response的返回code为401或者非200的数字,便会走request.js里面封装的error方法。流来设置如果出现 999等即登陆过期的情况,报错方法一秒内只执行一次;(PS:如果接口响应较慢有可能又会出现该情况)我的场景是后端规定,即使登录失效返回的code仍是200,然后data的code是999什么的;原创 2024-03-22 14:41:58 · 458 阅读 · 0 评论 -
el-upload的多个文件与单个文件上传
使用el-upload上传多个、单个文件。原创 2024-03-18 16:34:03 · 1467 阅读 · 0 评论 -
Vue手写模拟步骤条
第一步中其实还有个属性叫 background-position也可以移动背景图片,但是我图定位方便;如果要使用element的步骤条就需要强行修改样式,参考之前的那篇步骤条。这里我采用手写div。思路是给最外层的div一个左边框,给里面的step-item设置左边框为图片,通过定位来移动。其他样式属性我删掉了,只留了关键点;原创 2024-03-14 15:39:53 · 433 阅读 · 0 评论 -
Vue判断页面是在手机端还是PC端
当在pc端的时候就正常显示页面,当在手机端的时候就跳转小程序;即PC端和移动端的处理场景不一样。原创 2024-03-11 16:01:02 · 576 阅读 · 0 评论 -
微信小程序与Vue项目获取路由参数
从通过网站生产的二维码跳转到小程序。微信页面自带的参数普通跳转;从小程序自己的码扫码进去。原创 2024-03-11 14:31:07 · 395 阅读 · 0 评论 -
通过css隐藏popover的效果:即hover显示或隐藏另一个元素
在原生的微信小程序上实现下图hover后出现提示的效果,如果是PC端就可以直接使用el-popover,但是小程序,我没有看到适合的组件。重点就是css兄弟选择器,子元素选择器的灵活使用。原创 2024-01-26 16:46:54 · 438 阅读 · 0 评论 -
Vue自定义成功弹窗H5实现类似于小程序的效果
【代码】Vue自定义成功弹窗H5实现类似于小程序的效果。原创 2024-01-25 18:32:01 · 762 阅读 · 0 评论 -
微信原生小程序上传与识别以及监听多个checkbox事件打开pdf
微信原生小程序上传与识别以及监听多个checkbox事件打开pdf,f我觉得要一个一个写bindchange事件太杂糅。原创 2024-01-18 19:46:39 · 644 阅读 · 0 评论 -
Vue2/3配置环境变量不生效
【代码】Vue2/3配置环境变量不生效。原创 2024-01-12 15:06:14 · 848 阅读 · 0 评论 -
Vue优化多个else if
Vue里面对多个else if进行判断优化,避免赘余原创 2024-01-02 11:59:40 · 550 阅读 · 0 评论 -
Vue监听浏览器自带的复制事件并对复制内容进行修改
Vue监听浏览器自带的复制事件并对复制内容进行修改;在使用鼠标右键或者ctrl c的时候。粘贴出来的数据光标应该在红色部分,却出现在了黑色部分。使用函数对复制的内容进行修改。同理即可在复制文本后追加产权标签等等。html标签不要换行;原创 2023-12-29 11:04:37 · 1030 阅读 · 0 评论 -
element ui 的table实现圆角显示
【代码】element ui 的table实现圆角显示。原创 2023-12-13 16:22:07 · 746 阅读 · 0 评论 -
Vue登陆失效\未登陆跳转页面,在登陆后回到当时页面
直接提供某个页面路径带了很多参数,然后退回到登陆页面,再登陆就回到该页面。登录过期后回到登陆页;原创 2023-12-07 20:00:04 · 483 阅读 · 0 评论 -
element ui 的表单规则动态删减与校验
根据表单某个字段的选择不同,需要出现的el-form的表单项也不同,在这里直接写完所有的字段的校验规则,没有显示的表单项使用。原创 2023-11-27 17:07:26 · 143 阅读 · 0 评论 -
获取验证码在倒计时未完成前清除验证码
在点击获取验证码后,验证码开始倒计时,在点击登录后,出现弹窗不跳转页面。因此在出现弹窗后,即使倒计时没有结束,也要将倒计时的文字变为重新获取验证码。原创 2023-11-22 15:50:34 · 217 阅读 · 0 评论 -
VueH5公众号分享到微信朋友圈或好友
VueH5公众号分享到微信朋友圈或好友原创 2023-11-21 14:14:03 · 881 阅读 · 0 评论 -
Vue h5页面手指滑动图片
四张图,要求随着手指滑动而滑动。原创 2023-11-16 17:35:06 · 875 阅读 · 0 评论 -
Vue与小程序手写蒙层页面禁止滑动
在h5页面,最上面加一层蒙层,但是由于后面的页面长度大于100vh,即使前面有蒙层也可以滑动后面的页面。原创 2023-11-16 15:39:12 · 283 阅读 · 0 评论 -
浏览器加get请求导致参数+变空格
取值也取的正确数值,但是传到后台 +号就变成了空格。原创 2023-11-09 18:12:33 · 342 阅读 · 0 评论 -
Vue elemen ui 移除上次校验与部分清除上次校验
如果不清除上次的校验就会出现,之前的大陆企业的校验还会出现在香港企业的校验中。可以切换类型,下面的输入框参数也会随着改变。也可以在这里动态修改表单的校验信息的提示语。原创 2023-11-01 14:48:40 · 504 阅读 · 0 评论 -
Vue元素出现触底,消失后回到触发点
【代码】Vue元素出现触底,消失后回到触发点。原创 2023-10-31 14:41:03 · 68 阅读 · 0 评论 -
Vant Weapp 的van-cell 与 van-cell-group的边框
用van-cell循环出来的单元格,最上面有一条边框线,且找不到该元素;就没有那个上边框了。原创 2023-10-31 14:31:55 · 1211 阅读 · 0 评论 -
Vue监听页面滚动触底事件
【代码】Vue监听页面滚动触底事件。原创 2023-10-31 14:22:31 · 348 阅读 · 0 评论