前端应用
文章平均质量分 69
该专栏记录了笔者在学习前端时总结的知识库
追寻上飞
进可攻前端,退可守后端,偶尔玩硬件。热爱新技术探索和研究。
全栈软件工程师,2021上半年获得软件设计师职业资格证书。阿里云博客专家。
展开
-
【各个突破】Echart的象柱形图数值为0时,图像发生严重偏移,一招即可解决
当数值是0亩时,圆形图标发生位置偏移,据悉,该bug是Echart原生bug。因此在需要数值显示的组件中的转换函数内将其再转为0即可。比如右侧仍旧需要显示。将数值为0的元素更改为空字符串。原创 2023-08-07 09:45:31 · 581 阅读 · 0 评论 -
【他山之石】基于Echarts表格的时间线(轴)组件触发时间变化事件,带多种方案比较
下图展示的是带有时间线部件的示例,我们的需求就只是下方的一条时间轴,不需要显示其它元素,因此就对属性做一定的配置,时间轴中的时间点改变后的事件如下。当点击前进按钮时,数据触发条件1;当点击后退按钮时,数据触发条件2。在开发中遇到一个场景:要展示的数据随着时间的变化发生改变,有以下几点要求的的时间线。查询了以下几种解决方案。至此完成整个需求的响应。原创 2023-06-11 16:09:25 · 1619 阅读 · 0 评论 -
【图表利剑】开发复杂Echarts时,visualMap视觉组件中属性seriesIndex必须用起来
据说90%的可视化是用Echarts开发,没错,笔者也没例外,在新的开发项目中,遇到了这个开发神器Echarts,想要的功能就是在省份上显示。原来的功能已有范围视觉组件visualMap。原创 2022-12-02 15:22:18 · 2779 阅读 · 4 评论 -
【出人意料】一种基于Vue2监听器(watch)和定时器(setInterval)的轨迹播放方法实现方案
数据库中有设备的经纬度记录,前端需要实现从数据库中取到数据后在地图上显示轨迹,显示轨迹的方式就是一个一个点地有序显示。点与点之间用线段连接,最终构成一条轨迹线。原创 2022-11-16 22:48:55 · 2083 阅读 · 2 评论 -
【庖丁解牛】vue-element-admin前端CRUD通用操作组件详解,对,核心就是crud.js文件
框架之所以能够快速定制应用,得益于其通配的CRUD操作,属性配置多样化且个性化,能够满足绝大部分开发需求,也方便了代码生成。钩子函数与vue生命周期的执行顺序应该是我们最关注的,因为事件的起始影响着编程的思路。行代码,以及下图中其它四个vue组件,形成了对通用CRUD操作的高级封装。离不开assign,vm.$option,callVm。钩子函数应该说是做的很精细,包含各个用户操作的事件。函数,封装了配置项、方法、钩子函数。在该文件之前有一个老版本的文件,在。共计9个函数,最重要的就是。原创 2022-10-12 18:07:01 · 8826 阅读 · 13 评论 -
el-admin前后端项目二次开发自定义修改图标
首页界面根据展示的属性内容,需要修改与之相关联的图标。原创 2022-08-26 17:35:11 · 840 阅读 · 4 评论 -
【解决方法】element-ui 中输入框input与下拉选择框没有在一条水平线上
可以看到行元素内的子元素顶部都是对齐的,而且下拉选择框的顶部和行的顶部是有间隙的,因此问题就出现在对齐的属性上。如图所示,左边的输入框和右边的下拉选择框不在同一水平线上。相对于该元素所在行的基线的垂直对齐。...原创 2022-07-19 15:24:10 · 1728 阅读 · 1 评论 -
【Spring + Vue前后端分离】可商用的开源后台管理框架软件eladmin剖析
前面做过一个类似的项目,使用组件进行前端页面的开发,整个项目前后端没有解耦。这次想换个开发方式,将前后端进行分离开发。期间学习了,扩充了技术栈,形成了后端 + 前端的一个技术能力。有了技术能力后,就需要进行历练,毕竟学而不思则罔,方法就是通过开发一个后台管理系统来丰富自己做项目的经验,提升技术能力。开发的后台管理系统是基于某个行业进行数字化、信息化。管理系统分为通用模块和特色模块,通用模块指的是系统的一些管理功能,如菜单管理、用户管理、角色管理等,这些通用的模块属于重复造轮子的工作。特色模块就是系统本身要满原创 2022-07-07 09:49:18 · 2518 阅读 · 4 评论 -
【最全】PS各个版本下载安装及小试牛刀教程(PhotoShop CS3 ~~ PhotoShop 2022)
笔者在进行网页开发过程中需要绘制登录页,一般的登录页就是纯色背景加上用户密码输入框,如果想要复杂且页内元素统一的就需要创作了,而Axure对于图形操作支持不友好,因此就用到PS先行绘制,导出图片到Axure再进行登录页的设计。下载链接:https://pan.baidu.com/s/1Qzig4wqxMWcq_G778DXy1Q?pwd=5pth提取码:5pth资源内有各个版本的安装包,按照需要自行下载。双击可执行文件按照提示完成安装。因为安装的文件很大,因此放到非系统盘里进行安装。常使用是命令是,配原创 2022-06-28 14:44:28 · 49034 阅读 · 74 评论 -
利用Axure RP9 动态面板理解SVG ViewPort和ViewBox
1 ViewPort、ViewBoxViewPort翻译为视窗,相当于电脑屏幕,能够显示内容的地方。ViewBox翻译为视区,相当于截屏后再显示在电脑屏幕的整个区域上。单纯地从字面理解不好理解,借助Axure RP9 动态面板是可以较为轻松地理解这两个名词。2 动态面板2.1 使用场景最近学习快速原型工具Axure RP9的使用方法,在其默认元件库中的基本元件中有一个称为动态面板的元件。其功能相当强大,能够制作很多场景的原型。多面板选择列表翻页轮播图下拉菜单…总结就是涉及多层要显原创 2022-04-23 17:44:52 · 903 阅读 · 4 评论 -
layui图标出现方框问题解决
layui解决图标出现方框问题一、软件版本二、问题描述三、解决思路1. 上开发者工具2. 定位错误位置3. 修改图标加载的相对文件路径四、结果一、软件版本OS: Win10layui: 2.6.5浏览器:Chrome 90.0.4430.212(正式版本) (64 位)二、问题描述当在本地开发网页时,引用layui框架样式表和js,目录结构如下图所示。加载layui的日期控件时,出现如下图所示的界面。日期前进和后退的按钮变成了方框。三、解决思路1. 上开发者工具F12打开谷歌浏览原创 2021-05-17 20:02:38 · 5882 阅读 · 6 评论 -
解决BootStrap轮播图片中图片大小和父div不一致问题
问题出现其实这个问题相当简单,自己鼓捣好久,才发现还是自己基本功不扎实,当图片的大小出现在原生的bootstrap类属性限定中,图片会按照自己的大小进行布局,这样就会出现图片小于父div的情况,如下图所示:问题解决找出图片所属类,更改类的属性为block,设置图片的高度为父div的高度,代码如下:#showCarousel .carousel-inner > .item ...原创 2018-10-01 13:47:21 · 14376 阅读 · 3 评论