分类目录归档:Javascript

高深的技术,前端开发必学。

让网站打开速度更快 加快域名dns解析

什么是TTL
TTL是IP协议包中的一个值,它告诉网络,数据包在网络中的时间是否太长而应被丢弃。有很多原因使包在一定时间内不能被传递到目的地。解决方法就是在一段时间后丢弃这个包,然后给发送者一个报文,由发送者决定是否要重发。TTL的初值通常是系统缺省值,是包头中的8位的域。TTL的最初设想是确定一个时间范围,超过此时间就把包丢弃。由于每个路由器都至少要把TTL域减一,TTL通常表示包在被丢弃前最多能经过的路由器个数。当记数到0时,路由器决定丢弃该包,并发送一个ICMP报文给最初的发送者。
其他不再赘述,发挥二的性格,我们直奔主题。
用户打开网站的整个流程中,DNS解析时第一环,当用户输入域名并敲回车后,windows系统调用DNS client,寻找到用户配置或者自动分配的DNS IP,之后就开始整个解析过程。
DNS解析,变快有意义吗?
有,呵呵,很多小型网站,DNS解析时间都接近0.5s,甚至我见过一个网站,需要1.2s才可以解析出结果的。这是个非常令人吃惊的数据,因为对于一般网站打开时间超过8s用户即将放弃访问,而对于电子商务网站,4s就是用户忍耐极限。而一般经过优化的小型网站,DNS解析时间都可以控制在200MS左右,而带宽在100M左右的网站,经过优化,DNS解析时间可以控制在50-100ms。
如何优化呢?
首先利用好TTL,因为要尽量多的让用户直接从运营商的DNS缓存中拿到A记录,这样才能保证最快,但是也要保证,当你的服务器出问题时,需要尽快的切换,所以,这个TTL设置也是有一些情况需要综合研究的。
1、 你肯定清楚,自己的服务器有没有多台或者备份。如无备份,那服务器宕机时,你只能生抗,所以,TTL时间对于你来说是越长越好,因为TTL短的目的是服务器发生问题时,可以及时切换,这个对于没有备份的网站基本利用不上。所以,你的TTL设置就是越长越好,当然了,也不能无限长,一般设置TTL 3600即可。
2、 如有备份或者多台服务器,会发生由于服务器宕机需要及时做切换,TTL时间越短,切换越及时,但是TTL时间越短,也就意味着运营商DNS经常缓存不住,一般用户,设置为TTL 600即可,如果对及时切换,要求特别苛刻的网站,设置TTL 120即可。
其次寻找足够热的域名解析商。很多网站,都是自己做一个域名解析服务器,看着自己掌控方便了,但是大错特错,因为你的域名解析服务器,基本上都不被缓存,每次从根服务器询问一圈,绕了大半个地球,才给出最后的结果,那自然会效果很差。所以,要寻找足够热的域名解析商。什么叫热,就是被访问的次数特别多。足够热的话,域名解析服务器的A记录基本上会被各地运营商的DNS一直缓存着。如何判断域名解析商够不够热呢?其实,也很简单,看看这个域名解析商的客户够不够多,他们客户网站够不够热门,访问的人够不够多。
也给大家推荐一个更好的方法,就是找CDN厂商做域名解析。因为CDN厂商服务的客户,有很多是很热很大用户群很多的,所以,这些CDN厂商的域名解析服务器,服务效果那是岗岗的好。
最后是进阶技巧—巧用CNAME。不少网站拥有者,在同样的一个或多个服务器上运营很多小网站;或者自己运营一个网站,但是拆分了很多个二级域名。针对这些情况,严重需要善用CNAME,把所有的这些小网站的域名或者二级域名,cname到一个自己定义的统一域名。然后设置这个cname对应的TTL时间足够长。这样的话,保证网站的第一次解析,可以直接从运营商的DNS缓存中拿到,也就是直接拿到cname后的记录。然后,第二个cname记录,再设置一个相对合理的TTL值。通过这样,变相加热了第二级域名,通过加热的第二级和缓存时间足够长的第一级,最大化的优化DNS解析时间。该技巧,一定要确保,最后A记录得到的IP,可以服务这些原始域名。
例子:
www.abc.com. 7200 IN CNAME hot.abc.com.
hot.abc.com. 600 IN A 127.0.0.1
什么叫拆分域名?
很多网站,在搭建网站的时候,只是申请和购买了一个域名,然后所有内容:图片、js、css、html、php等等,都放在一个域名下。
而拆分域名,指的就是根据不同的应用,而将域名拆分出来。
拆分域名有什么好处?
使用IE6和IE7内核的浏览器,针对同个域名,只会同时发起2个连接。
使用IE8内核的浏览器,针对同个域名,可以同时发起6个连接。
很重要吗?
非常重要,请看图示。
使用IE6打开一个所有内容均在同个域名下的网站

