08 2017 档案

AngularJS小案例:日程表
摘要：功能:添加事件/完成事件/删除事件 阅读全文
posted @ 2017-08-14 19:33 一颗快乐心 阅读(384) 评论(0) 推荐(0)
javascript解决部分浏览器兼容性
摘要：1.事件冒泡: 2.获取某个元素的CSS属性值: 阅读全文
posted @ 2017-08-14 19:18 一颗快乐心 阅读(266) 评论(0) 推荐(0)
自编SVG小案例
摘要：1.转动的花朵导航 实现思路:用svg中的path标签通过贝塞尔曲线画出一朵花瓣,然后其他四朵花瓣逐个转动相对应的角度,同时在添加a链接,最后添加连续运动的动画属性: 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF 阅读全文
posted @ 2017-08-10 17:15 一颗快乐心 阅读(662) 评论(0) 推荐(0)
SVG自整理
摘要：1.什么是SVG？ SVG 指可伸缩矢量图形 (Scalable Vector Graphics) SVG 用来定义用于网络的基于矢量的图形 SVG 使用 XML 格式定义图形 SVG 图像在放大或改变尺寸的情况下其图形质量不会有所损失 2.简单的 SVG 实例 一个简单的SVG图形例子： 这里是S 阅读全文
posted @ 2017-08-10 16:56 一颗快乐心 阅读(260) 评论(0) 推荐(0)
javascript编程:取色器/封装$函数
摘要：1.封装$函数 2.取色器 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 <script src="js/select.js"></script> 阅读全文
posted @ 2017-08-08 18:45 一颗快乐心 阅读(818) 评论(0) 推荐(0)
AngularJS自整理
摘要：准备: 从该地址获取AngularJS所以版本： https://code.angularjs.org/ 1.初时AngularJS 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Doc 阅读全文
posted @ 2017-08-06 22:04 一颗快乐心 阅读(373) 评论(0) 推荐(0)
canves基础自整理(2)
摘要：1.画圆/扇形 效果如下: 2.[ 案例 ] 时钟 效果显示: https://happyn6j.github.io/Clock.com/ 3.绘制其他曲线: 效果显示: 贝塞尔曲线(2种): 4.变换 5.[ 案列 ] 转动放大缩小的盒子 阅读全文
posted @ 2017-08-05 17:15 一颗快乐心 阅读(256) 评论(0) 推荐(0)
用CSS3实现风车动画效果
摘要：预览效果: https://happyn6j.github.io/winnower.com/ 阅读全文
posted @ 2017-08-03 09:39 一颗快乐心 阅读(2762) 评论(0) 推荐(0)
canvas基础自整理(1)
摘要：1.canvas 标签 2.绘制环境: getContext('2d') //目前支持2d的场景 3.绘画方块:(1) fillRect(L,T,W,H) //默认颜色是黑色 (2) strokeRect(L,T,W,H) //带边框的方块(默认一像素黑色边框,但是由于边框开始位置为一个像素点的1/ 阅读全文
posted @ 2017-08-02 19:42 一颗快乐心 阅读(416) 评论(0) 推荐(0)