代码层面：避免使用css表达式，避免使用高级选择器，通配选择器。 缓存利用：缓存Ajax，使用CDN，使用外部js和css文件以便缓存，添加Expires头，服务端配置Etag，减少DNS查找等 请求数量：合并样式和脚本，使用css图片精灵(sprite)，初始首屏之外的图片资源按需加载，静态资源延 ...
分类：
其他好文 时间：
2017-08-24 23:59:36
阅读次数：
333
1.Core Animation，核心动画，他是一组非常强大的动画处理API，可以用在MAC OSX 和iOS平台。 2.Core Animation的动画执行都是在后台操作的，不会阻塞主线程、 3.Core Animation是直接作用在CALayer上，并非UIView上。 4.核心动画中所有类 ...
分类：
移动开发 时间：
2017-08-24 21:22:35
阅读次数：
203
//@keyframes定义动画 //animation-name属性主要是用来调用 @keyframes 定义好的动画。 //animation-duration主要用来设置CSS3动画播放时间（其使用方法和transition-duration类似），是用来指定元素播放动画所持续的时间长。 // ...
分类：
其他好文 时间：
2017-08-23 17:35:09
阅读次数：
123
1》animation-iteration-count属性定义动画应该播放多少次。 animation-iteration-count:infinite; infinite表示无限循环 2》先执行一遍动画，然后再反向执行一遍动画： animation-direction:alternate 语法：a ...
分类：
Web程序 时间：
2017-08-23 14:58:40
阅读次数：
167
为了建立导航菜单，让我们先看看html结构：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Animation Menu Demo</title> <link rel="stylesheet" href="htt ...
分类：
Web程序 时间：
2017-08-22 10:42:27
阅读次数：
212
<html> 要链接<script src="js/jquery.min.js"></script>文件 <div class="heart"> <div class="left-top"></div> <div class="right-top"></div> <div class="down"> ...
分类：
其他好文 时间：
2017-08-21 23:01:31
阅读次数：
196
CSS3的animation很容易就能实现各种酷炫的动画，虽然看到别人的成果图会觉得很难，但是如果掌握好各种动画属性，做好酷炫吊炸天的动画都不在话下，好，切入正题。 一、动画属性： 动画属性包括：①animation-name，②animation-duration，③animation-timin ...
分类：
Web程序 时间：
2017-08-21 22:57:20
阅读次数：
417
第一种，js中setTimeout和setintervel，把动画元素设置position：absalute，然后操作left、top来移动。此种方法内存消耗大，显示效果差，不推荐。 第二种，CSS3中的animation动画，添加动画@keyframs name {0% {‘left’，‘0px’ ...
分类：
其他好文 时间：
2017-08-21 18:12:06
阅读次数：
320
<style> .content{ width: 500px; margin:0 auto; } .content .img1{ animation: zhazha 1s infinite; } .content .img2 { animation: boom 1s 1; } @keyframes ...
分类：
其他好文 时间：
2017-08-20 00:40:20
阅读次数：
180
1. animation结束后停在最后一帧 ...
分类：
其他好文 时间：
2017-08-19 23:43:00
阅读次数：
145
