随笔分类 -  js

摘要:1.授权一定要关注公众号吗?答:授权不一定非要关注公众号。 2.授权只能在线上执行吗?答:是的,否则会报redirect uri 参数错误。这里需要公众号设置一个安全的网址。比如:zhudianbao.diandodo.com,其他的,包括本地的都无法成功授权。 3.授权后获取的openid是对所有 阅读全文
posted @ 2017-06-28 16:38 管的宽 阅读(4247) 评论(0) 推荐(1)
摘要:演示一下 自己试试 点我直接进入演示页面 说明 在客户端压缩好要上传的图片可以节省带宽更快的发送给后端,特别适合在移动设备上使用。 为什么需要 已踩过很多坑,经过几个版本迭代,以及很多很多网友的反馈帮助、机型测试 图片扭曲、某些设备不自动旋转图片方向,没有jpeg压缩算法.. 不支持new Blob 阅读全文
posted @ 2017-04-20 15:54 管的宽 阅读(1383) 评论(0) 推荐(0)
摘要:概述 Velocity 是一个简单易用、高性能、功能丰富的轻量级JS动画库。它能和 jQuery 完美协作,并和$.animate()有相同的 API, 但它不依赖 jQuery,可单独使用。 Velocity 不仅包含了 $.animate() 的全部功能, 还拥有:颜色动画、转换动画(trans 阅读全文
posted @ 2017-03-30 08:57 管的宽 阅读(24988) 评论(0) 推荐(0)
摘要:前一篇文章介绍Pace.js插件的基本使用方法和简介内容,接下来我们为大家介绍Pace.js插件的配置参数、回调函数等中文文档,方便广大的开发者自定义Pace.js插件。 Themes Pace 包括一系列显示主题,当你开始使用的时候。只需要包含相应的CSS文件即可,如果可以,你也可以自己编写主题显 阅读全文
posted @ 2017-03-30 08:48 管的宽 阅读(3071) 评论(0) 推荐(0)
摘要:<!DOCTYPE HTML><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title></title> </head> <body> 阅读全文
posted @ 2017-03-13 14:12 管的宽 阅读(5940) 评论(0) 推荐(0)
摘要:前言 HTML5的canvas有很多应用点,如绘画板、图形绘制、游戏交互、彩票刮刮乐等,除了这些,还有个比较好的点就是主页涂抹一部分之后,页面消失进入主要内容。 wScratch是一个模拟刮刮卡的jQuery插件,可以设置刮开纯色或者图像。 演示 显示刮卡百分比 到达一定百分比清空 属性设置 可用的 阅读全文
posted @ 2017-03-13 14:11 管的宽 阅读(1683) 评论(0) 推荐(0)
摘要:人们都说:有100个人就有100种方式实现轮播效果。但是本人对移动端的滑屏事件不是太操作自如,所以就找了这个插件swiper.js。由于时间太紧张都没来得及仔细看它的API,现在看看太多了需求是点击页面的其他链接跳转页面后,再次返回时,轮播的当前状态要和跳转前的一样。html: <!-- Swipe 阅读全文
posted @ 2017-03-08 15:29 管的宽 阅读(5050) 评论(0) 推荐(0)
摘要:背景知识: Apple官方只发现一个文档: https://developer.apple.com/library/safari/#documentation/SafariDOMAdditions/Reference/DeviceOrientationEventClassRef/DeviceOrie 阅读全文
posted @ 2017-02-09 16:04 管的宽 阅读(421) 评论(0) 推荐(0)
摘要:现在微信开发如火如荼,各种基于微信的H5市场上也是很火爆,今天做个笔记就是跟大家分享手机端重力感应的应用,根据重力感应接口我们可以得到手机的方向,移动速度,xyz轴偏移量,现在先上所有数据展示,大家有兴趣的也可以亲身测试: <!DOCTYPE html><html> <head> <meta cha 阅读全文
posted @ 2017-02-08 10:51 管的宽 阅读(1563) 评论(0) 推荐(0)
摘要:场景:微信、浏览器、App 普通解决方案:采用audio标签的autoplay属性 现象: $解决方案:监听WeixinJSBridgeReady事件、DOMContentLoaded事件 微信的JS API建立在微信壳浏览器的内置JS对象WeixinJSBridge上,WeixinJSBridge 阅读全文
posted @ 2017-01-18 11:03 管的宽 阅读(5027) 评论(0) 推荐(0)
摘要:SVG 不依赖分辨率 支持事件处理器 最适合带有大型渲染区域的应用程序(比如谷歌地图) 复杂度高会减慢渲染速度(任何过度使用 DOM 的应用都不快) 不适合游戏应用 Canvas 依赖分辨率 不支持事件处理器 弱的文本渲染能力 能够以 .png 或 .jpg 格式保存结果图像 最适合图像密集型的游戏 阅读全文
posted @ 2017-01-13 11:22 管的宽 阅读(7800) 评论(0) 推荐(0)