使用IE8打开一个所有内容均在同个域名下的网站

我们看到的是,在IE6的情况下,请求第7个元素,需要0.7s,而在IE8的情况下,0.277就开始请求第7个元素。
由此可以看到,并发连接更多的时候,网页打开速度会更快。

由以上数据可以看到,多个域名,不管是在IE6和IE8的情况下,拆分域名,都会使网站的打开速度变快。
现实中也是如此,新浪、淘宝等大型网站,他们无一不是在拆分域名。
另外,要纠正一个IT人的误区。因为IT人一般都热衷技术,很多人的操作系统等版本都很新,用的都是IE8甚至以上的浏览器。但是整个中国,到目前为止,使用IE6和IE7的用户,仍然非常另IT人震惊的80%左右。所以,拆分域名,基本上可以缩减你20%以上的打开速度。
一个简单的操作,就能带来巨大的效果提升,何乐不为?
当然了,肯定会有人问,拆分域名,那不就会导致域名热度不够,DNS缓存不住的问题吗?这个问题,请看我上一篇博文,已经给出了答案。
按照什么原则拆分域名呢?
个数多少合适?
一般50M以下网页类网站,域名保持在4、5个即可,过多后范围会导致你的维护和使用变得复杂。
100-500M以下网页类网站,域名保持在8-10个左右。
1G以上的网页类网站,域名无所谓个数,保持10个以上,具体个数根据自己的业务和管理特点随心制定。
什么内容放到同个域名下?
页面类:html、htm等
样式类:js、css等
图片类:jpg、png、gif等
动态类:php、asp等
这样的分配方式,将来有利于你进一步优化你的网站,并且在你需要寻找加速工具时,也可以针对性的选择不同的加速方式。

jQuery满屏幻灯片插件之-Flickerplate

简介

Flickerplate 是一个基于 jQuery 的幻灯片插件,压缩后仅 6KB。它支持左右箭头控制、圆点导航、自动播放、主题设置、HTML data 属性等等。

兼容

浏览器兼容:Flickerplate 使用了 CSS3 属性,所以只兼容 IE10 及以上版本和其他主流现代浏览器,IE 低版本效果欠佳,但可正常使用。
jQuery 兼容:兼容 1.7 及以上版本。

使用方法

1、引入文件

<link href="css/flickerplate.css" rel="stylesheet">
<script src="js/jquery.min.js"></script>
<script src="js/modernizr-custom-v2.7.1.min.js"></script>
<script src="js/jquery-finger-v0.1.0.min.js"></script>
<script src="js/flickerplate.min.js"></script>

2、HTML

<div class="flicker-example">
    <ul>
        <li data-background="img/field.jpg">
            <div class="flick-title">Flickerplate</div>
            <div class="flick-sub-text">——小巧的jQuery幻灯片插件</div>
        </li>
        <li data-background="img/forest.jpg">
            <div class="flick-title">可修改 Javascript 或 CSS</div>
            <div class="flick-sub-text">查看参数,看看如何修改成你需要的效果</div>
        </li>
        <li data-background="img/frozen-water.jpg">
            <div class="flick-title">触摸事件</div>
            <div class="flick-sub-text">引入 jQuery Finger 插件可支持移动设备触摸事件</div>
        </li>
    </ul>
