- 博客(210)
- 资源 (1)
- 问答 (1)
- 收藏
- 关注
原创 【记录54】渐变色 linear-gradient / radial-gradient
radial-gradient 径向渐变:是以图型形状渐变。linear-gradient 线性渐变:是以直线条渐变。
2025-02-21 21:30:00
159
原创 【记录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
原创 【记录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
原创 【记录47】防止按钮短时间频繁点击触发接口,导致影响性能和用户的体验不好及浪费资源
这里肯定有人觉得每一个按钮去加一个“误触或频繁点击”太麻烦了,下面我们试着写一个全局公用方法去做防止频繁点击。情景二:某些环境下,有的人会将鼠标点击设置为连击(按一次,实际按了两次)第一步:新建一个Prevent_frequent_clicks.js文件。为了避免这种情况,我们可以给按钮添加 “类似计时器的东西” 去做处理。情景一:在极短的时间内鼠标点击了两次或两次以上。第二步:在js文件中写入以下代码。第四步:在对应的按钮事件中引用。全文的接口请求,笔者用。第三步:在需要的文件。
2024-10-12 16:38:05
388
1
原创 【记录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
原创 【记录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
原创 【问题+解决】axios/vue/element/echarts引入报错
经过排查就是这种的引入方式失效了,引入当时也是根据官方文档引入的,纳闷了,之前还好好的,怎么突然出问题了;排查发现这种的引入不是正确的,记得之前引入,是cdn,排查发下,它的引入方式是unpgk,进而导致的。方法引入,开始引入,应用都是正常,后来用了也没问题;奇怪的是,前几天发现html页面无法出现效果图。更新线上项目发现,html页面加载慢;页面样式也出现了问题;笔者在html页面引用vue来快速实现页面;大家想用直接复制就行。
2024-01-17 16:28:24
880
原创 【案例】图片预览
如何让图片放大,大多数的UI组件都带有这种功能,今天给大家介绍的这个插件除了放大之外,还可以旋转、移动、翻转、旋转、二次放大(全屏)main.js 中引入。
2023-12-21 17:12:17
947
原创 【echarts】图表清空,重新渲染数据
经过排查返回的数据是没问题的,只能是渲染问题,发现出现这种问题,刷新就好了,不能老是刷浏览器吧,只能重新渲染才可以。点击不同按钮,echarts图型里的数值进行了替换,奇怪的是,有的按钮可以,有的就不行(点击按钮后,获取的数据为空时,图型不会清空,存在显示之前的数据)option &mycharts.option(option, true);笔者在echarts图型中,随着点击不同按钮,echarts图型里的数值随着变化。方法,发现是无效的。
2023-11-24 09:55:49
7729
1
原创 【笔记】常用 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
js filter数组去重
2022-10-18
界面刷新布局发生变化:属于什么问题
2021-08-20
TA创建的收藏夹 TA关注的收藏夹
TA关注的人