
JS
文章平均质量分 60
JS生态
厉害哥哥吖
呼哧呼哧三碗饭。。。
展开
-
基于websocket实现一个简单的网站在线客服聊天室案例
前言在网站项目开发中,我们经常会有在线客服的功能,通过网站开启一个聊天室,进行客服解答操作,本节我们正文结语原创 2021-09-29 09:52:55 · 3097 阅读 · 19 评论 -
(十二)ATP应用测试平台——关于vue中Vue-Quill-Editor、Mavon-Editor、Tinymce等多种富文本编辑器的集成使用
前言正文结语原创 2021-08-24 15:26:53 · 1148 阅读 · 1 评论 -
(十一)ATP应用测试平台——使用vue-video-player视频播放组件实现网页视频流的播放案例实战
前言在网页中播放视频也是我们经常要使用到的功能,例如设备监控的视频流实时播放,MP4、m3u8等视频资源播放等等,在vue项目中,我们可以使用目前封装好的开源组件vue-video-player实现上述的要求。本节我们就详细讲解一下如何使用vue-video-player组件实现视频资源的播放,这里特别要说明的一点是关于本节内容中后端视频资源接口需要特殊处理,否则返回给前端的视频资源无法快进或者后退播放。源码地址:https://gitee.com/northcangap/atp。喜欢的朋友可以star原创 2021-08-20 17:17:08 · 993 阅读 · 0 评论 -
(十)ATP应用测试平台——关于vue-router前端路由的配置使用案例
前言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.原创 2021-08-20 11:36:23 · 195 阅读 · 0 评论 -
(九)ATP应用测试平台——使用EasyExcel实现excel导入、导出、多sheet填充、模板下载等功能案例实战
前言Java开发中实现Excel的导入、导出、填充、多sheet页操作等常用功能也是我们经常要面对的开发需求,本文以easyexcel为例,将excel中的常用功能整理成一个个小案例,参考使用。案例源码地址:https://gitee.com/northcangap/atp。喜欢的朋友可以star一下哦,创作不易。效果如下:正文excel模板下载①引入easyexcel的pom<!-- https://mvnrepository.com/artifact/com.alib..原创 2021-08-19 19:17:37 · 723 阅读 · 0 评论 -
(八)ATP应用测试平台——关于axios的配置使用
前言该篇是应某个粉丝的要求讲解一下关于axios请求组件的使用,其实axios组件类似我们以前使用过的jQuery中的ajax组件,都是用于进行http网络请求的组件。axios组件在前后端分离项目中使用的更加广泛,也更易集成,尤其是其拦截器的功能,使网络请求更加健壮、灵活。今天我们就讲一下如何使用axios组件发送网络请求,本小节依然使用我们的ATP应用测试平台进行相关案例的演示。源码地址:https://gitee.com/northcangap/atp。喜欢的朋友可以star一下哦,创作不易。原创 2021-08-18 10:28:09 · 322 阅读 · 0 评论 -
(六)ATP应用测试平台——关于网页表格的打印及PDF下载的实战案例
前言在网站应用中,我们可能会有这样一个需求,将网页的部分内容,例如表格,网页片段下载打印或者导出PDF,本小节内容正是关于这样一个内容的实战,基于vue2环境开发,希望能够帮助到你。源码地址:https://gitee.com/northcangap/atp,效果如下:正文 源码TablePrint.vue <template> <div class="container"> <div class="title"> <原创 2021-08-16 10:34:35 · 309 阅读 · 0 评论 -
Vue使用directive指令实现Element中Dialog等弹框组件的移动与缩放
前言在使用ElementUI的Dialog等弹框组件中,我们一定有这样的困扰,我们的弹框无法移动,导致下面遮罩的内容不能看到,或者我们的弹框的内容显示不完整,都会影响组件的使用体验。本小节我们通过vue的directive自定义指令实现弹框的移动和缩放的功能。关于directive自定义指令的相关内容请自行参考官方文档学习。源码地址:https://gitee.com/northcangap/atp.git。话不多说,上效果。正文 创建dialogDrag指令derective.js原创 2021-07-30 16:46:21 · 1219 阅读 · 2 评论 -
Vue基于ElementUI组件实现滑块登录验证组件
引言在实际项目应用开发中,为了防止用户频繁发起登录请求,导致后端登录访问压力瞬时过大,我们可以设计一些验证规则防刷,最常见的方式是通过输入验证码的方式降低刷新频率,后台通过返回不同的验证码从而降低用户的频繁请求,这里我们提供一种前端的方式,降低防刷的频率,那就是滑块验证码验证。话不多说,先上图。正文结语...原创 2021-07-15 15:22:50 · 7111 阅读 · 16 评论 -
基于ElementUI组件二次开发的密码强度验证组件
1.简介原创 2020-04-10 15:22:57 · 3437 阅读 · 12 评论 -
超级好用的vue行政区划组件(v-region),没有之一~~~
前言好久没有更新博客了,最近真的是杂事缠身,生气的居然都没有心情码字了。直到遇到它,我的v-region组件,一款好用到窒息的行政区划组件,于是想要迫不及待的与大家安利一下。希望能够帮助到大家。虽然这款插件非常easy,但是对于我这个代码界的搬运工而言,绝对是能用别人的,自己不瞎BB。好了,话不多说。开始我们今天的正文。正文参考文档:https://terryz.gitee.io/vue/#/region/demo...原创 2020-06-29 17:46:08 · 11063 阅读 · 15 评论 -
WEB实现前后端分离的技术方案(一)
后端实现springboot+jwt+swagger+lombok+mybatisplus(技术栈)springboot:实现restful接口开发 jwt:实现token访问认证 swagger:实现后端接口的预览和测试 lombok:实现样板代码的导入 mybatisplus:实现通用业务接口的实现前端实现vue+iview+axios+vuex+vue-router+s...原创 2019-11-16 16:26:49 · 780 阅读 · 0 评论 -
ES6一些数组常用操作大全
JS数据操作合集 方法名称 说明 备注原创 2020-12-31 11:57:36 · 241 阅读 · 0 评论