Web Worker 实现js多线程-。-
靠~好强大啊
存档在 2012年10月
Web Worker 多线程
2012年10月31日微数据 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 其他发展貌似都挺好,其实题目够烂!测出比重跟读解读完全不对等啊!