</div>

除了 jQuery 必引用外,Modernizr(modernizr-custom-v2.7.1.min.js)也是必须的,Modernizr 是一个 HTML5/CSS3 功能检测库。jQuery.Finger(jquery-finger-v0.1.0.min.js)是一个触摸事件插件,如果不需要支持移动设备,可去掉。

3、JavaScript

$(function(){
    $('.flicker-example').flicker({
        arrows: true,
        arrows_constraint: false,
        auto_flick: true,
        auto_flick_delay: 10,
        block_text: true,
        dot_navigation: true,
        dot_alignment: 'center',
        flick_animation: 'transition-slide',
        flick_position: 1,
        inner_width: false,
        theme: 'light'
    });
});

配置

属性/方法 类型 默认值 说明
arrows 布尔值 true 显示左右箭头控制
arrows_constraint 布尔值 false 左右到头了禁止点击
auto_flick 布尔值 true 自动播放
auto_flick_delay 整数 10 自动播放间隔,以秒为单位
block_text 布尔值 true 文字显示背景阴影
dot_navigation 布尔值 true 显示圆点导航
dot_alignment 字符串 center 圆点导航位置
flick_animation 字符串 transition-slide 动画切换方式,可选 transition-slide、transform-slide、jquery-slide、scroller-slide 4种
flick_position 整数 1
inner_width 布尔值 false
theme 字符串 light 设置主题,可选 light、dark 2种

链接: https://github.com/chrishumboldt/flickerplate

文章来源: http://www.dowebok.com/101.html

打印机现黄色感叹号,提示unknown device

问题:USB打印机连接电脑变成unknown devide
解决方法:禁用设备管理器的USB2 Enhanced Host Controller。
 
注解:USB2 Enhanced Host Controller
全称因主板不同而异,如: Intel(R) 7 Series/C216 Chipset Family USB Enhanced Host Controller – 1E26
这是 intel主板 的 南桥的USB驱动 ,每个都不一样, 对应不同的主板南桥型号 从后面的 1E26 1E27 等等的编号
 
另: 有可能是计算机静电引发。启用“SiS PCI to USB Enhanced Host Controller”设备,关机后对计算机进行静电释放,重新启动计算机,连接在计算机上的打印机和U盘很快被识别;
追注:计算机静电释放的正确方法:拔除主机上所有的连线(包括电源线,鼠标键盘线,显示器数据线,网线,外接设备连线等),按主机电源开关3-5次,每次按住开关一秒钟,中间间隔1-2秒。
 
 

解决Chrome浏览网页自动下载保存的问题

在中国电信ADSL环境下,使用Chrome浏览器上网的时候,经常会出现一个奇怪的问题,就是上网点击一个链接,Chrome并没有正常浏览该网页,而是自动将该网页下载到本地,而此情况在IE浏览器下并没有出现。
原以为是Chrome浏览器的BUG,也试着重新安装了,发现偶尔还是出现这种情况,每次无法访问网页的时候,使用IE浏览器打开就正常,而在IE浏览器下则有时会弹出中国电信的广告。
经过研究发现,这不是Chrome浏览器的问题,问题的原因是中国电信恶意劫持,在IE浏览器的现象是,访问一个本来没有弹出广告的网站,偶然会自动弹出中国电信的广告,再刷新网站,又没有广告弹出。对于谷歌Chrome浏览器,则无法浏览目标网页,系统会自动下载网页到本地。
使用记事本打开Chrome下载的文件,会发现原本正常的网站源码里会被中国电信插入很多iframe和javascript代码,使用的域名和IP均为中国电信的服务器。
有网友从2005年就报道过中国电信的强弹广告,谴责中国电信这种劫持用户浏览器,通过嵌入代码的方式在用户浏览器上弹出广告的恶行,并曾经打电话投诉电信,要求解除其帐号的PUSH广告业务,没想到每年续费一次,都会自动增加这种PUSH广告。
更为糟糕的是,这些PUSH广告代码存在严重的浏览器兼容性问题,只能在IE浏览器下工作,如果目标网站使用了GZIP压缩传输,电信的这些代码在Chrome浏览器下就会异常,导致出错,从而影响用户正常浏览网页。
目前想到的解决的方法是:打电话给中国电信投诉,投诉“增值业务部门”增加的强行广告,要求其去除“PUSH 强推广告业务”,特别要强调,从PUSH广告业务测试中去掉自己的ADSL帐号,这个招数我以前用过,但是似乎时间是有限的,过一段时间电信又会继续投放广告。
我现在使用中国电信的ADSL宽带,每月要交168元,中国电信还通过这种恶心的广告阻止我使用Chrome浏览器上网,中国电信可真是太邪恶了。

