自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

~牧马~

欢迎我们一起交流学习,好的文章请留下你的足迹

  • 博客(210)
  • 资源 (1)
  • 问答 (1)
  • 收藏
  • 关注

原创 【记录54】渐变色 linear-gradient / radial-gradient

radial-gradient 径向渐变:是以图型形状渐变。linear-gradient 线性渐变:是以直线条渐变。

2025-02-21 21:30:00 159

原创 【记录55】多个参数查询,无用参数不记查询

页面有多个输入框条件查询,只输入年龄、年级、性别 为查询条件。过滤出了只需要查询的条件。

2025-02-21 17:33:12 197

原创 【记录53】nginx配置成功,重启成功,无法访问

sudo firewall-cmd --permanent --add-service=https 开放 https。sudo firewall-cmd --permanent --add-service=http 开放 http。successful表示配置成功,没问题,failed表示nginx.conf 配置有问题,请仔细检查。如果检查和端口无关,端口也无占用,这时候要考虑可能是服务器防火墙阻止访问,前提是nginx。nginx端口表示无占用,如果占用,杀死占用端口即可。结束,浏览器访问成功。

2025-02-19 11:06:12 349

原创 【记录52】el-table-column 添加fixed属性 滚动条无法滑动

使用element UI组件,用到el-table的el-table-column的fixed属性时,当滚动条长度小于固定列时,滚动条无法通过鼠标去点击滑动操作。

2025-01-15 15:24:57 781 1

原创 【记录51】动态表单el-autocomplete远程搜索

笔者用的复杂版的,这里先简单说下基础版的。

2024-12-21 09:45:00 441

原创 【记录50】uniapp安装uview插件,样式引入失败分析及解决

表示样式变量$u-border-color没定义,实际是定义的。如果还是报错,可以仔细检查下是否导入的路径是否正确。其次,根目录下 app.vue中是否全局引入。最后,根目录下 uni.scss中是否导入。首先确保安装了scss/sass。

2024-12-18 14:32:24 1138

原创 【记录49】vue2 vue-office在线预览 docx、pdf、excel文档

npm install @vue-office/excel vue-demi@0.14.6 指定版本。npm install @vue-office/docx vue-demi@0.14.6 指定版本。npm install @vue-office/pdf vue-demi@0.14.6 指定版本。在线预览 docx、pdf、excel文档。vue-office 适用于vue2/3。vue版本小于2.6的需下载。

2024-12-11 21:45:00 835

原创 【记录48】npm镜像失效,更改镜像

这是安装镜像源出现了问题,更改镜像源的路径就可以啦!

2024-10-24 11:46:28 336

原创 【记录47】防止按钮短时间频繁点击触发接口,导致影响性能和用户的体验不好及浪费资源

这里肯定有人觉得每一个按钮去加一个“误触或频繁点击”太麻烦了,下面我们试着写一个全局公用方法去做防止频繁点击。情景二:某些环境下,有的人会将鼠标点击设置为连击(按一次,实际按了两次)第一步:新建一个Prevent_frequent_clicks.js文件。为了避免这种情况,我们可以给按钮添加 “类似计时器的东西” 去做处理。情景一:在极短的时间内鼠标点击了两次或两次以上。第二步:在js文件中写入以下代码。第四步:在对应的按钮事件中引用。全文的接口请求,笔者用。第三步:在需要的文件。

2024-10-12 16:38:05 388 1

原创 【记录45】【案例】echarts 柱状图3D效果

echarts 柱状图3D效果

2024-06-18 23:30:00 410

原创 【记录46】【案例】echarts 柱状图

echarts环境4.1.0。

2024-06-18 23:00:00 794

原创 【记录44】【案例】echarts地图

这里需注意:笔者在echarts5.4.2版本添加是失败的,查看了下下载的echarts缺少部分文件,导致无法加载,正确的版本在环境那块写了,

2024-06-18 21:30:00 580

原创 【记录43】el-table @selection-change 数据回显、条件约束、历史回显清除

表格中选中的人员,点击取消后,再次进来人员还在,部分可能觉得正常,实际是不对(切换了数据绑定对象,还存在是不对的)。这里笔者做了一个点击取消就默认为当前选择的取消(不要了)限制选中人员上限,大家可能会想到直接判断选中的list,实际操作中存在一个问题:你选择了,给了提示,表格显示上还是会选中。在其他地方设置好人员,到对应的页面直接在表格中复选设置好的人员。到这里基本完成了回显功能。

2024-05-31 11:32:51 1100

原创 【记录42】centos 7.6安装nginx教程详细教程

环境:腾讯云centos7.6需求:安装nginx-1.24.0。

2024-05-09 16:00:57 658

原创 【记录41】el-menu 动态菜单

【代码】【记录41】el-menu 动态菜单。

2024-04-06 16:22:51 646

原创 【记录40】echarts

【代码】【记录40】echarts。

2024-04-03 08:54:49 214

原创 【记录40】echarts离散图

【代码】【记录40】echarts离散图。

2024-04-02 11:40:19 4770

原创 【记录39】html element-ui 加载

将相关资源下载下来,在对应的html文件中相对路径引入。注意:css加载放在js之前。html使用element-ui组件、用vue框架搭建。

2024-03-20 10:52:45 397

原创 【记录38】[ECharts] Can‘t get DOM width or height. Please check dom.clientWidth and dom.clientHeight.

就是获取不到dom 的宽高导致无法动态渲染dom实例,实际就一定写过了,但是还是没有获取到,为什么呢?这里说明下,有些伙伴理解“不是需要根据id去css中设定DOM 的宽高”,结果排查了半天是因为一个符号写错,服了,写代码的时候还是得注意点。实际dom已经初始化并加载出来了,点击对应的事件,无法渲染图型。

