May232013
页面应该如何加载javascript才能提高网站性能
所有浏览器在下载JS的时候,会阻止一切其他内容的加载,比如其他资源的下载,内容的呈现等等。至到JS下载、解析、执行完毕后才开始继续并行下载其他资源并呈现内容。
(1)为什么JS不能像CSS、image一样并行下载了?
这里需要简单介绍一下浏览器构造页面的原理,当浏览器从服务器接收到了HTML文档,并把HTML在内存中转换成DOM树,在转换的过程中如果发现某个节点(node)上引用了CSS或者IMAG...阅读全文
抢沙发
May232013
十大最优秀的Web网站性能测试软件工具
随着互联网技术和理念的快速发展和迅速普及,很多企业越来越重视互联网,把互联网当作一种更为高效的资源和工具,并建立起一系列基于Web的网站服务。企业在建立或使用基于Web的网站服务时,都很难想象出当大批量用户同时访问网站系统时候的情境。这样,当Web网站遇到突发访问高峰时,很容易因没有预先估测网站访问量而导致服务器响应速度变慢甚至服务直接宕机的后果。
为了避免因为访问...阅读全文
May232013
web前端开发小工具集合
收集的一些轻量级非常实用的前端开发小工具,以后还会不定期进行更新,现将目前收集的信息列表如下:
CSS 3相关
1.CSS3样式生成器:http://www.css88.com/tool/css3Preview/
2.CSS3渐变样式生成器,类似Photoshop中的渐变界面:http://www.colorzilla.com/gradient-editor/
3.CSS3动画制作工具Sencha Animator:http://www.sencha.com/products/animator/
4.背景色alpha透明工具:http:/...阅读全文
May232013
May232013
利用js禁止浏览器直接选择复制文章内容的办法
天下文章一大抄!很多优质原创的文章一夜间就能够在互联网上传了个遍。做SEO的都知道,发原创文章对自己网站的优化是非常好的,特别是在搜文章标题的时候,原创的一般排名第一。但是优化是给搜索引擎看的。而在互联网有个很头痛的问题,一篇文章对搜索引擎来说到底谁是原创。这个是不一定的。举个简单例子:比如你在博客(当然假设你博客每日访问量很低,每天就几百人的情况下)上发表了一...阅读全文
May232013
远离IE6毁灭IE6抵制IE6
IE6曾经是最著名的浏览器,然而在兼容性和安全性上的众多诟病,最终导致了“拒绝IE6”运动,并得到了那些不愿意再为照顾IE6而耗费额外编码时间的网络公司的支持。据CNN报道,现在仍有15-25%左右的用户还在使用IE6,虽然与鼎盛时期的80%差距悬殊,但也足以让支持这场运动的人发表如下说明:
微软IE6发布于2001年末,在当时是相当好的浏览器,但现在已经是2009年了,仍有很大一部分网民还在使...阅读全文
May232013
May232013
网页缓存控制 Cache-control 常见的取值有private、no-cache、max-age、must-revalidate 介绍
网页的缓存是由HTTP消息头中的”Cache-control”来控制的,常见的取值有private、no-cache、max-age、must-revalidate等,默认为private。其作用根据不同的重新浏览方式分为以下几种情况:
(1) 打开新窗口
如果指定cache-control的值为private、no-cache、must-revalidate,那么打开新窗口访问时都会重新访问服务器。而如果指定了max-age值,那么在此值内的时间里就不会重新访...阅读全文
May232013
mysql中tinyint、smallint、int和bigint类型的用法区别
mysql中tinyint、smallint、int和bigint类型的用法区别:
在MySQL的数据类型中,Tinyint的取值范围是:带符号的范围是-128到127。无符号的范围是0到255(见官方《MySQL 5.1参考手册》。Tinyint占用1字节的存储空间,即8位(bit)。那么Tinyint的取值范围怎么来的呢?我们先看无符号的情况。无符号的最小值即全部8位(bit)都为0,换算成十进制就是0,所以无符号的Tinyint的最小值为0.无符...阅读全文
May232013
javascript利用谷歌地图开发路线图示例
javascript利用谷歌地图开发路线图示例,效果如下:
页面代码如下:
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no"/>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<title>Google Maps JavaScript API v3 Example: Directions Complex</title>
<link href="http://code....阅读全文