笔记
文章平均质量分 51
好 运.
这个作者很懒,什么都没留下…
展开
-
Linux系统(centos7)离线安装谷歌浏览器
centos7系统自带的浏览器是火狐,种种原因吧导致现场项目打不开,又刚好现场又是没有网的环境,就想着可不可以通过离线的方式进行安装谷歌浏览器转载 2024-05-20 23:47:08 · 2551 阅读 · 3 评论 -
前端开发必备的网站
这里记录了我本人平时开发所用到的网站,对我还是有帮助的,后续会接着补充进来,一方面是为了记录,另一方面也可以帮助到大家…原创 2023-09-02 16:50:34 · 277 阅读 · 0 评论 -
vue监听element-ui的table表格滚动事件
template里边的代码我就不写了,你们可以直接用element-ui里面的table,也可以自己封装。这篇文章主要是讲述“如何监听element-ui table滚动事件”,按我自己尝试的方法去实现。如果要用第二种的话就用element-ui里边的分页组件,去实现就好,我用的第一种方法实现的。前两天做项目遇到一个问题,数据量大,然后表格渲染的很慢,而且很卡怎么办?那无非就是两种方法。原创 2022-12-23 16:06:31 · 4256 阅读 · 2 评论 -
Echarts折线图点击某一区域后点高亮(多条折线)
因为我们的数据量可能也不是很大,所以我每次点击拿到那一个数据点的下标之后会把对应的数据点配置改成高亮,然后重新setOption,就实现了高亮,这样可以实现多个点的高亮,且业务需求。产品想要在折线图上点击某个折线,或者是点击某一区域触发事件,然后点击的地方或者区域对应的一个或者多个数据点就要变高亮,不止是在折线图的拐点,那处理方法我想了两种,如下。用官方的放大实现高亮好像不能自定义颜色及高亮的点个数,后来我就自己想了这样一种实现方式,原创 2022-12-23 15:29:13 · 5333 阅读 · 0 评论 -
Vue如何实现快进后退的跑马灯组件
由于业务需求,要实现一个会可以控制速度的跑马灯,刚开始用js的setinterval每隔几毫秒来减取一个字符拼接到后面,效果不理想就放弃了。后来用animate这个api实现了。当然现在有很多的第三方库可以实现这个需求,个人感觉还是手写的香效果图:组件代码父组件代码原创 2022-11-30 21:22:04 · 540 阅读 · 0 评论 -
监听h5页面显示与隐藏事件
在最近的项目开发中,需要前端写一个h5页面然后嵌入到java安卓app里面,这里不讲web与Java的通讯,有这么一个需求,定时器定期去调用接口拿数据动态的展示到折线图中,但是呢遇到了这么一个问题,H5进入后台运行导致定时器不能用的问题,这就导致数据不是连续的,想在java那边解决,但是java那边做的是数据库方向的,也不是专业的java安卓开发,就只能自己解决了于是我就想到前端可以监听页面进入到后台是运行的场景吗?原创 2022-11-28 20:00:53 · 2179 阅读 · 0 评论 -
禁止浏览器对页面进行缩放
只能禁用浏览器快捷键的放大缩小行为,电脑本身的放大缩小属于系统权限。只需要在标签中加上即可。原创 2022-11-28 19:42:30 · 2635 阅读 · 1 评论 -
在Vue项目中使用Mock.js
随着互联网行业的发展,前后端分离已经成为了行业的主流,也是一种趋势。在这样一种趋势的推动下去开发项目,一定会遇到这样一个问题,后端接口未开发完毕,前端页面如何展示数据呢?这个时候就用到mock.js了。// 属性名 name // 生成规则 rule // 属性值 value 'name|rule' : value属性值是字符串 String// 通过重复 string 生成一个字符串,重复次数大于等于 min,小于等于 max。原创 2022-09-24 16:32:59 · 2241 阅读 · 2 评论 -
一、Echarts图表之X轴(xAxios)与Y轴(yAxios)配置项大全
x轴(xAxios)与y轴(yAxios)有很多的配置项,下面对xAxios进行详解,yAxios参考xAxios。坐标轴在 grid 区域中的分隔区域,默认不显示。坐标轴在 grid 区域中的分隔线设置。坐标轴刻度标签的相关设置。坐标轴轴线相关设置。坐标轴刻度相关设置。原创 2022-08-22 20:09:26 · 4105 阅读 · 0 评论 -
vue打包之后更改配置的json文件无效
在project.config.json里面更改配置后不生效,具体原因还没有找到。然后把这个js文件引入到public/index.html下。在项目中就可以直接使用window.api进行使用。把json文件换成js文件。这是目前我找到的办法…...原创 2022-08-16 17:52:12 · 3327 阅读 · 7 评论 -
vuex数据持久化——vuex-persistedstate(解决页面刷新stroe数据丢失问题)
我们存储在vuex里面的数据只是放在了浏览器缓存里面,页面刷新就会丢失。当然也可以通过vuex存储到本地,再去获取也可以实现页面刷新数据不丢失。本篇主要讲解vuex-persistedstate这个插件,原理同上,只不过不需要去手写存储的代码,根据简单的配置就可以实现。...原创 2022-08-10 19:16:06 · 1258 阅读 · 2 评论