- 博客(92)
- 收藏
- 关注
RSS订阅原创 Vue中使用echarts生成地图步骤详解
Vue中使用echarts生成地图步骤详解还可能包含地区名称与代码之间的映射关系，这样在配置 ECharts 时可以通过地区名称来引用具体的地理区域。：文件中还包含了世界地图上各个国家和地区的轮廓形状数据，这些数据用于在图表中绘制出各个国家和地区的边界。文件中包含了各个国家和地区的地理坐标数据，这些数据用于在地图上准确地定位和绘制每个国家和地区的形状。：文件中还包含了国家和地区的名称以及对应的代码，这些信息用于在地图上标识和区分不同的区域。
2024-11-04 16:26:25
550
原创 ant design vue 使用小结
3.scopedSlots 对值进行复杂处理获取操作列表。2.customRender 对值进行简单的处理。1.直接回显dataIndex就是参数名。即全局loading。
2024-08-09 17:54:22
373
原创 echarts的折线图实现部分虚线部分实线
折线图一般都是实线为准，但是由于最后一个数据是预测。所以想要实现最后一段为虚线。同理：如果中间段的数据需要虚线也按这个方法即可。防止多个点以及值为空的情况。
2024-07-01 14:19:25
2238
原创 [Vue]处理一进入页面数据未获取到时的警告
原本的写法如下,我原以为做了 || 0 的处理以后就就可以避免这个问题，但是由于是取的对象里面的属性，所以还是会报错。PS：基本类型的数据可以这样处理。当你需要在一个弹窗做多种场景的时候。可以用一个参数设置1、2、3等不同的值来显示或者隐藏。不一定非用不同的变量在控制。当页面一进入页面就需要展示后台数据时，控制台会类似于报如下的警告。由于是对象里面的属性，所以使用三目运算进行判断。
2024-05-31 13:46:04
354
原创 element ui 的密码输入框点击显示隐藏密码时，图标随之改变
通过修改el-input框的type属性，来设置显示或者隐藏。从而改变图标地址。
2024-05-24 13:56:47
1095
1原创 谷歌插件V3知识点
作用：放置全局的、需要一直运行的代码，权限非常高几乎调用所有Chrome api,还可以发起跨域请求；第一种: chrome.scripting.executeScript({第二种： chrome.scripting.executeScript({作用范围：可以修改页面DOM，js与目标页面隔壁但是css没有；生命周期：注入页面，在刷新当前页面，或者打开新的tab页执行；需要两个参数：一个为页面id,另一个为要执行的js；生命周期:一开始就执行，最早执行且一直执行；这里是设置插入当前页面。
2024-05-10 18:45:42
465
原创 js自定义实现类似锚点(内容部分滚动)
效果图如上，类似锚点，但是屏幕不滚动。高度计算我不是很熟练。for循环写的比较麻烦。element plus 和Ant Design有类似组件效果。
2024-05-08 11:12:26
312
原创 Vue后台系统demo小计
措施1：node.js文件夹属性 =》高级 =》选择第一个允许 Users(XXX\Users) （对我无用）措施2：PowerShell(以管理员身份运行) =》 cd 想存放项目的路径 =》 vue create 项目名。由于我是新项目第一次提交就出错，所以我直接强制push。
2024-04-25 17:08:09
342
原创 微信原生小程序封装用户登陆
open-type是小程序中button的属性之一，合法霍倩倩getUserInfo,引导用户授权，可以从bindgetuserinfo回调中获取到用户信息。button可以指定plain属性，完全去掉样式，跟view类似。后端在用户登陆后会返回resfreshToken和token；
2024-04-18 16:17:52
620
原创 微信小程序生成链接或二维码的对比
样式图：会生成一串https://xxx的二维码链接，当中h5的时候会自动跳转小程序。方法：微信公众平台=》开发管理=》扫普通链接二维码打开小程序。路径：微信开发者工具=》云开发 =》更多 =》静态网站。方法：微信公众平台 =》工具=》生成小程序二维码；然后将生成的链接放在草料上生产二维码；样式图：就一看就是小程序的二维码；获取参数直接options。
2024-04-16 14:41:39
669
原创 微信小程序自定义关闭按钮在弹窗下面的效果
popup.JS/*** 生命周期函数--监听页面初次渲染完成*///自定义弹窗 动态获取屏幕高度});},})},closePopup 关闭自定义弹窗})data(){height:'',popup.wxml" > 弹窗内容，我比较懒切的图
2024-04-11 10:43:21
711
原创 微信小程序转盘抽奖
3.按照组件文档的基本实例可以解决百分之八十的样式问题，但是小程序由于canvas层级过高，会遮住弹窗，组件作者在转盘end以后会将页面切换为图片。由于该页面，还有我写的其他功能组件，因为我选择在弹窗后 wx.redirectTo 到当前页面。1.（这种情况是亲身经历，原因是在安装lukcy-canvas之前已经有了一个vant组件）npm安装好后，将微信开发者工具关闭后再打开，再点击工具栏----构建npm。2.使用过程中，突然就报组件找不到了，有时候重新开发者工具可以解决，但有时候一直解决不了。
2024-04-10 19:59:54
893
原创 文字滚动且首尾透明度降低
原理：在包含文字的div上面覆盖一层背景渐变的div；这里的文字滚动是使用marquee标签来使用的，但是这个标签已经被废弃，不建议使用；
2024-04-07 15:11:31
188
原创 后端说处理了跨域但没有生效
with-credentials用来设置是否发送cookie，如果为true就会在跨域请求时候携带cookie，如果是同一个域名则设置什么都无妨，但是如果不是同一个域名下/外部接口，携带了cookie的话，后端就不能将Access-Control-Allow-Origin设置为*。因为设置为*时cookie不会出现在http的请求头里。常见的跨域报错，一般都是由后端进行setHeader/*什么的。但是现在这种情况就是后端说他们做了处理。但是我这边请求还是报错。
2024-04-07 12:00:37
795
原创 element的el-table自定义最后一行
最后一行要显示一些其他结果，用的是element ui 自带的数据总计的属性；返回一个数组，会按下标进行展示。
2024-03-22 17:13:24
901
原创 处理登录失效后提示多个错误
后端规定当登录过期的时候，response的返回code为401或者非200的数字，便会走request.js里面封装的error方法。流来设置如果出现 999等即登陆过期的情况，报错方法一秒内只执行一次；（PS:如果接口响应较慢有可能又会出现该情况）我的场景是后端规定，即使登录失效返回的code仍是200，然后data的code是999什么的；
2024-03-22 14:41:58
552
原创 Vue手写模拟步骤条
第一步中其实还有个属性叫 background-position也可以移动背景图片，但是我图定位方便；如果要使用element的步骤条就需要强行修改样式，参考之前的那篇步骤条。这里我采用手写div。思路是给最外层的div一个左边框，给里面的step-item设置左边框为图片，通过定位来移动。其他样式属性我删掉了，只留了关键点；
2024-03-14 15:39:53
516
原创 [CSS]文字旁边的竖线以及布局知识
这是这里的绿色盒子应该写为固定的值，如果绿色盒子过长就会出现，绿色盒子超过黄色盒子的情况。因此这里还需要将黄色盒子设置一个min-width:即ui图上绿色盒子的宽度已经外边距。有其他方法，也请多指教~黑色边框为整个屏幕，我平常会习惯性的给3即(绿色盒子)按宽度的百分比取值然后设置为弹性盒子，但是当屏幕较小的时候，有可能会出现2（红色盒子）将1（紫色盒子）遮盖的情况。应该有更好的设置空隙的方法，但是我不是很清楚，知道的大神麻烦指点一下~~
2024-02-28 18:34:25
516
原创 css字体随着屏幕自适应
假设，字体为70px 在大屏显示正常，但是在笔记本上文字就换行了。我想字体随着屏幕变化而变化。使用clamp函数，该函数接收三个参数：分别为 最小值，首选值，最大值。左边是字体大小的范围，右边是屏幕尺寸的范围；
2024-02-28 18:12:37
1259
原创 通过css隐藏popover的效果:即hover显示或隐藏另一个元素
在原生的微信小程序上实现下图hover后出现提示的效果，如果是PC端就可以直接使用el-popover，但是小程序，我没有看到适合的组件。重点就是css兄弟选择器，子元素选择器的灵活使用。
2024-01-26 16:46:54
518
原创 微信原生小程序上传与识别以及监听多个checkbox事件打开pdf
微信原生小程序上传与识别以及监听多个checkbox事件打开pdf，f我觉得要一个一个写bindchange事件太杂糅。
2024-01-18 19:46:39
682
原创 Vue监听浏览器自带的复制事件并对复制内容进行修改
Vue监听浏览器自带的复制事件并对复制内容进行修改；在使用鼠标右键或者ctrl c的时候。粘贴出来的数据光标应该在红色部分，却出现在了黑色部分。使用函数对复制的内容进行修改。同理即可在复制文本后追加产权标签等等。html标签不要换行；
2023-12-29 11:04:37
1390
原创 Vue登陆失效\未登陆跳转页面，在登陆后回到当时页面
直接提供某个页面路径带了很多参数，然后退回到登陆页面，再登陆就回到该页面。登录过期后回到登陆页；
2023-12-07 20:00:04
637
原创 element ui 的表单规则动态删减与校验
根据表单某个字段的选择不同，需要出现的el-form的表单项也不同，在这里直接写完所有的字段的校验规则，没有显示的表单项使用。
2023-11-27 17:07:26
175
原创 获取验证码在倒计时未完成前清除验证码
在点击获取验证码后，验证码开始倒计时，在点击登录后，出现弹窗不跳转页面。因此在出现弹窗后，即使倒计时没有结束，也要将倒计时的文字变为重新获取验证码。
2023-11-22 15:50:34
241
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人