随笔分类 -  demo

SVG-矩形数据图
摘要：要求：使用SVG标签 1.先画出坐标轴 坐标轴使用Line标签，箭头使用polyline折线标签 2.颜色使用随机渐变，创建随机颜色函数rc 3.获取数据，本DOME使用原生AJAX，没有做兼容性处理 4.构写处理数据函数doResponse 阅读全文
posted @ 2018-02-07 22:52 追忆枉然 阅读(758) 评论(0) 推荐(0)
canvas-验证码
摘要：纯属对Canvas API的练习 效果图： 目标： 1.画布中随机出现4个字母或数字的验证码 2.验证吗，内容随机，颜色随机，位置在当前块内随机； 3.添加4条干扰线，颜色长度随机 4.添加50个干扰颗粒，颜色随机，半径为1； 思路： 1.由于使用随机数据多，所以封装随机数函数 rn(min,max 阅读全文
posted @ 2018-02-01 21:17 追忆枉然 阅读(121) 评论(0) 推荐(0)
canvas-音乐播放器
摘要：效果图： 要求： 1.点击play按钮,播放音乐，点击pause按钮停止音乐 2.点击play按钮，专辑旋转，点击pause按钮专辑停止； 实现步骤： 1.创建canvas标签，设置width,height,id; 2.获取canvas的执行上下文，贴4张图(drawImage); 2.1真正项目总 阅读全文
posted @ 2018-01-31 23:27 追忆枉然 阅读(486) 评论(0) 推荐(0)
canvas-时钟
摘要：实现步骤： 1.创建canvas标签，设置width,height,id 2.获取canvas执行上下文，画表盘,封装(render)函数，清除整个画布（为之后指针动清除影子），包含刻度，小时刻度加重，小时文本， 3.画出指针,封装函数(drawGuid)，获取时间,把时间转换角度画出， 4.设置定 阅读全文
posted @ 2018-01-30 23:30 追忆枉然 阅读(225) 评论(0) 推荐(0)
页头页尾加载方法
摘要：1.PHP+JQ+HTML HTML PHP JQ 输出效果： 限制： 1.PHP返回的只能是HTML片段,(json返回不行哦) 2.（“#id”）.load 会替换ID中的内容类似 innerHTML="",而不是innerHTML+=""; 阅读全文
posted @ 2017-11-11 19:32 追忆枉然 阅读(292) 评论(0) 推荐(0)
选项卡
摘要：HTML 阅读全文
posted @ 2017-08-18 23:42 追忆枉然 阅读(139) 评论(0) 推荐(0)