瓜皮前端-CSDN博客

原创 html2canvas图片截图截不到图像的问题解决

解决思路：在回显图片后，给img标签动态的加上crossOrigin="anonymous"属性然后服务端开启跨域response.setHeader("Access-Control-Allow-Origin","*");并且开启CORS（重要）前端等图片加载完后再截图（重要）截图JS代码（会来百度的都看的懂）：useCORS记得开起来，很重要！！！html2canv...

2019-06-03 15:54:53 19809 15

原创 Token登录验证

首先，引入crypto-js 或者测试直接使用下面的（用浏览器打开下面链接，复制到JS文件里，用script src的方式引到HTML中，避免链接失效） <script src="https://yiyouqi.oss-cn-shanghai.aliyuncs.com/cdn/rsa/RSA.js"></script><script src="https...

2018-05-28 21:43:57 8385 1

原创百度地图信息窗口及按钮点击

百度地图给标注点添加点击事件（点击打开信息窗口）、监听信息窗口内按钮（点击信息窗口内按钮触发）marker.addEventListener('click', function() {map.centerAndZoom(new BMap.Point(thePoint.lng, thePoint.lat), 13)// 创建信息窗口对象var sContent = '<p id="...

2019-10-28 14:24:54 2439

原创 vue+elementUI 动态表单验证

如下图，这玩意一定一定一定要一致（天坑警告）第二点：动态表单的第三点：动态表单新增一个就往数组里面丢一个规则数据

2019-10-25 14:35:22 613

原创 vue动态表单

动态添加表单功能话不多说直接上代码<h4>租赁物信息</h4> <div v-for="(item, index) in formData.wBankLeaseItems" :key="item.key" class="zlw clearfix"> <el-form-item :prop="'wBankLeas...

2019-10-25 14:24:49 367

原创 canvas红包雨

类似红包雨坠落效果要做功能只要监听屏幕有没有被点击就行这样实现比较简单<!DOCTYPE html><html><head><meta charset="utf-8" /><title></title></head><style type="text/css">#canvas ...

2019-10-16 16:04:45 1703 1

原创 canvas图片旋转

<!DOCTYPE html><html><head><meta charset="utf-8" /><title></title></head><style type="text/css">#canvas { /*background-color: black;*/}</...

2019-10-16 16:01:12 184

原创 canvas画动图与移动

<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title></head><body><canvas id="canvas" width="1000" height="600" style="border: 1...

2019-10-16 15:59:00 412

原创 canvas时钟

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <canvas id="canvas" width="1000" height="600">&...

2019-10-16 15:56:28 81

原创 canvas小球运动

小球会不断往上冒<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <canvas id="...

2019-10-16 15:54:42 288

原创小程序模块化

官方文档地址：点我传送直接上代码文件地址比如放在了：/util/layer.jsconst layer = (msg) => { //比如封装了个消息提示弹框 wx.showToast({ title: msg, icon: 'none', duration: 2000 })}module.exports =...

2019-06-04 14:33:47 159

原创小程序组件传参

目录：以此为例：组件/user-list/index.wxml：<view class="list-item"> <image src='{{ list.CUSTOMER_DATA.IMG_URL }}'></image> <text class="name">{{ list.CUSTOMER_DATA.NAME }...

2019-06-04 12:00:54 135

原创微信小程序取消授权再次授权没有反应

页面加载完成弹出授权框在onload里面撸上一下代码：// 获取相册授权wx.getSetting({ success(res) { if (!res.authSetting['scope.writePhotosAlbum']) { wx.authorize({ scope: 'scope.writePho...

2019-06-04 11:27:57 2629

原创 ajax封装

jquery 记得引入封装代码：var ajaxObj = { config:{ type: 'POST', timeout: 20000, //默认超时时间 token:sessionStorage.getItem("token") || "" //登录的时候把token存一下 },...

2019-01-12 15:30:10 301

原创 mui 实现父子页面相互传值

父页面接收子页面传过来的参数：如子页面传了一个aaa过来window.addEventListener('updata', function(e){ var aaa= e.detail.aaa console.log(aaa) // 111}); 子页面传值给父页面var list = plus.webview.currentWebview...

2018-07-23 17:56:00 2583 2

原创关于layui模块化的使用方式。

直接上代码：layui.define(function(exports){ var $ = layui.$ ,layer = layui.layer ,laytpl = layui.laytpl ,setter = layui.setter ,view = layui.view ,admin = layui.admin var obj = { ...

2018-05-28 15:20:58 4489 1

原创关于登录加密的流程

本文使用的是Crypto-js加密插件，可以去GitHub上面找。关于引入方式可以去GitHub看文档。首先，加密密码，本文采用的是RSA非对称加密，先从后端获取公钥，然后对密码进行加密，加密后在将账号，密码发送给后端，获取Toke。代码如下： $.ajax({ type: "post", url: urlAdd...

2018-05-28 12:51:15 1320

原创 Aliplayer简单使用

在页面里添加个div标签；<div id="video-player"></div>在JS里：player = new Aliplayer({ id: 'video-player', width: '100%', height: '400px', autoplay: true, ...

2018-04-28 17:30:23 7867

u013258556的博客