厉害哥哥的博客

Electron 是一个开源的框架，它允许使用 Web 技术（HTML、CSS 和 JavaScript）构建跨平台的桌面应用程序。通过 Electron，开发者可以使用前端技术栈来创建具有原生应用程序体验的桌面应用。

前言

vue3发布已久，相信迫不及待的小伙伴已经跃跃欲试了。作者也是趁着空闲时间，特意搭建了一个基于vue3的web前端应用平台，该平台基于element-plus实现前端UI展示，vue-router实现路由管理，axios与qs实现网络api请求，scss实现页面布局属性控制。由于vue3并不是vue2的简单升级，而是做了较大的改动，所以与以上的组件兼容还不是特别友好，有些组件的使用也和原来的处理方式大相径庭。作者参考了官网及许多其它作者的文章，特意搭建了一个基于vue3的web前端应用平台，以供各位参考，源

本节内容，我们使用jenkins的流水线功能发布一个docker harbor私服仓库版的前端vue项目，延续前一节的内容，这里需要我们事先安装好一个docker harbor仓库用来存放我们项目的镜像，前端项目依然是通过nginx基础镜像构建，nginx代理访问前端工程。

本节内容以vue为基础，实现一个商品放大镜组件的封装，及动画效果实现，通过本节内容，我们也可以实现其它h5相关的功能需求。商品放大镜功能在实际开发中还是有广泛需求的，尤其在商城项目中，为了更好的使用该功能，作者将该商品放大镜功能封装为一个组件，便于使用和维护。

npm常用命令

前言 正文 结语

前言 正文 结语

前言 正文 结语

前言 正文 结语

由于在开发中需要适配不同的多端应用，在文件相关处理中也会存在相同的问题需要将文档转换为不同的格式展示，本节我们主要通过 一个小案例实现在 java环境下实现 PDF格式转换为网页HTML格式。

前言 正文 结语

前言 在网页中播放视频也是我们经常要使用到的功能，例如设备监控的视频流实时播放，MP4、m3u8等视频资源播放等等，在vue项目中，我们可以使用目前封装好的开源组件vue-video-player实现上述的要求。本节我们就详细讲解一下如何使用vue-video-player组件实现视频资源的播放，这里特别要说明的一点是关于本节内容中后端视频资源接口需要特殊处理，否则返回给前端的视频资源无法快进或者后退播放。源码地址：https://gitee.com/northcangap/atp。喜欢的朋友可以star

前言 VueRouter是Vue.js(opens new window)官方的路由管理器。它和Vue.js的核心功能深度集成，功能丰富，是我们构建vue前端项目中必不可少的的组件之一，本节我们简单介绍一下在vue项目中如何使用vue-router组件实现页面的路由跳转。源码地址：https://gitee.com/northcangap/atp。喜欢的朋友可以star一下哦，创作不易。 正文 ①安装vue-router 命令：npm i vue-router -s ②路由配置 impo.

前言 Java开发中实现Excel的导入、导出、填充、多sheet页操作等常用功能也是我们经常要面对的开发需求，本文以easyexcel为例，将excel中的常用功能整理成一个个小案例，参考使用。案例源码地址：https://gitee.com/northcangap/atp。喜欢的朋友可以star一下哦，创作不易。效果如下： 正文 excel模板下载 ①引入easyexcel的pom <!-- https://mvnrepository.com/artifact/com.alib..

前言 该篇是应某个粉丝的要求讲解一下关于axios请求组件的使用，其实axios组件类似我们以前使用过的jQuery中的ajax组件，都是用于进行http网络请求的组件。axios组件在前后端分离项目中使用的更加广泛，也更易集成，尤其是其拦截器的功能，使网络请求更加健壮、灵活。今天我们就讲一下如何使用axios组件发送网络请求，本小节依然使用我们的ATP应用测试平台进行相关案例的演示。源码地址：https://gitee.com/northcangap/atp。喜欢的朋友可以star一下哦，创作不易。

前言 在网站应用中，我们可能会有这样一个需求，将网页的部分内容，例如表格，网页片段下载打印或者导出PDF，本小节内容正是关于这样一个内容的实战，基于vue2环境开发，希望能够帮助到你。源码地址：https://gitee.com/northcangap/atp，效果如下： 正文 源码TablePrint.vue <template> <div class="container"> <div class="title"> <

前言 在使用ElementUI的Dialog等弹框组件中，我们一定有这样的困扰，我们的弹框无法移动，导致下面遮罩的内容不能看到，或者我们的弹框的内容显示不完整，都会影响组件的使用体验。本小节我们通过vue的directive自定义指令实现弹框的移动和缩放的功能。关于directive自定义指令的相关内容请自行参考官方文档学习。源码地址：https://gitee.com/northcangap/atp.git。话不多说，上效果。 正文 创建dialogDrag指令derective.js

引言 在实际项目应用开发中，为了防止用户频繁发起登录请求，导致后端登录访问压力瞬时过大，我们可以设计一些验证规则防刷，最常见的方式是通过输入验证码的方式降低刷新频率，后台通过返回不同的验证码从而降低用户的频繁请求，这里我们提供一种前端的方式，降低防刷的频率，那就是滑块验证码验证。话不多说，先上图。 正文 结语 ...