greensock框架:让网页抖动的javascript算法

文章简介:让网页抖的更加高端-javascript运动算法及greensock框架介绍

周六的时候分享了一个ppt,把相关资源分享给大家。

在线ppthttps://speakerdeck.com/w3cplus/rang-wang-ye-dou-de-geng-jia-gao-duan

http://www.greensock.com/v12/

演示版ppt http://1.jtyresume.sinaapp.com/tween.html

文中提到的一些技术的资料

所有现代技术兼容性速查表

caniuse.com

transform的资料及推导

http://www.w3cplus.com/content/css3-transform

http://www.zhangxinxu.com/wordpress/?p=2592

http://99jty.com/?p=865

transition 相关资料

http://www.w3cplus.com/content/css3-transition

animate 资料

http://www.qianduan.net/animate-css.html

我做的animate简历http://1.jtyresume.sinaapp.com/model.html

requestAnimationFrame与setTimeout

http://blog.sina.com.cn/s/blog_6d48e77101018fwd.html

https://developer.mozilla.org/en-US/docs/DOM/window.requestAnimationFrame

性能优化工具大全

http://www.qianduan.net/website-performance-optimization-tool.html

内存泄漏

http://www.ibm.com/developerworks/web/library/wa-jsmemory/index.html

http://my.oschina.net/tsl0922/blog/56038

重绘与重排

http://blog.csdn.net/baiduforum/article/details/5415527

页面性能优化

http://zhaohe162.blog.163.com/blog/static/3821679720123914957266/?suggestedreading&wumii

前端运动学 http://www.cnblogs.com/hongru/archive/2012/03/16/2394332.html

关于font-face伪类制作icon

http://www.w3cplus.com/css3/web-icon-with-font-face

藤藤的demo

http://www.w3cplus.com/demo/button-ui-kit.html

摇晃demo:

http://jsfiddle.net/dzeSZ/3/

简单linear运动Demo

http://jsbin.com/osakev/1

requestAnimationFrame demo

函数节流

http://www.alloyteam.com/2012/11/javascript-throttle/

时间: 2024-08-31 20:23:38

greensock框架:让网页抖动的javascript算法的相关文章

前段开发-请问如何在有iframe框架的网页里实现父子文档互相访问,分别用javascript和jquery实现

问题描述 请问如何在有iframe框架的网页里实现父子文档互相访问,分别用javascript和jquery实现 请问如何在有iframe框架的网页里实现父子文档互相访问,分别用javascript和jquery实现 解决方案 搞懂关系就很简单了iframe和父页,window.open打开页面之间的引用 解决方案二: window.parent.find('iframe'). 解决方案三: 能再详细点吗,各位大牛哥哥 解决方案四: http://www.cnblogs.com/luluping

jQuery实现网页抖动的菜单抖动效果_jquery

本文实例讲述了jQuery实现网页抖动的菜单抖动效果.分享给大家供大家参考.具体如下: 这里的jQuery抖动导航菜单效果,兼容IE7/8/9及其它主流浏览器,使用方法:先引入jQuery脚本库和jquery.shake.js文件,然后在需要的元素上调用shake( )方法,例如想使整个页面抖动,则这么写:$('body').shake( ),调用上述方法后,将鼠标移至指定的元素,该元素就会抖动. 运行效果截图如下: 具体代码如下: <!DOCTYPE html PUBLIC "-//W3

SEO:框架型网页的优化技巧

seo|技巧|网页|优化 从一开始,框架型网站对于即使是专业的搜索引擎优化也成了一个挑战.是否该用框架技术去设计一个新网页,也已成了大家争论不休的话题.在这篇文章中,我们为你提供了一些基本的优化技术,同时你也能够了解到:如何让一个使用框架的网页为主要搜索引擎正确索引及如何对其进行优化. 首先,让我们来看看使用框架设计的网站具有哪些好处.它的优越性体现在整个网页设计的整体性的保持及更新上.这也是为什么有相当多网站设计者都倾向于使用框架技术来进行网站的设计.尤其对于那些大型网站(至少500页以上的内

在Frontpage中用框架实现网页布局

目前实现网页布局的基本方法无外乎表格和框架. 上面表格大家已经初步理解了,下面就要说说框架了,也即所说的Frame.其实用框架来规划网页本身有很大的缺点,首先不利于网友更好的利用网页资源,因为大家总不能在线把所有的东西看一遍了,而保存起来框架的缺点就出来了,你将不得不每次多余的保存同样的两个页. 我们花一些时间来说说这个问题或许对大家更好的使用框架有好处. 在用框架布局时:以一个最简单的上下框架为例,整个网页包含两个独立的网页,将被分别保存或是调入使用,另外整个框架网页也将被作为一个也保存一次,

框架型网页的优化技巧

从一开始,框架型网站对于即使是专业的搜索引擎优化也成了一个挑战.是否该用框架技术去设计一个新网页,也已成了大家争论不休的话题.在这篇文章中,我们为你提供了一些基本的优化技术,同时你也能够了解到:如何让一个使用框架的网页为主要搜索引擎正确索引及如何对其进行优化. 首先,让我们来看看使用框架设计的网站具有哪些好处.它的优越性体现在整个网页设计的整体性的保持及更新上.这也是为什么有相当多网站设计者都倾向于使用框架技术来进行网站的设计.尤其对于那些大型网站(至少500页以上的内容)而言,框架结构的使用可

网页左下角显示javascript:void(0)..求解

Javascript中void是一个操作符,该操作符指定要计算一个表达式但是不返回值. void操作符用法格式如下: 1. javascript:void (expression) 2. javascript:void expression 说明 void运算符对表达式求值,并返回undefined.希望求表达式的值,但又不希望脚本的剩余部分看见这个结果时,该运算符最有用. 如:<a href="javascript:void(0)">单击此处看看效果</a>

软件开发-安卓,jsoup,解析网页中的javascript的内容,提取信息

问题描述 安卓,jsoup,解析网页中的javascript的内容,提取信息 开发-安卓,jsoup,解析网页中的javascript的内容,提取信息-jsoup解析javascript"> 这个是网页地址:http://www.bilibili.com/mobile/subchannel.html#tid=33 以下是抓取到的网页源码,以图片发出,实在不好意思了,可是好像因为这个而发不出来了,现在安全起见还是以图片的形式发出,或者可以上该链接获取,我是用ie仿真为windows phon

PHPthinkphp框架 foreach问题 算上是算法 求大神帮忙

问题描述 PHPthinkphp框架 foreach问题 算上是算法 求大神帮忙 单分给客服,要求是平均分 举个例子假如10个订单分给3个客服 最后结果是 第一个客服4个订单 其余两个客服3个订单 要是每次来的订单少的话 一次来一个的话 那么第一个客服总是分的订单最多 现在要做的是记录我上次订单分给谁然后这次接着上次那个客服接着分图片说明 解决方案 这个简单,随机产生一个数字,然后从那个起始的数字开始分.再转回来. 解决方案二: 在另外的一个问答里面有回答过 参考js做的演示代码,注意不要点太快

JavaScript算法系列之快速排序(Quicksort)算法实例详解_javascript技巧

"快速排序"的思想很简单,整个排序过程只需要三步: (1)在数据集之中,选择一个元素作为"基准"(pivot). (2)所有小于"基准"的元素,都移到"基准"的左边:所有大于"基准"的元素,都移到"基准"的右边. (3)对"基准"左边和右边的两个子集,不断重复第一步和第二步,直到所有子集只剩下一个元素为止. 举例来说,现在有一个数据集{85, 24, 63, 45,