| | | |

2018年12月6日

JQEUERY案例

摘要：案例效果：点击显示全部奶粉品牌前：点击后：源码：点击后：分析：可能是ul的css样式问题；本人技术有限，目前还不知道什么好的解决办法，望大神给予解决办法，万分感谢阅读全文

posted @ 2018-12-06 22:13 MrZWJ 阅读(327) 评论(1) 推荐(0)

2018年12月5日

sessionStorage实现note的功能

摘要：功能图如图所示：文本域中输入点击保存后的结果如图所示：点击读取后的结果图：选择山羊对应的按钮进行修改并点击保存后的结果：选择山羊养对应的单选按钮进行删除操作后的结果图：点击清空后的结果：源代码：阅读全文

posted @ 2018-12-05 22:04 MrZWJ 阅读(184) 评论(0) 推荐(0)

2018年12月4日

Web Worker模拟抢票

摘要： web worker工作原理图：抢票系统思维导图：思路：五个人（5个div窗口模拟）同时进行抢票，有百分之十的几率可以抢到票，抢到票后对应的窗口（即随机生成的数大于等于0小于9的情况）会编程天蓝色，没抢到票的窗口（即随机生成的数大于9小于100的情况）会变成红色 HTML源码：点击抢票按钮以后阅读全文

posted @ 2018-12-04 23:16 MrZWJ 阅读(274) 评论(0) 推荐(0)

javaScript+html5实现图片拖拽

摘要：源码：移动后：阅读全文

posted @ 2018-12-04 16:52 MrZWJ 阅读(1363) 评论(0) 推荐(0)

2018年12月3日

svg旋转动画

摘要： <!doctype html><html><head> <title>test</title> <meta charset="UTF-8"></head><body><div></div><script src="two.js"></script><script>var div=document.b 阅读全文

posted @ 2018-12-03 18:55 MrZWJ 阅读(2896) 评论(0) 推荐(0)

2018年12月2日

SVG绘制太极图

摘要：思路：先画一整个圆，填充颜色为黑色，再用一个边框和填充颜色均为白色的长方形覆盖右半边的半圆，再以同一个圆心，相同半径绘制一整个圆，该圆的边线颜色为黑色，没有填充颜色，最后常规操作再画四个小圆源代码：阅读全文

posted @ 2018-12-02 09:27 MrZWJ 阅读(1016) 评论(0) 推荐(0)

2018年12月1日

canvas绘制气泡

摘要：思路：使用Math.random()函数绘制是个不同位置，大小，颜色的圆形，然后设置定时器，前一个状态用一个与画布相同颜色的背景图片进行覆盖，改变圆形的位置，每次改变都是在这张空白的背景图片上面重新进行重新绘制的过程源码：缺陷：气泡移动的路径算法处理的不是很恰当阅读全文

posted @ 2018-12-01 13:14 MrZWJ 阅读(1358) 评论(0) 推荐(1)

2018年11月30日

圆点自动跟随鼠标移动

摘要：注：次数这个点是跟着鼠标进行移动的，由于只能上传图片而不能上传视频，所以就只能有这个效果图了 two.js绘制思路：div当作画布，先在div上画一个圆，在two.js的bind方法中传入update事件和方法，随着鼠标的移动持续改变圆的圆心坐标，达到圆心跟随鼠标移动的效果源码：阅读全文

posted @ 2018-11-30 22:34 MrZWJ 阅读(1209) 评论(1) 推荐(1)

chart.js应用中遇到的问题

摘要：问题一：chart.js的版本问题：打开官网https://github.com/chartjs/Chart.js/releases/tag/v2.7.3，点击Tags，选择最新版本，我这里选用的是V2.7.3，下载对应的ZIP文件，下载好后，解压缩，打开dist文件夹，找到对应的chart.js 阅读全文

posted @ 2018-11-30 09:56 MrZWJ 阅读(653) 评论(0) 推荐(0)

2018年11月29日

canvas画布内部重复画圆

摘要： canvas example 效果图如下所示：阅读全文

posted @ 2018-11-29 10:05 MrZWJ 阅读(504) 评论(0) 推荐(0)