HTML/CSS
如何成为“10倍效率”的开发者
Posted by quentin 在 Wednesday, 4 January 2012如何成为“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设计;
◆ 沟通第一;
◆ 编码也许不是解决问题的办法;
◆ 过早的优化是一切罪恶的根源;
◆ 选择最简单的解决方案。
浏览器缓存实现原理
Posted by quentin 在 Tuesday, 15 February 2011浏览器缓存将文件保存在客户端,好的缓存策略可以减少对网络带宽的占用,可以提高访问速度,提高用户的体验,还可以减轻服务器的负担。因此我们有必要了解它的实现原理,用来提高网站的性能。
当一个客户端请求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
Posted by quentin 在 Friday, 29 October 20101.概念
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区别
Posted by quentin 在 Tuesday, 10 August 2010标准的获取DOM节点的JS代码
Posted by quentin 在 Thursday, 14 May 2009标准的获取DOM节点的JS代码
判断浏览器是IE还是Firefox
Posted by quentin 在 Thursday, 14 May 2009判断浏览器是IE还是Firefox
<script>
if (parseInt(navigator.appVersion.charAt(0))>=4){
var isNN=(navigator.appName==\'Netscape\')?1:0;
var isIE=(navigator.appName.indexOf(\'Microsoft\')!=-1)?1:0;
}
if (isNN)
alert(\'NETSCAPE [FF/OTHER]\');
if (isIE)
alert(\'IE\');
</script>
鼠标的几种形状
Posted by quentin 在 Thursday, 14 May 2009鼠标的几种形状
<INPUT TYPE=\"submit\" style=\"cursor: pointer\" value=\"hand\">
形状值如下:
auto :标准光标
default :标准箭头
pointer :手形光标
wait :等待光标
text :I形光标
vertical-text :水平I形光标
no-drop :不可拖动光标
not-allowed :无效光标
help :?帮助光标
all-scroll :三角方向标
move :移动标
crosshair :十字标
