存档在 2012年10月

Web Worker 多线程

2012年10月31日

Web Worker 实现js多线程-。-
靠~好强大啊

微数据 microdata & itemscope

2012年10月31日

不知什么原因,google连不上了。
只能看源代码,只有head标签没有body!

奇怪的是html标签后边跟着这些东西 itemscope=”itemscope” itemtype=”http://schema.org/WebPage”

google复原了一下,名之微数据(microdata).个人理解为搜索引擎更好理解网页来编写的。

常见类型http://schema.org/WebPage

websocket

2012年10月31日

WebSocket是html5规范新引入的功能,用于解决浏览器与后台服务器双向通讯的问题,使用WebSocket技术,后台可以随时向前端推送消息,以保证前后台状态统一。

http://www.html5china.com/HTML5features/WebSocket/20120513_3655.html

websocket 解决了 简单轮询 长轮询 耗费资源的问题,更实时进行交互。

可惜-。- 支持的浏览器不多。例如IE只有IE10才支持,国内还真没什么网站敢用的哈-。。-

css3动画 Animation(webkit)

2012年10月30日

-webkit-animation:符合属性

-webkit-animation: name duration timing-function delay iteration_count direction;

1. -webkit-animation-name 这个属性的使用必须结合@-webkit-keyframes一起使用(自定义名称?)

eg:
@-webkit-keyframes fontchange{
0%{font-size:10px;}
30%{font-size:15px;}
100%{font-siez:12px;}
}

百分比的意思就是duration的百分比(进度),如果没有设置duration的话,则表示为无穷大

div{ -webkit-animation-name:fontchange;}

(2)-webkit-animation-duration 表示动画持续的时间

(3)-webkit-animation-timing-function 表示动画使用的时间曲线

【语法】: -webkit-animation-timing-function: ease | linear | ease-in | ease-out | ease-in-out

(4)-webkit-animation-delay 表示开始动画之前的延时

【语法】 -webkit-animation-delay: delay_time;

(5)-webkit-animation-iteration-count 表示动画要重复几次

【语法】-webkit-animation-iteration-count: times_number;

(6) -webkit-animation-direction 表示动画的方向

【语法】-webkit-animation-direction: normal(默认) | alternate

normal 方向始终向前

alternate 当重复次数为偶数时方向向前,奇数时方向相反

【另外】跟animation有关的其他属性

(1)-webkit-animation-fill-mode : none (默认)| backwards | forwards | both 设置动画开始之前和结束之后的行为(测试结

果不是很清晰)

(2)-webkit-animation-play-state: running(默认) | paused 设置动画的运行状态

原文来自 http://aiiwebos.com/?p=613

css3动画效果可以参考 http://daneden.me/animate/ 其中css样式存在于http://daneden.me/animate/animate.css

有时间自己写个页面整理一下。

oh my god …
transform transition animation 怎么区分呢-。- 明天再说吧!

Access-Control-Allow-Origin

2012年10月29日

http://enable-cors.org/

HTTP headers

ajax跨域

js读写cookie

2012年10月23日


使用方法:

//1、存储Cookie
//2、参数说明: 1、参数1:Cookie存储Name,参数2:Cookie要存储的值
//3、例子如下:
setCookie(‘Method’,match);

//1、获取Cookie
//2、参数说明: 1、参数1:Cookie存储的Name
//3、例子如下:
getCookie(‘Method’)

//1、删除Cookie
//2、参数说明: 1、参数1:Cookie存储的Name
//3、例子如下:
deleteCookie(‘Method’);

简单的直接document.cookie = “a=2123;”
当字典用了

REST架构与http协议方法

2012年10月21日

好吧,对REST这个概念依然很是模糊。
表述性状态转移(REpresentational State Transfer)的简称,用阮一峰翻译的名字是”表现层状态转化”。(作者原文地址:http://www.ruanyifeng.com/blog/2011/09/restful.html)

个人理解REST的关键是使用唯一URI来代表唯一“资源”。比如一段文本,一段数据,图片或是其他文件。

URI:统一资源标识符(Uniform Resource Identifier,或URI)是一个用于标识某一互联网资源名称的字符串。

阮一峰这么总结REST:

综合上面的解释,我们总结一下什么是RESTful架构:
(1)每一个URI代表一种资源;
(2)客户端和服务器之间,传递这种资源的某种表现层;
(3)客户端通过四个HTTP动词,对服务器端资源进行操作,实现”表现层状态转化”。

这里涉及到HTTP的方法。
常用的HTTP方法有两种既是Get与Post,此外顶多再用个head。上边提到四种HTTP动作分别是GET/POST/PUT/DELETE。
事实上HTTP协议包括八种方法如下:

OPTIONS
返回服务器针对特定资源所支持的HTTP请求方法。也可以利用向Web服务器发送’*’的请求来测试服务器的功能性。
HEAD
向服务器索要与GET请求相一致的响应,只不过响应体将不会被返回。这一方法可以在不必传输整个响应内容的情况下,就可以获取包含在响应消息头中的元信息。
GET
向特定的资源发出请求。注意:GET方法不应当被用于产生“副作用”的操作中。
POST
向指定资源提交数据进行处理请求(例如提交表单或者上传文件)。数据被包含在请求体中。POST请求可能会导致新的资源的建立和/或已有资源的修改。
PUT
向指定资源位置上传其最新内容。
DELETE
请求服务器删除Request-URI所标识的资源。
TRACE
回显服务器收到的请求,主要用于测试或诊断。
CONNECT
HTTP/1.1协议中预留给能够将连接改为管道方式的代理服务器。

明显的,大部分的方法服务器端都没有实现,即使实现了也是关闭的。我的理解是put、delete方法事实上现在都是使用get与post方法实现的。REST依然要使用参数传入数据的吧,比如申请到的资源key等。

那么怎么更形象的解释REST呢? -。-!!!

其他相关文章地址:
http://www.infoq.com/cn/articles/rest-architecure
http://www.infoq.com/cn/articles/rest-introduction

ps:啊啊啊啊啊,对不起电脑啊,开这么多页面,卡卡卡卡卡卡死了啊

js阻止冒泡

2012年10月21日

阻止冒泡:event.stopPropagation()

ie6~ie8使用event.cancelBubble = true;

阻止浏览器默认事件:event.preventDefault()

ie event.returnValue = false;

有时候可以使用return false;
但是…为什么…我用return false怎么不阻止冒泡呢?!

越测越不准了-。-

2012年10月17日

http://5haolou.com/2009/12/mbti八维度/

ps 今天某学中医的来公司给号脉

说, 我, 吸收不好,睡眠不好

其实我以前是脾胃不好-。- 是我错了还是她没看出来?

是吸收不好,还是素食缘故?

至于另一条,真心该睡了

至于八维,除掉fe se 其他发展貌似都挺好,其实题目够烂!测出比重跟读解读完全不对等啊!