2010 年 11月随笔档案 - 真阿当

摘要：jQuery的作者John Resig编写的js库，processing.js。地址：http://processingjs.org/ 阅读全文

posted @ 2010-11-20 21:51 真阿当阅读(148) 评论(0) 推荐(0)

canvas

摘要：1）实心矩形。ctx.fillStyle = 'rgb(0,255,0)';ctx.fillRect(10,20,50,50); // x,y,width,height 2）空心矩形。ctx.strokeStyle = 'rgb(0,182,0)';ctx.lineWidth = 5;ctx.st... 阅读全文

posted @ 2010-11-20 21:16 真阿当阅读(115) 评论(0) 推荐(0)

html5表单

摘要：1）表单多了list属性，它可以完成这样一个功能“你想输入可以输入，想选择预设选项可以选择预设选项”，这在别的语言中GUI组件一般都会包含它，但在html中之前它都是通过js实现的。html可以实现它，效果如同一个text加上一个select一样。 2) autofocus。支持让表单元素自动获得... 阅读全文

posted @ 2010-11-20 20:22 真阿当阅读(131) 评论(0) 推荐(0)

figure标签

摘要：figure标签是用来对一张图片、一段视频或一个支持性引用进行描述的标签。它和figcaption配合使用。应用它们会产生很漂亮的效果。这是一张漂亮的图片阅读全文

posted @ 2010-11-20 19:46 真阿当阅读(193) 评论(0) 推荐(0)

details标签

摘要：details标签是一个有趣的容器，它可以展开和关闭，现在这个功能还是在用js实现的，但html5的details标签可以让html默认具体这个功能，它还支持tab获得焦点来打开，并不只是点击的时候响应。details标签可选地接收一个open属性，确保页面载入时的默认状态是展开状态。titlec... 阅读全文

posted @ 2010-11-20 19:37 真阿当阅读(128) 评论(0) 推荐(0)

用html5标记一段文章模块

摘要：文章标题January 24th, 2010文章正文Posted in xxxxx======================================注意事项：1）html5的header和footer标签并非只是用于标记整个网页的头和尾，它是个可重用的元素，可用于任何一个“模块”的头和尾... 阅读全文

posted @ 2010-11-20 18:17 真阿当阅读(128) 评论(0) 推荐(0)

小球碰撞demo　（基于html5)

摘要：地址如下：http://www.adanghome.com/js_demo/5/做了个小球的碰撞墙壁反弹的小demo，基于html5的，所以请用chrome浏览。动画没有用css3来实现，感觉css3的动画虽然可以做简单的补间动画，也能做逐帧式动画，但对于属性依赖脚本实时变化的动画就很无能为力了。... 阅读全文

posted @ 2010-11-17 10:42 真阿当阅读(368) 评论(0) 推荐(0)

多物体碰撞

