ice-cream
- 浏览: 328181 次
- 性别:
- 来自: 上海
-
文章列表
什么是 DNS Prefetch ?
DNS Prefetch 是一种 DNS 预解析技术。当你浏览网页时，浏览器会在加载网页时对网页中的域名进行解析缓存，这样在你单击当前网页中的连接时就无需进行 DNS 的解析，减少用户等待时间，提高用户体验。
目前每次DNS解析，通常在200ms以下。针对DNS解析耗时问题，一些浏览器通过DNS Prefetch 来提高访问的流畅性。
设置方式
如果要浏览器端对特定的域名进行解析，通过以下两种方式实现：
1、通过 link 标签实现，例如：< link rel="dns-prefetch" href="h ...
进入user目录
创建文件：
vi ~/.netrc
文件内容设置：
machine {git http location}
login {account}
password {password}
IE各版本的css hack
- 博客分类：
- Css
一：IE各版本的css hack
HACK
EXAMPLE
IE6(S)
IE6(Q)
IE7(S)
IE7(Q)
IE8(S)
IE8(Q)
*
*color
Yes
Yes
Yes
Yes
No
Yes
+
+color
Yes
Yes
Yes
Yes
No
Yes
-
-color
Yes
Yes
No
No
No
No
_
_color
Yes
Yes
No
Yes
No
Yes
#
#color
Yes
Yes
Yes
Yes
No
Yes
\0
col ...
如何去掉链接虚线框
- 博客分类：
- Css
- Javascript
链接的虚线框影响整体风格，我们在工作经常会将它去掉，而采用图片高亮的方式来显示焦点状态。然而去掉虚线框在两种浏览器中却分别对待，这种技巧经常用到，作个记录，以备不时之需。
当一个链接得到焦点时，默认会有个虚线框。如图：
在 Firefox 里可以用 -moz-outline:none; 或者 outline:none; 来将其去掉。所以我们可以这样写：
a:focus {
outline :none ;
-moz-outline :none ;
}
顺便提一下，如果你用过 Safari 和 Chrome 可能会发现，当输入框得到 ...
为什么我们程序员难晋升
- 博客分类：
- Others
最近看到一篇很精辟的文章，转来和大家分享。
转自：为什么我们程序员难晋升
今天看到微博上@hellodba发的一个帖子：“内部晋升越来越困难，但是外部来的大P越来越多，所以很多人都选择跳槽”，之后我从三个方面简 ...
为什么人生气时说话用喊的？
- 博客分类：
- Others
有一天一个有智慧的教授问他的学生：“为什么人生气时说话用喊的？”
所有的学生都想了很久，其中有一个学生说：“因为我们丧失了冷静，所以我们会用喊的。”
“但是为什么别人就在你旁边而已，你还是用喊的，难道不能小声的说吗？为什么总是要用喊的？”教授又问。
几乎所有的学生都七嘴八舌的说了一堆，但是没有一个答案是让教授满意的，最后教授解释说：“当两个人在生气的时候，心的距离是很远的，而为了掩盖当中的距离使对方能够听见，于是必须用喊的，但是在喊的同时人会更生气，更生气距离就更远，距离更远就又要喊更大声……”
教授接着继续说：“而当两个人在相恋时会怎么样呢？情况刚 ...
URL即:统一资源定位符 (Uniform Resource Locator, URL)
完整的URL由这几个部分构成：
scheme://host:port/path?query#fragment
scheme:通信协议
常用的http,ftp,maito等
host:主机
服务器(计算机)域名系统 (DNS) 主机名或 IP 地址。
port:端口号
整数， ...
当样式表里font-size<12px时，chrome浏览器里字体显示仍为12px
解决的办法有两种
第一种（推荐）：
只需定义样式，webkit的私有属性：
html{-webkit-text-size-adjust:none;}
第二种：
在chrome浏览器工具栏 选项 > 高级选项 > 更改字体和语言设置 > 语言 > 谷歌浏览器语言 设置改为English
JPEG、GIF和JPEG这三种图像格式都提供了一种功能，让图像能够更快地显示。图像可以以一种特殊方式存储，显示时先大概显示图像的草图，当文件全部下载后再填充细节。这起到一种很有意义的心理效果，因为这样使人们有东西可看，而不必坐着干等大型图像慢慢显示在屏幕上。
以这种方式保存的文件称为交错GIF、交错PNG或渐进JPEG。尽管叫法不同，但这三种格式的视觉效果类似。交错GIF或交错PNG文件首先是一块一块地显示，下载完后再填补更多的细节。同样，渐进JPEG文件首先是模糊的，然后渐渐清晰起来。
大多数可以处理GIF文件的图像软件都将图像保存为交错或非交错的。例如，在photoshop ...
一般国外的网站很注重细节，他们会把菜单或者button做成图片，并且还有hover和selected状态。
如果仅仅是单独的button，可以addClass("xx")或者removeClass("xx"),xx是固定值，
但是对于一组菜单或者button，这个时候需要动态地给每个标签加一个对应状态的class，来控制显示样式。
例如下面这样：
<ul>
<li class="logo1">logo1</li>
<li class="logo ...
有时候页面美化要求，不得不把button上的文字一并做成图片
<input type="button' value="remove button text in ie" />
这个时候我们要采取一些办法隐藏button的value里的文字
通常我会用
text-indent: -9999px;
测过ff和chrome下都正常。但是在ie下由于样式的综合作用，button元素会随着text-indent的值移走，显示情的况有两种：
一种：整个button都不见了(display:inline-bloc ...
这里直接用jquey的animate函数做的滚动效果
效果图：
<script type="text/javascript">
var lineHeight = 30;
var time = 1500;
$(function(){
activitiesScroll();
})
function activitiesScroll(){
$("ul").hover(function( ...
预览照片的常用功能：上一张下一张
效果图（很喜欢的蒙奇奇）：
<script type="text/javascript">
$(function(){
viewClick();
})
function viewClick(){
var x = 10;//定义x的偏移量
var y = 10;//定义y的偏移量
$("img").mousemove(function(e){
var positionX=e. ...
最近写了个二级菜单，代码非常简单干净，不过也是建立在jquery基础上
效果图：
<script type="text/javascript">
$(function(){
$(".col").hover(function(){
$(".col").removeClass("hover");
$(this).addClass("hover");
$(". ...
来看下效果图：
<script src="jquery.js" type="text/javascript"></script>
<script type="text/javascript">
var theInt = null;
var curclicked = 0;
$(function(){
autoPlay();
})
function autoPlay(){
$('#transparence').css('opacity','0.4');
$( ...