- 博客(8)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 使用requestAnimationFrame实现平滑高效的javascript动画
以往用js实现浏览器上的动画，会使用setTimeout或者setInterval定时器设定时间间隔；碰到有多个动画的需求，可能会使用setInterval创建单一的动画循环，来管理页面上所有的动画，但这都会面临一些问题。 首先这个时间间隔不是表示何时代码会执行，而是表示何时代码会添加进UI队列（如果队列中有其他工作排在前面，那代码将会等到其他完成才会执行），无法精确知道下一帧何
2013-11-29 14:18:45
2486
转载 Web前端优化工具集锦
1. Google PageSpeedGoogle提供了 PageSpeed工具，这是一个浏览器插件，可以很好地应用上文中Google所提到的Web优化实践——帮助你轻松对网站的性能瓶颈进行分析，并为你提供优化建议。在线分析你的网站安装浏览器插件（ Chrome、 Firefox）通过 Insights API在应用中嵌入PageSpeed功能2. 雅虎
2013-11-27 10:00:42
808
转载 你必须知道的10个提高Canvas性能技巧
你还在抱怨自己写的canvas demo徘徊在10帧以下吗？你还在烦恼打开自己写的应用就听见CUP风扇转吗？你正在写一个javascript Canvas库吗？那么下面九点就是你必须知道的！一.预渲染错误代码： var canvas = document.getElementById("myCanvas"); var context = this.canvas
2013-11-26 20:08:19
646
转载 利用requestAnimationFrame实现智能动画
什么是requestAnimationFrame?在过去,为了使用JavaScript脚本代码实现动画,你需要使用一个定时器来指定每隔一段时间使页面显示效果产生一些变化。最近,浏览器厂商决定提供一些API来优化动画的实现方法。于是,在HTML 5新增window.requestAnimFrame方法,用于以一种更好的性能来实现动画。为什么需要使用requestAnimationFram
2013-11-26 19:41:58
1278
转载 HTML5 canvas save和restore方法讲解
save()和restore()方法是绘制复杂图形必不可少的方法.它们分别是用来保存和恢复 canvas 状态的，都没有参数。 Canvas 状态是以堆(stack)的方式保存的，每一次调用 save 方法，当前的状态就会被推入堆中保存起来。这种状态包括：当前应用的变形(即移动，旋转和缩放，见下): strokeStyle, fillStyle, globalAlpha, li
2013-11-26 15:17:26
563
转载 SVG文档语法结构
SVG 语法结构说明文档说明版本日期作者说明1.02006.1.29很少想起你第 1 页 共 23 页SVG 语法结构说明SVG语法结构一、SVG文档结构格式（为了方便说明，在文中加入标号和冒号；为了方便阅读，加了超链接）：1: 2: “http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd”>
2013-11-19 14:59:26
2439
转载 SVG中的动画技术
动画技术是互联网中不可缺少的一个重要组成部分，是吸引访问者的重要手段之一，SVG也同样有能力随时改变矢量图象外在表现的能力。SVG中生成动画的方式有：1）利用SVG提供的动画元素实现：由于SVG的内容可以定义成动态变化的，因此，利用SVG提供的各种动画元素，我们就可以得到各种动画效果，比如：沿某路径运动、渐隐渐现、旋转、缩放、改变颜色等。2）使用SVG DOM：由于SVG DOM遵循D
2013-11-19 10:13:55
1242
转载 jQuery.extend 函数详解
JQuery的extend扩展方法： Jquery的扩展方法extend是我们在写插件的过程中常用的方法，该方法有一些重载原型，在此，我们一起去了解了解。 一、Jquery的扩展方法原型是: extend(dest,src1,src2,src3...); 它的含义是将src1,src2,src3...合并到dest中,返回值为合并
2013-11-01 12:08:56
524
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人