摘要：private function onEnterFrame(event:Event):void { for (var i:uint = 0; i stage.stageWidth) { ball.x = stage.stageWidth - ball.radius; ball.vx *= bou... 阅读全文

posted @ 2010-11-14 23:06 真阿当阅读(162) 评论(0) 推荐(0)

缓动

摘要：1）何时停止缓动：private function onEnterFrame(event : Event) : void {var dx:Number = targetX - ball.x;if (Math.abs(dx) < 1){ball.x = targetX;removeEventList... 阅读全文

posted @ 2010-11-14 13:20 真阿当阅读(134) 评论(0) 推荐(0)

力的算法

摘要：1）力作用于速度，而不是距离：vx += ax;vy += ay;ball.x += vx;ball.y += vy; 2) 反弹：if(ball.x + ball.radius > right){ball.x = right - ball.radius;vx *= -1; (无能量损失，如果有... 阅读全文

posted @ 2010-11-14 11:41 真阿当阅读(329) 评论(0) 推荐(0)

三角函数的相关算法

摘要：1) 向某点旋转：dx = mouseX - sprite.x;dy = mouseY - sprite.y;sprite.rotation = Math.atan2(dy,dx) * 180 / Math.PI; 2) 创建波形：public function onEnterFrame(even... 阅读全文

posted @ 2010-11-13 20:28 真阿当阅读(195) 评论(0) 推荐(0)

html5学习笔记（一）

摘要：1) 标签的contenteditable属性。这个属性可以设置为true或flase，设定元素是否可编辑。如果给p、div、ul等容器设置contenteditable = "true"，元素就可以像input type="text"或者textarea一样可以编辑。但如果给textarea等表... 阅读全文

posted @ 2010-11-12 18:05 真阿当阅读(97) 评论(0) 推荐(0)

css3中的resize属性

摘要：css3有了resize属性，本打算用它来代替js完成resize功能的，今天在试用的时候发现原来resize功能也有它的局限性。因为现在还只有webkit内核的浏览器支持resize属性，所以我在chrome下测了下这个功能，发现以下几个问题：1) 单独设resize无用，resize需要和o... 阅读全文

posted @ 2010-11-12 17:40 真阿当阅读(342) 评论(0) 推荐(0)

python版websocket server在handshake时返回数据的处理

摘要：折腾了三天，终于把socket server在handshake时的处理给整通了，前端的onopen事件终于响应了！！！先贴一下关键部分的代码，记录一下：==========================================================def getKey(me... 阅读全文

posted @ 2010-11-11 15:18 真阿当阅读(661) 评论(0) 推荐(0)

canvas转图片

摘要：canvas对象可以转换成图片，用canvas.toDataURL( 'image/png' )即可。可以设置一个监听点击事件，触发window.open( canvas.toDataURL( 'image/png' ), 'mywindow' )，就可以打开一个新窗口，窗口内容为canv... 阅读全文

posted @ 2010-11-10 11:21 真阿当阅读(214) 评论(0) 推荐(0)

[转] HTML 5 Demos and Examples

摘要：原文地址：http://html5demos.com/ 阅读全文

posted @ 2010-11-09 20:58 真阿当阅读(81) 评论(0) 推荐(0)

[转]　websocket新版协议分析＋python实现　＆　websocket 通信协议

摘要：原文地址：http://zhuowater.appspot.com/2010/08/30/webscoket-python.htmlhttps://github.com/zhuowater/python-websocket/blob/master/webs.pyhttp://www.zendstu... 阅读全文

posted @ 2010-11-09 19:52 真阿当阅读(146) 评论(0) 推荐(0)

python socket编程心得

摘要：这两天试了下python的socket编程，写了个基于命令行的简单聊天室功能，记录下心得：1）网上的python socket编程的例子过于简单了，其实实现不了“多个终端”的socket服务，socket不论建立连接，还是连接之后监听消息、发送消息都是阻塞状态的，所以为了实现多个终端的socket... 阅读全文

posted @ 2010-11-07 22:38 真阿当阅读(213) 评论(0) 推荐(0)

【转】python多线程编程

摘要：我们在做软件开发的时候很多要用到多线程技术。例如如果做一个下载软件象flashget就要用到、象在线视频工具realplayer也要用到因为要同时下载media stream还要播放。其实例子是很多的。线程相对进程来说是“轻量级”的，操作系统用较少的资源创建和管理线程。程序中的线程在相同的内存空间... 阅读全文

posted @ 2010-11-06 11:52 真阿当阅读(127) 评论(0) 推荐(0)

[转] python socket编程简单实例讲解

摘要：原文地址：http://www.7747.net/kf/201009/74895.html=============================================================python 编写server的步骤：第一步是创建socket对象。调用socket构... 阅读全文

posted @ 2010-11-05 16:25 真阿当阅读(207) 评论(0) 推荐(0)

画板小demo

摘要：demo地址：http://www.adanghome.com/js_demo/4/用html5做的一个小demo，可以在图中画画，调整线条精细和颜色。目前在firefox下还不支持type=range，所以建议在chrome和opera下看。另外，opera对画布清空的支持还不好，而且box-r... 阅读全文

posted @ 2010-11-04 13:31 真阿当阅读(168) 评论(0) 推荐(0)

[转] html5教程

摘要：地址：http://www.w3school.com.cn/html5/index.asp 阅读全文

posted @ 2010-11-03 12:02 真阿当阅读(79) 评论(0) 推荐(0)

[转] html5演示

摘要：很实用的演示。地址如下：http://directguo.com/html5/#slide1 阅读全文

posted @ 2010-11-03 11:33 真阿当阅读(83) 评论(0) 推荐(0)

css3 animation属性

摘要：#rotate { margin: 0 auto;width: 600px; height: 400px;/* 确保我们是在一个 3-D 空间 */ transform-style: preserve-3d;/*让整个行使用x-轴旋转、7秒中的动画、无限次播放以及线性 */ animati... 阅读全文

posted @ 2010-11-02 16:48 真阿当阅读(241) 评论(0) 推荐(0)