摘要: canvas能做什么?canvas是HTML5中的新元素,你可以使用javascript用它来绘制图形、图标、以及其它任何视觉性图像。它也可用于创建图片特效和动画。如果你掌握了完整的命令,你可以用canvas创建丰富的web应用程序。如果你想很好的使用canvas,你首先应该很好的掌握javascript。canvas标签当然你也可以通过css来设定!如果你不设定宽高,默认宽高是300*150。对于低版本的浏览器,你把需要反馈的信息放到canvas标签之间。 你想看我,就升级浏览器吧!获取上下文,你所有的绘画操作都是在上下文,目前只支持2d。window.onad=function(){ .. 阅读全文
posted @ 2014-01-22 23:00 易小亨 阅读(649) 评论(0) 推荐(0) 编辑
摘要: 前些日子还在网上争论过js动画用setTimeout还是setInterval,个人偏向于setTimeout,当动画中牵扯到ajax时用setInterval会有时间偏差,出现一些问题即使用clearInterval也失效。ok,从基础层面上,对于动画我们要先了解定时器和js的单线程。关于定时器我推荐How JavaScript Timers Work,这篇文章讲解的有深度,你会对定时器和单线程有个深入了解。我们来看下这个文章吧~~var id = setTimeout(fn, delay); - 在delay时间间隔之后,执行函数fn。该函数返回一个唯一的标志ID(Number类型),我们 阅读全文
posted @ 2014-01-22 22:02 易小亨 阅读(383) 评论(0) 推荐(0) 编辑
摘要: 之前看过不少HTML5动画的书,讲解的是如何去做,对于其中的数学原理讲解的不详细,常有困惑。最近看的《HTML5+JavaScript 动画基础》这个是译本,Keith Peters曾写过《Foundation ActionScript Animation》其中的数学原理被不少人转载引用,学习过AS的对这本书应该有了解。基于此,才有的这本书,HTML5版本的动画原理。哈哈,庆幸我是数学出身的~~~ 这本书上有些bug,本来做了记录,结果被当废纸扔掉了 - -!目前不能分享,只能在看的时候再记录一遍。前段时间忙事情随笔停了,现趁春节来个年末奋斗学习!大致顺序,先理解浏览器动画原理,再熟悉canv 阅读全文
posted @ 2014-01-22 21:33 易小亨 阅读(2031) 评论(0) 推荐(1) 编辑
摘要: progressType: Function( Promise animation, Number progress, Number remainingMs )每一步动画完成后调用的一个函数,无论动画属性有多少,每个动画元素都执行单独的函数。(version added: 1.8)Number progress表示当前动画进展程度0~1 Number remainingMs 就是变化到最终动画属性值还差多少CSS.block { position: relative; background-color: #abc; width: 40px; height: 40px; ... 阅读全文
posted @ 2014-01-05 23:09 易小亨 阅读(716) 评论(0) 推荐(0) 编辑
摘要: StepType: Function( Number now, Tween tween )每个动画元素的每个动画属性将调用的函数。这个函数为修改Tween 对象提供了一个机会来改变设置中得属性值。这个是如此的模糊,让我们看下实例吧!var k=0; $( ".block:first" ).animate( { left: 100,top:200 }, { duration: 1000, step: function( now, fx ){ k++... 阅读全文
posted @ 2014-01-05 22:54 易小亨 阅读(5037) 评论(0) 推荐(2) 编辑
摘要: jQuery中animate的用法你了解多少呢?如果仅仅是简单的移动位置,显示隐藏,哦!天哪你在浪费资源!因为animate太强大了,你可以有很多意想不到的用法!让我们一起研究一下吧~~首先要了解jQuery API中animate的详细用法。animate( properties [, duration ] [, easing ] [, complete ] )返回jQuery对象描述:根据一组 CSS 属性,执行自定义动画。1、animate( properties [, duration ] [, easing ] [, complete ] )1、properties类型: Plain 阅读全文
posted @ 2014-01-05 08:05 易小亨 阅读(5984) 评论(0) 推荐(0) 编辑
摘要: 当你学习node.js的时候,Events是一个非常重要的需要理解的事情。非常多的Node对象触发事件,你能在文档API中找到很多例子。但是关于如何写自己的事件和监听,你可能还不太清楚。如果你不了解,你很快就会碰壁。那么我们如何写自己的事件和监听呢?首先而且重要的是,你要了解node.js中的events模块。事件发布/订阅模式事件监听器模式是一种广泛应用于一步变成的模式,是回调函数的事件化,又称发布/订阅模式。Node自身提供的events模块,是发布/订阅模式的一个简单实现,Node中部分模块都继承自它,这个模块比前段浏览器中的大量DOM事件简单,不存在事件冒泡。它具有addListene 阅读全文
posted @ 2014-01-04 22:06 易小亨 阅读(851) 评论(0) 推荐(0) 编辑
摘要: Node.js入门读完本书之后,你将完成一个完整的web应用,该应用允许用户浏览页面以及上传文件。里面对一些知识的讲解,让你略窥Node.js的门径。最好一段代码一段代码的写下来,我的习惯是手里拿着笔,边写重点的词,边思索,再敲敲代码。一天到两天你能看完这本书,我看过一遍了,计划再寻摸一遍。有问题大家可以一起探讨。四个文件在同一个目录下启动cmd窗口:输入 node D:\workspace\nodejs\index.js也可以定位到当前目录后:D:\workspace\nodejs\ node index.js打开localhost:8080/start说下,此书最后的例子完整代码中有点问题 阅读全文
posted @ 2014-01-04 20:10 易小亨 阅读(308) 评论(0) 推荐(0) 编辑
摘要: 常拿自己的电脑常用来测试各种Bug,所以始终奋斗在XP、IE6的环境下。让我们在如此级别的环境下,开始Node之路吧~~在过去,Node.js一直不支持在Windows平台下原生编译,需要借助Cygwin或MinGW来模拟POSIX系统,才能编译安装。如果学的早,可能会体会比较深刻啊!幸运的是2011年6月微软开始与Joyent合作移植Node.js到Windows平台上(http://www.infoq.com/cn/news/2011/06/node-exe ),这次合作的成果最终呈现在0.6.x的稳定版的发布上。这次的版本发布使得Node.js在Windows平台上的性能大幅度提高,使用 阅读全文
posted @ 2014-01-04 20:06 易小亨 阅读(682) 评论(0) 推荐(0) 编辑
摘要: 简而言之,Node.js是一个“编码就绪”服务器。Node是一个服务器端的JavaScript解释器,它将改变服务器如何工作的概念。是帮助程序员构建高度可伸缩的应用程序,编写能够处理数万条同事连接到一个物理机的连接代码。一、Node旨在解决什么问题?当前的服务器程序有什么问题?我们来做个数学题。在 Java™和 PHP 这类语言中,每个连接都会生成一个新线程,每个新线程可能需要 2 MB 的配套内存。在一个拥有 8GB RAM 的系统上,理论上最大的并发连接数量是 4,000 个用户。随着您的客户群的增长,如果希望您的 Web 应用程序支持更多用户,那么,您必须添加更多服务器。当然,这会增加服 阅读全文
posted @ 2014-01-04 20:03 易小亨 阅读(315) 评论(0) 推荐(0) 编辑