1. 什么是动画 动画是 中最具颠覆性的特征之一，可通过设置多个节点来精确的控制一个或者一组动画，从而实现复杂的动画效果 2. 动画的基本使用 先定义动画 在调用定义好的动画 3. 语法格式(定义动画) 4. 语法格式(使用动画) 5. 动画序列 0% 是动画的开始，100 % 是动画的完成，这样的 ...
分类：
其他好文 时间：
2019-12-31 20:06:45
阅读次数：
111
学习目标: 能够封装简单动画函数 能够理解缓动动画的封装 能够使用动画函数 能够写出网页轮播图案例 能够写出移动端触屏事件 1.1. 动画函数封装 1.1.1 缓动效果原理 缓动动画就是让元素运动速度有所变化，最常见的是让速度慢慢停下来 思路： 1. 让盒子每次移动的距离慢慢变小，速度就会慢慢落下来 ...
1．五角星 在半径为80的圆周上取5个点，用这5个点依次首尾连接画5条线，可以绘制出一个五角星图案。 编写如下的HTML代码。 <!DOCTYPE html> <head> <title>五角星（一）</title> <script type="text/javascript"> function ...
分类：
编程语言 时间：
2019-12-21 10:01:12
阅读次数：
184
1．线团图案 设立坐标计算公式为： X=R1*COS(3α)+R2*COS(14α)） Y=R1*SIN(3α)+R2 *SIN(14α)） 再用循环依次取α值为0~2π（每次增量为0.01），计算出X和Y,在canvas画布中将坐标点（X,Y）用线连起来，可绘制出一个封闭曲线图形，可得到一个线团图 ...
分类：
编程语言 时间：
2019-12-20 18:57:59
阅读次数：
121
设有坐标计算公式如下： X=L*(1+SIN(4α))*COS(α) Y=L*(1+SIN(4α))*SIN(α) 用循环依次取α值为0~2π，计算出X和Y,在canvas画布中对坐标位置（X,Y）描点，可绘制出一个曲线图形。编写HTML文件内容如下： <!DOCTYPE html> <head> ...
分类：
编程语言 时间：
2019-12-19 09:17:40
阅读次数：
180
1．简单纺织物图案 先在HTML页面中设置一个画布。 <canvas id="myCanvas" width="360" height="240"> </canvas> 再在定义的这块360*240的canvas（画布）上面用二重循环绘制纺织物图案。 绘制图案的基本思想是：将画布分成6行8列的子块， ...
分类：
编程语言 时间：
2019-12-18 19:02:47
阅读次数：
71
写在设计模式之前，我为什么要写UML（Unified Modeling Language 统一建模语言）呢？主要是为接下来的设计模式考虑的，每一篇设计模式我都会从UML图，案例，应用三个方面来写，力求更通俗易懂的理解每一个设计模式，学以致用；设计模式的随笔博文中主要参考了《图解设计模式》一书，希望看 ...
分类：
其他好文 时间：
2019-12-15 18:36:50
阅读次数：
70
案例：简单轮播图 div叫盒子，里面包了2个小盒子，一个是inner，一个是square inner的div是放ul，里面有li，a，和图片 square的div里面放span，是轮播图的小点 <!DOCTYPE html> <html lang="en"> <head> <meta charset ...
分类：
Web程序 时间：
2019-12-12 18:12:26
阅读次数：
110
Separation Studio Mac版是Mac平台上的一款颜色分离工具。Separation Studio Mac版是一款具有CMYK分色类型的分的工具，您不需要任何其他软件来分离你的图形颜色，只需用Separation Studio打开您的图像文件，剩下的工作就完成了。 Separation ...
分类：
系统相关 时间：
2019-12-12 15:26:31
阅读次数：
302
1、VS code 安装插件， "cssrem"，安装好以后，需要重启VS code。 2、插件默认计算值为16，也就是以16px为计算单位，实际情况与默认值不同。需要进入首选项=》设置，搜索“cssrem” 点击编辑图案，在右边编辑区域根据需求更改计算基准字体大小。 3、根据页面大小自动更改根目录 ...
分类：
其他好文 时间：
2019-12-10 11:40:13
阅读次数：
529
