随笔分类 - Pluging
插件的使用
将页面dom导出为pdf格式并进行下载
摘要：1.使用npm下载两个插件 a.将html页面转换成图片 npm install --save html2canvas b.将图片生成pdf npm install jspdf --save 或者直接使用cdn <script src="https://cdnjs.cloudflare.com/aj
阅读全文
vue 封装 上传图片（有截图功能）并将图片上传到阿里云
摘要：第一：需要安装依赖包 封装上传图片： <template> <div id="demo"> <!-- 遮罩层 --> <div class="father" v-show="panel"> <div class="container"> <div id="cropper" style="margin
阅读全文
vue项目使用cropperjs制作图片剪裁，压缩组件
摘要：参考：https://www.cnblogs.com/linxiyue/archive/2019/01/18/10288490.html 项目中裁剪图片效果 代码部分：（将上传部分 封装成一个组件直接调用当前组件） <template> <div id="demo"> <!-- 遮罩层 --> <d
阅读全文
vue项目内嵌入到app input type=file 坑（文件上传插件）
摘要：w问题描述： 我用vue-cli完成的一个移动端项目，内嵌到app当中，用原生的input type=file 来完成文件上传。在安卓下没有问题但是在苹果手机 上传第二次手机就会发生白屏 并无缘无故跳转。 具体原因尚未发现。 解决办法： 引用了一个vue的插件：https://lian-yue.gi
阅读全文
Js参数RSA加密传输，jsencrypt.js的使用
摘要：注意几点： 1、参数传递的+号处理，在传输时会把+变成空格，不处理后端就报错了。 1、前端代码 2、后端代码
阅读全文
vue项目中实现复制内容到剪贴板
摘要：项目中要实现分享功能，现在各种接口都关闭了，而且不同的浏览器要使用不同的代码，最后决定直接复制url，然后手动分享 Vue中使用了vue-clipboard2 github地址：https://github.com/Inndy/vue-clipboard2 例子： main.js引入 组件中的代码：
阅读全文
可视化-echarts流向图制作
摘要：案例： http://www.internetke.com/jsEffects/2018040406/ 前段时间用echarts做了流程图，在此记录下制作步骤。 一、Echarts是什么 Echarts，缩写来自 Enterprise Charts，商业级数据图表，是百度的一个开源的数据可视化工具，
阅读全文
地图调起URI API（通过连接直接调用百度地图）
摘要：网站：http://lbsyun.baidu.com/index.php?title=uri/api/web 地图调起URI API 百度地图URI API是为开发者提供直接调起百度地图产品（百度Web地图、百度地图手机客户端）以满足特定业务场景下应用需求的程序接口，开发者只需按照接口规范构造一条标
阅读全文
TouchSlide 插件使用介绍
摘要：TouchSlide（PC端插件http://www.superslide2.com/demo.html#effect1） 可用于javascript触屏滑动特效插件，移动端滑动特效，触屏焦点图，触屏Tab切换，触屏多图切换等 方法引用（本次用轮播图为例）： Js引入： CSS样式： ==注意在这个
阅读全文
百度地图插件（百度地图AK申请配置指南）
摘要：百度地图AK申请配置指南 百度地图AK申请配置指南 [LBS云] 百度地图AK申请配置指南 1. 该文档是详细版，图文并茂；2. 该指南是针对browser-mobile-sever三种终端开发的申请与配置说明；3. 该指南期望解决广大开发者在申请配置密钥(ak）的疑惑和困难；若各位使用过程中，发现
阅读全文
jquery.form.js 使用以及问题（表单异步提交）
摘要：标注：我引用的js后报错 原因：是引用的js有冲突 我引用了两便jQuery； 转载：https://blog.csdn.net/cplvfx/article/details/80455485 使用方法： jQuery.Form.js 是一个用于使用jQuery异步提交表单的插件，它使用方法简单，支
阅读全文
百度 echarts
摘要：插件地址：http://echarts.baidu.com/index.html ECharts 特性 ECharts 特性 特性 丰富的可视化类型 多种数据格式无需转换直接使用 千万数据的前端展现 移动端优化 多渲染方案，跨平台使用！ 深度的交互式数据探索 多维数据的支持以及丰富的视觉编码手段 动
阅读全文
如何将你拍摄的照片转换成全景图及六面体（PTGui）
摘要：在完成全景照片的拍摄之后，接下来，我们需要的是进行全景图的拼接。全景图片分为两种类型1、立方体全景图（6面体）制作全景时通常使用该种格式 如下图 2、球形图（2:1的单张全景图片）2:1全景图宽高比例算法：宽是高的2倍。 例：宽:6000PX 则高:3000PX 如下图 如何将拍摄的鱼眼照片，转换成
阅读全文
下滑没有滚动条插件
摘要：第一个：https://blog.csdn.net/libin_1/article/details/51443775 第二个：http://www.freejs.net/article_fenye_559.html 注释：这两个都是没有滚动条的插件 ； 详解第一个： 下载demo：http://do
阅读全文
LayDate 时间选择插件的使用介绍 （低版本1.0好像是）
摘要：laydate 代码下载网址：https://github.com/1290800466/mac_win/tree/master/laydate
阅读全文
FormValidator表单验证
摘要：所需的库文件 红色框内是所需要的JavaScript库文件. 测试结果 项目源码 git@code.csdn.net:u010989191/formvalidatorproj.git
阅读全文
如何定义一个高逼格的原生JS插件
摘要：插件的需求 我们写代码，并不是所有的业务或者逻辑代码都要抽出来复用。首先，我们得看一下是否需要将一部分经常重复的代码抽象出来，写到一个单独的文件中为以后再次使用。再看一下我们的业务逻辑是否可以为团队服务。 插件不是随手就写成的，而是根据自己业务逻辑进行抽象。没有放之四海而皆准的插件，只有对插件，之所
阅读全文
七牛云上传的图片进行删除
摘要：PHP方法： /** * 七牛云商品图片删除2017/10/25 */ public function delGoodsImg() { $this->isShopLogin(); $img = I("imgUrl"); $res = $this->qiNiuDelImg($img); if ($res['status'] != 1) { //七牛里没有图...
阅读全文
七牛云上传图片
摘要：引入： <script src="__PUBLIC__/plugins/qiniu/plupload/plupload.full.min.js"></script><script src="__PUBLIC__/plugins/qiniu/qiniu.js"></script><script src
阅读全文
