
前端插件
文章平均质量分 87
摘录JavaScript以及vue的插件,包囊其使用的教程
谁是张三
这个作者很懒,什么都没留下…
展开
-
vscode插件开发
vscode插件开发最近在重构项目的时候遇到一个问题,有大量的文件需要添加一段大致相同的代码、构建页面文件的时候需要同时创建多个附属文件等。为了能够减少工作量,决定学习一下vscode插件的开发。在这里记录一下学习过程文章目录vscode插件开发1、目录结构2、运行调试3、脚手架的使用4、`package.json`详解5、`activationEvents`6、`contributes`7、命令8、快捷键总结9、跳转到定义10、自动补全11、打包、升级、发布正则表达式:1、目录结构主要是清原创 2021-11-03 23:35:50 · 1642 阅读 · 0 评论 -
vue-amap 源码简略分析
地图引入:import Vue from 'vue';import VueAMap from 'vue-amap';// 初始化高德地图VueAMap.initAMapApiLoader({ key: '', // 高德API申请的key plugin: [ // 按需加载的插件 可以忽略 AMap. 前缀 'AMap.Autocomplete', 'AMap.PlaceSearch', 'AMap.Scale', 'AMap.OverView',原创 2021-08-22 01:17:18 · 473 阅读 · 0 评论 -
生成二维码方式集合,更新解析二维码
现在二维码是愈发流行,无论app、pc页面、小程序、公众号等平台几乎都能看见二维码的身影。下面将讲述前端生成二维码的几种方式。文章目录1、qrcode.js插件1.1 引入1.2 参数说明1.3 使用2、vue-qrcode(参考)2.1 安装与引入2.2 参数说明2.3 使用3、qrcode.vue组件3.1 安装与引入3.2 使用3.3 下载生成的二维码4、小程序4.1 相应的API4.2 API参数4.3 使用5、二维码扩展——带logo及背景(vue-qr)5.1 安装与引入5.2 参数说明5.原创 2021-04-12 18:23:58 · 896 阅读 · 0 评论 -
js验证码插件
文章目录1、gVerify插件1.1 源代码1.2 属性及方法1.3 使用2、vue-puzzle-vcode插件2.1 安装2.2 参数与事件2.3 使用3、vue2-verify3.1 安装3.2 参数3.3 使用4、vue-monoplasty-slide-verify4.1 安装4.2 引入4.3 参数与事件4.4 使用1、gVerify插件(常规验证码)1.1 源代码// 验证码插件!(function(window, document) { function GVerify(o原创 2021-04-12 18:21:08 · 1976 阅读 · 0 评论 -
html2canvas学习
html2canvas学习最近在了解前端的可视化页面工具,发现基本都是使用画布(canvas)去实现页面构建的,但是在保存的时候确实采取了将画布输出为实际的图片(实质就是保存了图片)。其中里面使用到了html2canvas插件,好奇心使然我又了解学习了一下这个插件,以下记录部分该插件的使用:官网:http://html2canvas.hertzen.com/效果预览:1、安装 使用npm安装npm install html2canvas --save使用yarn安装yarn a原创 2021-04-09 18:07:17 · 2972 阅读 · 0 评论 -
Vue.draggable的学习
Vue.draggable的学习什么是vue.draggable插件?由于楼主也是初接触,个人觉得官网的描述挺容易理解的,下面来看看来官网描述以及做一个简单的学习总结。官网描述:Vue.Draggable是一款基于Sortable.js实现的vue拖拽插件。支持移动设备、拖拽和选择文本、智能滚动,可以在不同列表间拖拽、不依赖jQuery为基础、vue 2过渡动画兼容、支持撤销操作,总之是一款非常优秀的vue拖拽组件。官方网站:https://github.com/SortableJS/Vue.D原创 2021-04-09 15:10:45 · 812 阅读 · 0 评论 -
页面分布引导(driver.js)
页面分布引导(driver.js) 最近由于有一个需求——做新手指引,然后想通过driver.js实现,由此记录一下其用法。Driver.js 是一个轻量级(~ 4kb gzip),无需依赖但功能强大的原生 JavaScript 。兼容所有主流浏览器,其作用在于能够用来引导用户展示该网站的部分功能,突出显示页面的任何项目,并且可以将用户的注意力集中在页面上。1、安装使用yarn安装yarn add driver.js使用npm安装npm install driver.js --原创 2021-04-08 18:35:47 · 3700 阅读 · 0 评论