HTML/CSS

什么是微观数据(Microdata)

转自: http://www.btorange.com/2010/06/06/what-is-microdata.html

深入微观数据

在html5中有超过100个元素,一部分是表示语义的,另外的就只是script API的容器(比如:canvas)。纵观网页发展的历史,web标准的卫道者们争论哪些元素应当被包含在HTML语言中。HTML是否应该应该包含 <figure>,<person>,<rant>?标准被拟定,提纲被编写,开发者执行并运用,不断的推动web向前发展。

当然,一些想法没有被采纳,比如在HTML5中并没有<person>这个元素(同时也没有<rant>),没有任何力量可以阻止你在在开发过程中书写<person>这个元素,但是他不会通过验证,不会通过浏览器而工作,并且可能与未来的HTML规则发生冲突。

博客分类: 

Web worker 深入浅出

 

HTML5  Web Worker简介

至 2008 年 W3C 制定出第一个 HTML5 草案开始,HTML5 承载了越来越多崭新的特性和功能。它不但强化了 Web 系统或网页的表现性能,而且还增加了对本地数据库等 Web 应用功能的支持。其中,最重要的一个便是对多线程的支持。在 HTML5 中提出了工作线程(Web Worker)的概念,并且规范出 Web Worker 的三大主要特征:能够长时间运行(响应),理想的启动性能以及理想的内存消耗。Web Worker 允许开发人员编写能够长时间运行而不被用户所中断的后台程序,去执行事务或者逻辑,并同时保证页面对用户的及时响应。本文深入 HTML5 多线程规范,讲述多线程实现原理、方法,同时以实例的形式讲解 HTML5 中多线程编程以及应用。

W3C 中的工作线程规范到目前为止已经定义了出了一系列公共接口,它允许 Web 程序开发人员去创建后台线程在他们的主页面中并发的运行脚本。这将使得线程级别的消息通信成为现实。

博客分类: 

Webkit 是什么?

Webkit 是一个开放源代码的浏览器引擎(web browser engine),Webkit 最初的代码来自 KDE 的KHTML 和 KJS.(均开放源代码)。苹果公司在开发 Safari 浏览器时,在对比了 Gecko 和 Webkit 后,选择了 Webkit 作为核心引擎。Gecko 是 Netspace (网景公司)和Mozilla Firefox 使用的引擎。苹果公司在 Webkit 的基础上做了大量优化改进工作 ,此时的Apple Webkit 已经和Webkit 有了不少差别,最后开发出了著名的 Safari,可以说 Safari 是一个相当成功的产品。但是Safari 却不是开放源代码的。

目前浏览器的市场,如果其引擎来划分,就形成 
1.Trident  - (IE)
2.Gecko   - (Firefox/Netspace)
3.Webkit  - (Safari,Chrome)
4.Opera   -

博客分类: 

如何成为“10倍效率”的开发者

如何成为“10倍效率”的开发者作为一名程序开发者,除了要求更好的代码质量以外,开发效率也是不可忽略的。从Brad Feld的一篇文章The Rise of Developeronomics中提到的“10倍效率开发者”的概念!下面文章将给出如何去提高这么诱人的开发效率的答案。 Brad Feld的一篇文章The Rise of Developeronomics中提到了“10倍效率的开发者(10x developer)”的概念(伟大的开发者的效率往往比一般的开发者高很多,而不只是一点点),Adam Loving在读了之后受到启发,并向多位大牛(Ben Sharpe、Collin Watson和Jonathan Locke)询问如何成为“10倍效率的开发者”,最后得到了以下的答案。

1、只做需要做的工作

◆  使用敏捷方法;

◆ 全心全意做UX设计;

◆ 沟通第一;

◆ 编码也许不是解决问题的办法;

◆ 过早的优化是一切罪恶的根源;

◆ 选择最简单的解决方案。

浏览器缓存实现原理

浏览器缓存将文件保存在客户端,好的缓存策略可以减少对网络带宽的占用,可以提高访问速度,提高用户的体验,还可以减轻服务器的负担。因此我们有必要了解它的实现原理,用来提高网站的性能。
当一个客户端请求web服务器, 请求的内容可以从以下几个地方获取:服务器、浏览器缓存中或缓存服务器中。这取决于服务器端输出的页面信息。页面文件有三种缓存状态。
1.最新的:选择不缓存页面,每次请求时都从服务器获取最新的内容。
2.未过期的:在给定的时间内缓存,如果用户刷新或页面过期则去服务器请求,否则将读取本地的缓存,这样可以提高浏览速度。
3.过期的:也就是陈旧的页面,当请求这个页面时,必须进行重新获取。

页面的缓存状态是由http header决定的,一个浏览器请求信息,一个是服务器响应信息。主要包括Pragma: no-cache、Cache-Control、 Expires、 Last-Modified、If-Modified-Since。其中Pragma: no-cache由HTTP/1.0规定,Cache-Control由HTTP/1.1规定。

Cache-Control的主要参数

博客分类: 

[转]HTTP头的Expires与Cache-control

1.概念

Cache-control用于控制HTTP缓存(在HTTP/1.0中可能部分没实现,仅仅实现了Pragma: no-cache)

数据包中的格式:

Cache-Control: cache-directive

cache-directive可以为以下:

request时用到:

| "no-cache"
| "no-store"
| "max-age" "=" delta-seconds
| "max-stale" [ "=" delta-seconds ]
| "min-fresh" "=" delta-seconds
| "no-transform"
| "only-if-cached"
| "cache-extension"

response时用到:

博客分类: 

UTF-8和utf-8区别

昨天使用flash时候出现配置信息XML文件读取失败的情况。

经过一位同事的帮忙,最终确定是编码格式的问题。但是我是UTF-8以及Unix下编码。后来,我查看XML文件,发现头部的encoding="utf-8",我将其改为大写UTF-8,问题竟然奇迹般解决了。

上网搜的结果基本都认为windows不区分大小写,UTF-8和utf-8没有区别。但是写成UTF-8会更标准。国际标准是UTF-8而不是utf-8。

另外,顺便提下,mysql内只能用set name=utf8;这是由于mysql解析的原因,跟上面说的不是一回事情了。

博客分类: 

页面