
Vue
文章平均质量分 73
追寻上飞
进可攻前端,退可守后端,偶尔玩硬件。热爱新技术探索和研究。
全栈软件工程师,2021上半年获得软件设计师职业资格证书。阿里云博客专家。
展开
-
【物以类聚】给el-image预览多张图片增加提示文字,让每张图片有所分类
第二想法,继承复用该组件,不属于包含关系,无法修改内部的元素,需求和这个想法不一致,遂改变。点击地图上的一张图片,弹出所有相关的图片资源,图片资源上显示每个图片的所属类型。第一想法是修改依赖包中的文件,复用该组件,发现修改无效,原因是。和同事交流后,得出第三个想法,直接COPY框架的。组件大体适用,唯一不足的是缺少照片名称元素。是编译前的包,如果要改动,就需要重新编译。组件文件到自己的项目中,在项目中直接引用。可以看到居中显示的图片类型文字。将图片组件整体的文件导进来。原创 2024-01-15 19:19:03 · 2071 阅读 · 0 评论 -
【招招制敌】修改element-ui中el-image 预览图大小的默认尺寸,让展示效果更加有呼吸感
在未修改前,el-image 预览图大小的默认尺寸是全屏显示。这样给人没有呼吸感。最外层的封装定位方式由固定改为绝对,画布的定位方式改为绝对,高度改为原来的。首先先到的就是通过类选择器选中进行修改,但不见效。如图所示,呼吸感蹭一下就上来了。,距离外层容器的高度偏移改为。原创 2023-10-14 19:21:45 · 3865 阅读 · 4 评论 -
【他山之石】基于Echarts表格的时间线(轴)组件触发时间变化事件,带多种方案比较
下图展示的是带有时间线部件的示例,我们的需求就只是下方的一条时间轴,不需要显示其它元素,因此就对属性做一定的配置,时间轴中的时间点改变后的事件如下。当点击前进按钮时,数据触发条件1;当点击后退按钮时,数据触发条件2。在开发中遇到一个场景:要展示的数据随着时间的变化发生改变,有以下几点要求的的时间线。查询了以下几种解决方案。至此完成整个需求的响应。原创 2023-06-11 16:09:25 · 1891 阅读 · 0 评论 -
【穿针引线】基于ElAdmin项目论Spring Security的工作原理,实现前后端OAuth2单点登录,源码分析
在做单点登录功能时,在这篇文博客中分析过[CAS方式登录源码],关注的是认证和授权函数,其实思想都是大同小异。在这篇博客中,基于Spring Security框架的核心类和思想进行认证和授权的源码分析,做到说透讲透。原创 2023-05-18 19:37:02 · 1432 阅读 · 5 评论 -
【一览无余】Vue框架下Cesium加载遥感地图使用GeoServer切割TIF大文件对外发布WMS服务进行地图绘制(科普篇2/2)
GeoServer是一个开源的地理信息系统(GIS)服务器,它提供了一个标准的、可扩展的平台,用于发布和共享地理空间数据和服务。GeoServer支持各种标准的地理空间数据格式和协议,如WMS、WFS、WCS、KML、GML等,可以运行在各种操作系统上,并且提供了一个Web管理界面,使用户可以轻松地配置和管理GeoServer。它可以表示地图、地形、建筑、道路、河流、气象数据等各种地理信息,支持多种地理坐标系和地理要素类型。它提供了一系列的工具和服务,包括3D数据处理、地图制作、数据集成、分析和可视化等。原创 2023-05-09 18:48:22 · 2708 阅读 · 0 评论 -
【最佳实践】OAuth标准和基于OAuth2.0实现Github 授权单点登录的保姆级教程
OAuth)是一种授权标准,允许第三方应用程序通过授权访问用户的受保护资源,而无需获取用户的用户名和密码。OAuth标准旨在解决用户在使用第三方应用程序时需要提供自己的用户名和密码的安全性和隐私问题。OAuth2.0是一种用于授权的开放标准,旨在为客户端应用程序提供访问受保护资源的安全机制。它是OAuth 1.0的升级版,OAuth2.0的起源可以追溯到2006年,当时Twitter发布了一个名为Twitter OAuth的开放API,该API使用OAuth1.0作为其授权机制。原创 2023-04-20 16:59:16 · 1208 阅读 · 0 评论 -
【另辟蹊径】Table 单元格内容过多之省略展示方案,设置Element table的 showOverflowTooltip 属性无效后的替代方案
设置了element table的组件属性无效,如图所示。:注意不是不起作用,是有作用但是内容过多展示占据了整个界面,影响美观和用户体验。有的博主解决方法是全局样式文件,修改组件的最大宽度,但是按照其方法不起作用。效果和上述结果一样。假设内容过多的列名为more-col。原创 2023-02-16 15:04:45 · 1347 阅读 · 0 评论 -
【柳暗花明】前后分离项目Vue配置项以及反向代理服务器Nginx配置项,包含各种路径代理
路由模式下,公共路径为。不写也行,默认配置。原创 2022-12-17 11:27:41 · 1709 阅读 · 0 评论 -
【捕风捉影】Vue项目报错,点击浏览器报错信息定位不到报错代码,该如何优雅地调试代码?
项目出现报错信息后,就会显示具体某一个文件的某个文件的具体错误信息,定位到具体的行代码中。这样就会导致,打包后代码经过压缩加密,出现报错情况,不能定位哪个文件有问题。但是点击浏览器报错信息,定位到的位置代码根本看不懂。服务运行项目,项目运行一切正常。,表示不生成源码映射文件。种模式供开发者根据项目情况进行选择。属性中按照如下属性进行配置。经过一番寻找,发现打包时,部署运行,大屏展示模块报。配置产生源码的属性为。具体信息可以参见博客。原创 2022-12-12 10:21:41 · 5062 阅读 · 5 评论 -
【出人意料】一种基于Vue2监听器(watch)和定时器(setInterval)的轨迹播放方法实现方案
数据库中有设备的经纬度记录,前端需要实现从数据库中取到数据后在地图上显示轨迹,显示轨迹的方式就是一个一个点地有序显示。点与点之间用线段连接,最终构成一条轨迹线。原创 2022-11-16 22:48:55 · 2135 阅读 · 2 评论