2024-03-19 11:56:25 1199

原创 【记录37】VueBaiduMap 踩坑一

一眼就看出,不对,值在父组件初始化过程中就已赋值,but实际中还是报错,猜测:页面在生命周期加载中哪可能出错,结果排查发现是vuebaidumap(子组件)的加载比父组件(引入vuebaidumap页面)还早,问题就出现在这里。虽然不影响使用,但看见控制报。回调观察程序“content”时出错:“TypeError:无法读取未定义的属性(读取’setContent’)”vuebaidumap的初始化加载在mounted生命周期前,created生命周期后。

2024-03-08 14:19:20 679

原创 【记录31】elementUI el-tree 虚线、右键、拖拽

elementUI el-tree 虚线、右键、拖拽。

2024-03-05 19:30:00 1250

原创 【案例+解说】highcharts 3D环形图动态循环

serse加innerSize,只需加这一项就可以将3D饼图直接变成3D环形图。

2024-02-01 16:39:56 967

原创 【案例+解说】highcharts 饼图动态循环加载

【代码】【案例+解说】highcharts 饼图动态循环加载。

2024-02-01 11:49:32 611

原创 【案例】echarts线性图

echarts线性图。

2024-01-31 10:13:13 487

原创 浏览窗口大小变化,页面刷新

【代码】监听页面大小变化,重新加载页面。

2024-01-22 15:26:55 614

原创 【问题+解决】axios/vue/element/echarts引入报错

经过排查就是这种的引入方式失效了,引入当时也是根据官方文档引入的,纳闷了,之前还好好的,怎么突然出问题了;排查发现这种的引入不是正确的,记得之前引入,是cdn,排查发下,它的引入方式是unpgk,进而导致的。方法引入,开始引入,应用都是正常,后来用了也没问题;奇怪的是,前几天发现html页面无法出现效果图。更新线上项目发现,html页面加载慢;页面样式也出现了问题;笔者在html页面引用vue来快速实现页面;大家想用直接复制就行。

2024-01-17 16:28:24 880

原创 【案例】简单的账号短信登录

/ true 账号登录 false 短信登录。//图片所在路径,并加载。

2023-12-25 16:28:09 1264

原创 【案例】pdf预览

【代码】【案例】pdf预览。

2023-12-21 17:22:16 532

原创 【案例】图片预览

如何让图片放大,大多数的UI组件都带有这种功能,今天给大家介绍的这个插件除了放大之外,还可以旋转、移动、翻转、旋转、二次放大(全屏)main.js 中引入。

2023-12-21 17:12:17 947

原创 【问题+解决】 less-loader下载

less下载,还是less报错问题解决方案

2023-12-21 11:25:17 977

原创 element UI之 el-date-picker 无法选择当前日期

width260px</问题所在之处。

2023-11-30 10:25:05 1452

原创 【echarts】图表清空,重新渲染数据

经过排查返回的数据是没问题的,只能是渲染问题,发现出现这种问题,刷新就好了,不能老是刷浏览器吧,只能重新渲染才可以。点击不同按钮,echarts图型里的数值进行了替换,奇怪的是,有的按钮可以,有的就不行(点击按钮后,获取的数据为空时,图型不会清空,存在显示之前的数据)option &mycharts.option(option, true);笔者在echarts图型中,随着点击不同按钮,echarts图型里的数值随着变化。方法,发现是无效的。

2023-11-24 09:55:49 7729 1

原创 【案例】可视化大屏

话不多说,直接上效果图:源码已附在文章结尾

2023-11-16 15:48:51 478

原创 【案例】3D地球(vue+three.js)

three.js+vue 实现3D地球

2023-11-01 15:21:43 1671

原创 【案例】3D地球

3D地球可缩放,可点击,可定位

2023-11-01 15:15:06 733

原创 vue 页面加水印

首先创建一个waterMark.js文件,当然文件命名可自定义,在需要的加水印的页面导入watermark.js文件。

2023-09-07 11:30:55 893

原创 【笔记】常用 js 函数

这里有个细节:当两个对象中含有key相同value不同时,会以 后面对象的key:value为准。注意: Number型,用该方法处理完,会自动变为String。str的下标(索引)是从 0 开始的。补位只适用String类型。替换分为首个替换、全部替换。

2023-09-01 10:30:54 522

原创 NavigationDuplicated: Avoided redundant navigation to current location: “/fristhome/product“.

原因:Uncaught (in promise) navigationduplicate:避免冗余导航到当前位置:“/ frishome /product”。解决方法:找到router/index.js 配置下面。简单来说,就是路由重复性的加载导致路由沉余。

2023-08-25 21:00:00 2079

原创 Duplicate keys detected: ‘1‘. This may cause an update error.

因为你在同一个页面有两个for循环,导致索引发生错误,不知道选择那个为中,因此报了这种错,应做一个索引划分。在同一个页面存在两个for循环的话,上面这两种都会出错。首先判断是因为for循环导致的,检查是否出现重复。检测到重复密钥:‘1’。这可能会导致更新错误。解决方法:如下,随便给其中一个加一个字符就好了。笔者是同一个页面两处for循环导致。

2023-08-25 11:00:37 3067 2

原创 【案例】登录注册

登录案例

2023-08-23 21:30:00 1480 1

案例VR全景图:效果+源码

案例VR全景图:效果+源码

2023-07-05

Vue-常用加密(MD5,DES,SHA256,BASE64,SHA1,RSA)

Vue-常用加密(MD5,DES,SHA256,BASE64,SHA1,RSA)

2021-11-29

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

TA关注的人

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