HTTP 1.1状态代码及其含义

HTTP 1.1状态代码及其含义

100 Continue 初始的请求已经接受,客户应当继续发送请求的其余部分。(HTTP 1.1新)
101 Switching Protocols 服务器将遵从客户的请求转换到另外一种协议(HTTP 1.1新)
200 OK 一切正常,对GET和POST请求的应答文档跟在后面。
201 Created 服务器已经创建了文档,Location头给出了它的URL。
202 Accepted 已经接受请求,但处理尚未完成。
203 Non-Authoritative Information 文档已经正常地返回,但一些应答头可能不正确,因为使用的是文档的拷贝(HTTP 1.1新)。
204 No Content 没有新文档,浏览器应该继续显示原来的文档。如果用户定期地刷新页面,而Servlet可以确定用户文档足够新,这个状态代码是很有用的。
205 Reset Content 没有新的内容,但浏览器应该重置它所显示的内容。用来强制浏览器清除表单输入内容(HTTP 1.1新)。
206 Partial Content 客户发送了一个带有Range头的GET请求,服务器完成了它(HTTP 1.1新)。
300 Multiple Choices 客户请求的文档可以在多个位置找到,这些位置已经在返回的文档内列出。如果服务器要提出优先选择,则应该在Location应答头指明。
301 Moved Permanently 客户请求的文档在其他地方,新的URL在Location头中给出,浏览器应该自动地访问新的URL。
302 Found 类似于301,但新的URL应该被视为临时性的替代,而不是永久性的。注意,在HTTP1.0中对应的状态信息是“Moved Temporatily”。
出现该状态代码时,浏览器能够自动访问新的URL,因此它是一个很有用的状态代码。
注意这个状态代码有时候可以和301替换使用。例如,如果浏览器错误地请求http://host/~user(缺少了后面的斜杠),有的服务器返回301,有的则返回302。
严格地说,我们只能假定只有当原来的请求是GET时浏览器才会自动重定向。请参见307。
303 See Other 类似于301/302,不同之处在于,如果原来的请求是POST,Location头指定的重定向目标文档应该通过GET提取(HTTP 1.1新)。
304 Not Modified 客户端有缓冲的文档并发出了一个条件性的请求(一般是提供If-Modified-Since头表示客户只想比指定日期更新的文档)。服务器告诉客户,原来缓冲的文档还可以继续使用。
305 Use Proxy 客户请求的文档应该通过Location头所指明的代理服务器提取(HTTP 1.1新)。
307 Temporary Redirect 和302(Found)相同。许多浏览器会错误地响应302应答进行重定向,即使原来的请求是POST,即使它实际上只能在POST请求的应答是303时才能重定向。由于这个原因,HTTP 1.1新增了307,以便更加清除地区分几个状态代码:当出现303应答时,浏览器可以跟随重定向的GET和POST请求;如果是307应答,则浏览器只能跟随对GET请求的重定向。(HTTP 1.1新)
400 Bad Request 请求出现语法错误。
401 Unauthorized 客户试图未经授权访问受密码保护的页面。应答中会包含一个WWW-Authenticate头,浏览器据此显示用户名字/密码对话框,然后在填写合适的Authorization头后再次发出请求。
403 Forbidden 资源不可用。服务器理解客户的请求,但拒绝处理它。通常由于服务器上文件或目录的权限设置导致。
404 Not Found 无法找到指定位置的资源。这也是一个常用的应答。
405 Method Not Allowed 请求方法(GET、POST、HEAD、Delete、PUT、TRACE等)对指定的资源不适用。(HTTP 1.1新)
406 Not Acceptable 指定的资源已经找到,但它的MIME类型和客户在Accpet头中所指定的不兼容(HTTP 1.1新)。
407 Proxy Authentication Required 类似于401,表示客户必须先经过代理服务器的授权。(HTTP 1.1新)
408 Request Timeout 在服务器许可的等待时间内,客户一直没有发出任何请求。客户可以在以后重复同一请求。(HTTP 1.1新)
409 Conflict 通常和PUT请求有关。由于请求和资源的当前状态相冲突,因此请求不能成功。(HTTP 1.1新)
410 Gone 所请求的文档已经不再可用,而且服务器不知道应该重定向到哪一个地址。它和404的不同在于,返回407表示文档永久地离开了指定的位置,而404表示由于未知的原因文档不可用。(HTTP 1.1新)
411 Length Required 服务器不能处理请求,除非客户发送一个Content-Length头。(HTTP 1.1新)
412 Precondition Failed 请求头中指定的一些前提条件失败(HTTP 1.1新)。
413 Request Entity Too Large 目标文档的大小超过服务器当前愿意处理的大小。如果服务器认为自己能够稍后再处理该请求,则应该提供一个Retry-After头(HTTP 1.1新)。
414 Request URI Too Long URI太长(HTTP 1.1新)。
416 Requested Range Not Satisfiable 服务器不能满足客户在请求中指定的Range头。(HTTP 1.1新)
500 Internal Server Error 服务器遇到了意料不到的情况,不能完成客户的请求。
501 Not Implemented 服务器不支持实现请求所需要的功能。例如,客户发出了一个服务器不支持的PUT请求。
502 Bad Gateway 服务器作为网关或者代理时,为了完成请求访问下一个服务器,但该服务器返回了非法的应答。
503 Service Unavailable 服务器由于维护或者负载过重未能应答。例如,Servlet可能在数据库连接池已满的情况下返回503。服务器返回503时可以提供一个Retry-After头。
504 Gateway Timeout 由作为代理或网关的服务器使用,表示不能及时地从远程服务器获得应答。(HTTP 1.1新)
505 HTTP Version Not Supported 服务器不支持请求中所指明的HTTP版本。(HTTP 1.1新)

HTTP协议状态码的含义

协议状态sc-status,是服务器日记扩展属性的一项。
下面是各状态码含义列表:
“100” : Continue
“101” : witching Protocols
“200” : OK
“201” : Created
“202” : Accepted
“203” : Non-Authoritative Information
“204” : No Content
“205” : Reset Content
“206” : Partial Content
“300” : Multiple Choices
“301” : Moved Permanently
“302” : Found
“303” : See Other
“304” : Not Modified
“305” : Use Proxy
“307” : Temporary Redirect
“400” : Bad Request
“401” : Unauthorized
“402” : Payment Required
“403” : Forbidden
“404” : Not Found
“405” : Method Not Allowed
“406” : Not Acceptable
“407” : Proxy Authentication Required
“408” : Request Time-out
“409” : Conflict
“410” : Gone
“411” : Length Required
“412” : Precondition Failed
“413” : Request Entity Too Large
“414” : Request-URI Too Large
“415” : Unsupported Media Type
“416” : Requested range not satisfiable
“417” : Expectation Failed
“500” : Internal Server Error
“501” : Not Implemented
“502” : Bad Gateway
“503” : Service Unavailable
“504” : Gateway Time-out
HTTP协议状态码的含义。
“505” : HTTP Version not supported