前端
文章平均质量分 50
瓜皮前端
这个作者很懒,什么都没留下…
展开
-
百度地图信息窗口及按钮点击
百度地图给标注点添加点击事件(点击打开信息窗口)、监听信息窗口内按钮(点击信息窗口内按钮触发)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 阅读 · 0 评论 -
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 · 185 阅读 · 0 评论 -
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 阅读 · 0 评论 -
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 · 82 阅读 · 0 评论 -
canvas小球运动
小球会不断往上冒<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <canvas id="...原创 2019-10-16 15:54:42 · 288 阅读 · 0 评论 -
html2canvas图片截图截不到图像的问题解决
解决思路:在回显图片后,给img标签动态的加上crossOrigin="anonymous"属性然后服务端开启跨域response.setHeader("Access-Control-Allow-Origin","*");并且开启CORS(重要)前端等图片加载完后再截图(重要)截图JS代码(会来百度的都看的懂):useCORS记得开起来,很重要!!!html2canv...原创 2019-06-03 15:54:53 · 19812 阅读 · 15 评论 -
ajax封装
jquery 记得引入封装代码:var ajaxObj = { config:{ type: 'POST', timeout: 20000, //默认超时时间 token:sessionStorage.getItem("token") || "" //登录的时候把token存一下 },...原创 2019-01-12 15:30:10 · 303 阅读 · 0 评论 -
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 · 2584 阅读 · 2 评论 -
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 · 8388 阅读 · 1 评论 -
关于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 · 4491 阅读 · 1 评论 -
关于登录加密的流程
本文使用的是Crypto-js加密插件,可以去GitHub上面找。关于引入方式可以去GitHub看文档。首先,加密密码,本文采用的是RSA非对称加密,先从后端获取公钥,然后对密码进行加密,加密后在将账号,密码发送给后端,获取Toke。代码如下: $.ajax({ type: "post", url: urlAdd...原创 2018-05-28 12:51:15 · 1320 阅读 · 0 评论 -
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 阅读 · 0 评论