最近的文章列表

缓存多个DataURI资源 摆脱CSS Sprites图片背景位置的约束

随着html5的广泛应用,为图片链接使用datauri,似乎是一个时髦,有人说,这是为了减少图片的请求数,但是datauri文件增大0.1k; 而且每次都需要解码,消耗cpu;这让手机的芯片情何以堪,为此我们可以考虑缓存这些datauri

在Html5中,可以将图片经过base64编码后直接写在HTML中来展示图片,使用这种方式可以减少Http请求数量,从而可加快页面展示,同时也减少了很多对服务器的压力。

    例: <img src="data:image/png;base64,iVBORw0KGgooCAMAAAC7...(此处略去N个字)...lFTkSuQmCC"/> 

...
2013/11/29 Comments:
[转载]树敌?竞争?创新?360的冰火两重天

文/阑夕 (微信公众号:techread)

昨天,奇虎360诉腾讯垄断一案正在最高法院审理。

11月25日,周鸿祎在清华大学演讲,称“如果腾讯赢了,那中国互联网就输了”。

11月26日,周鸿祎在创业邦年会上演讲,谈及案情时,周说,“是输是赢都值了”。

朝去夕来,翻云覆雨,中国互联网的地位也从“不可承受之轻”到了“不值一提的秤砣”。

...
2013/11/27 Comments:
网站前端性能优化总结

摘要:网站优化的方面:

一、服务器侧优化(包括:添加 Expires 或 Cache-Control 信息头、压缩内容、设置Etags等)  

二、Cookie优化(包括:减小Cookie体积、对于页面内容使用无coockie域名等)

三、JAVASCRIPT 和 CSS 优化(包括:把 CSS 放到代码页上端、避免 CSS 表达式、从页面中剥离 JavaScript 与 CSS、精简 JavaScript 与 CSS、使用 <link> 而不是 @importChoose <link> over @import、避免使用CSS Filter、JS尽量放到页面最下端、页面展现尽量交给CSS完成等)

...

2013/11/27 Comments:
清空Chrome/IE/FF浏览器dns缓存

为什么要使用浏览器DNS缓存,无非就是提供域名的解析速度(因为直接ip是代表主机的,域名只是ip的马甲,拖了马甲才能睡觉~)

什么是DNS?简而言之是从域名(www.camnpr.com)解析为IP(116.255.161.231)的过程,详情可移步 wikipedia

...

2013/11/27 Comments:
浏览器DNS缓存机制分析-为什么修改hosts不立即生效

经常做Web开发的工程师,都会遇到需要将某个域名绑定到特定IP上,进行测试的情况。大家一般都会用修改hosts文件的方式来解决,但是经常也会遇到修改hosts不生效的情况,而且有时生效,有时不生效的情况也有发生,这到底是为什么呢?


起:DNS缓存机制

关于DNS缓存的机制,有一篇非常详细的文章What really happens when you navigate to a URL

...

2013/11/27 Comments:
详解标准W3C盒子模型和IE的css盒子模型

前端面试的时候,很多考官都会提到“盒子模型”,如果你能很好的解释清楚,那么证明你css基本功很不错。下边来说一说盒子模型吧。 盒子模型是CSS中一个重要的概念,理解了盒子模型才能更好的排版。其实盒子模型有两种,分别是 IE 盒子模型和标准 W3C 盒子模型。 
盒子模型是CSS中一个重要的概念,理解了盒子模型才能更好的排版。其实盒子模型有两种,分别是 IE 盒子模型和标准 W3C 盒子模型。他们对盒子模型的解释各不相同,先来看看我们熟悉的标准盒子模型: 
...

2013/11/26 Comments:
vs中查找的正则表达式规则 Visual Studio 2010中用正则表达式查找

我们要查找camnpr-数字-数字-数字.html (比如:camnpr-2-3-4.html)

于是,尝试使用下边的代码:

{"[^camnpr-(\d){1,}\-(\d){1,}\-(\d){1,}\.html$]"}
^camnpr-(\d){1,}\-(\d){1,}\-(\d){1,}\.html$

结果都失败了,如图所示:

...

2013/11/26 Comments:
日文服务器/英文服务器上的aspx中的中文显示为乱码,怎么办?

在windows中文系统下,开发的aspx网站。  放到windows日文系统或者英文系统下,然后用VS打开,就变成乱码了?

------方案1------
在web.config中配置你的语言为UTF-8


------方案2------
配置文件:web.config的内容:
<configuration>
...

2013/11/26 Comments:
css实现背景透明文字不透明 opacity 通过rgba颜色解决
设置元素的透明度:
 -moz-opacity:0.8; /*在Firefox中设置元素透明度*/
 filter: alpha(opacity=80); /*ie使用滤镜设置透明*/

 背景透明,文字也透明

...
2013/11/22 Comments:
常用区分IE6/IE7/IE8/Firefox/Opera的标识-CSS hack总结

一、跨浏览器的网页设计一直是让人很头疼的问题,这不只是因为浏览器的版本众多,还有一个重要的原因是相同浏览器的不同时期的版本也会有差异,甚至是在不同操作同台上还会有不同。因此使CSS hack技术进行浏览器区分是实现跨浏览器访问一个好方法。CSS Hack技术有很多,具体可以查看: 

   本文据说的主要是通过“.”,“>”,“*”,“_”来区分。以下是本人对这四种符号的测试结果: 
...

2013/11/22 Comments: