iteye_21028-CSDN博客

原创 DNS Prefetch

什么是 DNS Prefetch ? DNS Prefetch 是一种 DNS 预解析技术。当你浏览网页时，浏览器会在加载网页时对网页中的域名进行解析缓存，这样在你单击当前网页中的连接时就无需进行 DNS 的解析，减少用户等待时间，提高用户体验。目前每次DNS解析，通常在200ms以下。针对DNS解析耗时问题，一些浏览器通过DNS Prefetch 来提高访问的流畅性。设置方式...

2015-08-06 15:47:55 175

原创 Git 免输密码设置

进入user目录创建文件：vi ~/.netrc文件内容设置：machine {git http location}login {account}password {password}

2015-08-06 14:19:15 171

原创 IE各版本的css hack

一：IE各版本的css hack HACKEXAMPLEIE6(S)IE6(Q)IE7(S)IE7(Q)IE8(S)IE8(Q)**colorYesYesYesYesNoYes++colorYesYesYesYesNoYes--colorYesYesNoNo...

2012-12-06 14:34:20 180

原创如何去掉链接虚线框

链接的虚线框影响整体风格，我们在工作经常会将它去掉，而采用图片高亮的方式来显示焦点状态。然而去掉虚线框在两种浏览器中却分别对待，这种技巧经常用到，作个记录，以备不时之需。当一个链接得到焦点时，默认会有个虚线框。如图：在 Firefox 里可以用 -moz-outline:none; 或者 outline:none; 来将其去掉。所以我们可以这样写：a:focus ...

2011-10-08 13:58:19 150

原创为什么我们程序员难晋升

最近看到一篇很精辟的文章，转来和大家分享。转自：为什么我们程序员难晋升今天看到微博上@hellodba发的一个帖子：“内部晋升越来越困难，但是外部来的大P越来越多，所以很多人都选择跳槽”，之后我从三个方面简要的进行了回答：“外面来的总是有包装的，内部的都是肉身PK，此一输；外面来的总是小股人马，内部的一批批的，升谁都伤感情，此二输；外面来的通常都是大佬推荐的，没有特别重大机会...

2011-08-12 11:13:06 160

原创为什么人生气时说话用喊的？

有一天一个有智慧的教授问他的学生：“为什么人生气时说话用喊的？” 所有的学生都想了很久，其中有一个学生说：“因为我们丧失了冷静，所以我们会用喊的。” “但是为什么别人就在你旁边而已，你还是用喊的，难道不能小声的说吗？为什么总是要用喊的？”教授又问。几乎所有的学生都七嘴八舌的说了一堆，但是没有一个答案是让教授满意的，最后教授解释说：“当两个人在生气的时候，心的距离...

2011-02-24 10:40:05 142

原创 Javascript获得当前地址栏url

URL即:统一资源定位符 (Uniform Resource Locator, URL) 完整的URL由这几个部分构成：scheme://host:port/path?query#fragment scheme:通信协议常用的http,ftp,maito等host:主机服务器(计算机)域名系统 (DNS) 主机名或 IP 地址。port:端口号整数，可选，省略时...

2011-02-24 10:36:16 115

原创 chrome浏览器font-size<12px无效解决办法

当样式表里font-size<12px时，chrome浏览器里字体显示仍为12px 解决的办法有两种第一种（推荐）：只需定义样式，webkit的私有属性：html{-webkit-text-size-adjust:none;} 第二种：在chrome浏览器工具栏选项 > 高级选项 > 更改字体和语言设置 > 语言 > ...

2010-11-30 15:08:42 588

原创保存web图片格式的问题

JPEG、GIF和JPEG这三种图像格式都提供了一种功能，让图像能够更快地显示。图像可以以一种特殊方式存储，显示时先大概显示图像的草图，当文件全部下载后再填充细节。这起到一种很有意义的心理效果，因为这样使人们有东西可看，而不必坐着干等大型图像慢慢显示在屏幕上。以这种方式保存的文件称为交错GIF、交错PNG或渐进JPEG。尽管叫法不同，但这三种格式的视觉效果类似。交错GIF或交错PNG文...

2010-11-21 23:23:42 590

原创遍历class

一般国外的网站很注重细节，他们会把菜单或者button做成图片，并且还有hover和selected状态。如果仅仅是单独的button，可以addClass("xx")或者removeClass("xx"),xx是固定值，但是对于一组菜单或者button，这个时候需要动态地给每个标签加一个对应状态的class，来控制显示样式。例如下面这样：<ul> ...

2010-11-14 22:03:51 306

原创去掉IE下button上的文字

有时候页面美化要求，不得不把button上的文字一并做成图片 <input type="button' value="remove button text in ie" /> 这个时候我们要采取一些办法隐藏button的value里的文字通常我会用 text-indent: -9999px; 测过ff和chrome下都正常。但是在ie下...

2010-11-14 16:53:36 201

原创简单的新闻滚动

这里直接用jquey的animate函数做的滚动效果效果图： <script type="text/javascript"> var lineHeight = 30; var time = 1500; $(function(){ activitiesScroll(); ...

2010-11-09 23:07:46 111

原创上一张下一张

预览照片的常用功能：上一张下一张效果图（很喜欢的蒙奇奇）： <script type="text/javascript"> $(function(){ viewClick(); }) function viewClick(){ var x = 10;//定义x的偏移量 var y = ...

2010-11-09 22:12:46 293

原创二级菜单效果（3）

最近写了个二级菜单，代码非常简单干净，不过也是建立在jquery基础上效果图： <script type="text/javascript"> $(function(){ $(".col").hover(function(){ $(".col").removeClass("hover"); ...

2010-10-29 22:52:34 178

原创自动播放的jQuery幻灯片

来看下效果图： <script src="jquery.js" type="text/javascript"></script><script type="text/javascript">var theInt = null;var curclicked = 0;$(function(){ autoPlay();})..

2010-10-29 22:23:48 181

原创 IE下li内元素浮动产生边距的解决办法

类似于这样的一个结构 <ul> <li><span style="float:left">left</span><span style="float:right">right</span></li> <li><sp

2010-07-16 14:25:33 219

《英雄无敌：王国》上线开测了

http://www.hommk.com/ 这是我们团队这一年多来的成果，欢迎大家来王国玩。来了加我好友哦http://space.hommk.com/users/6

2010-05-12 20:29:32 132

原创 EasySlider

Easy Slider 1.5 - The Easiest jQuery Plugin For Sliding Images and Content basic default non styled demostyled demo with default settingsnon styled demo with vertical scroll and v...

2009-11-16 21:58:24 124

原创 Ruby编程规约（下）

Ruby编程规约（上）命名规约全体原则上、不使用单词的省略词。对于作用域小的循环变量，以i, j, k这样的名字顺序使用。对于作用域...

2009-11-08 23:19:17 123

原创 Ruby编程规约（上）

这是我们开发团队的编码规范 Ruby编程规约（下）本规约、记述的是在用Ruby进行编程时所使用的编程规约。在实际项目开发的时候，推荐以此为基础，根据项目实际情况进行客户化（定制化）后再使用。源代码的整形代码缩进...

2009-11-08 23:18:40 172

ruby语法

railsapi:http://www.railsbrain.com/ 1.实用的tab (tab.zip)这里圆角就是用的css3实现的 -moz-border-radius:4px;-webkit-border-radius:4px;-moz-border-radius-topleft:4px;-webkit-border-top-left-radi...

2009-11-08 23:15:16 118

css命名规范

最近看到了些关于css命名方面的文章，对于这方面我也有自己的看法。我接触css有很长一段时间了，对于css的命名我也是在逐步改进。感觉工作中比较常碰见的问题：1.需要给层定义各种尺寸的宽度，高度基本是不用定义的2.层的padding和层之间的margin3.给文字高亮颜色4.各种样式的tab和button5.不同的背景色6.各种样式的border7.左浮动，右浮...

2009-11-07 21:40:22 189

图片和文字的对齐

最近工作中遇到些关于“图片和文字的对齐”的问题： 1.文字和图片，图片和图片底部对齐类似结构 <div><img src="" />text</div>或者<div><img src="" /><img src="" /></div&a

2009-11-07 15:50:43 247

原创文字滚动

三种文字滚动效果：向上滚动类似marquee滚动向下滚动调用方法：

2009-10-24 09:51:36 115

原创关于Rails的目录结构

下面是一个Rails项目通常的目录结构 ├─app　　　　　　　　　　　　　│　├─controllers　　　　　　　│　├─helpers│　├─models│　└─views│　　　├─admin│　　　├─layouts│　　　├─login│　　　├─search│　　　└─store├─components├─config│　└─...

2009-08-31 14:38:14 128

原创 Mercurial 使用教程

Mercurial 使用教程本教程是介绍如何使用 Mercurial。我们不假定你有使用源代码控制管理(SCM) 软件的背景。本教程有法文 FrenchTutorial，西班牙文 SpanishTutorial，日文 JapaneseTutorial，和中文 ChineseTutorial 当研究完本教程后，你应该对以下几点有所领会：你将要使...

2009-08-31 13:39:14 372

原创 Cookie Plugin for jQuery

Cookie Plugin for jQuery A few simple examples of how to use it:$.cookie('the_cookie'); // get cookie$.cookie('the_cookie', 'the_value'); // set cookie$.cookie('t...

2009-08-09 23:30:26 127

原创图片焦点设计

如何让一张普通的图片变得更加有力量？如何有意识地引导读者的眼睛去到图片的某一区域？如何更加有效地传达你的对象？八个简单的设计技巧，让你轻松容易完成任务。在图片创造焦点，也让你的图片获得了新生。一：模糊背景二：聚光灯效果三：站出来！四：颜色呼应五：轮...

2009-08-09 11:29:07 164

原创 IE6、IE7、IE8之IE多版本共存的几种方法

一、单独安装（相对繁琐，不推荐）使用IE6 Green、IE7 Standalone 及IE8 安装文件，分别安装各自的浏览器。安装顺序：1、IE6 Green 2、IE7 Standalone 3、IE8相关下载地址：IE6 Green： http://skmode.ys168.com/ 由Everplus打包IE7 Standalone：http://tredo...

2009-08-02 21:14:34 137

原创提升你设计水平的CSS3新技术（下）

提升你设计水平的CSS3新技术（上） 8. 圆角（边框半径）Border-radius 无需背景图片就能给HTML元素添加圆角。现在，它可能是使用最多的CSS3属性了，很简单的原因是使用圆角比较好而且不会对设计和可用性有冲突。不同于添加Javascript或多于的HTML标签，仅仅需要添加一些CSS属性并从好的方面考虑。这个方案是清晰的和比较有效的，而且可以让你免于花费几...

2009-08-02 19:17:19 131

级联样式表在13年前被引入，而且被广泛使用的CSS 2.1 标准在11年前被创建，显然我们现在已经与当年相差千里了。相当了不起的是期间网站开发有了多少进步——事实上，我们也无法想象。为什么会这样呢，当提到CSS的时候，过去我们是如此的不情愿和害怕尝试？为什么我们还要使用讨厌的hack和依赖JavaScript的技术来写样式？为什么我们不能利用丰富的CSS3 特性和现代浏览器中可用的工具并将我...

2009-08-02 19:16:06 183

原创会动的眼睛

2009-07-09 23:31:41 151

原创 img标签下多余空白bug解决方法

根据原因的不同要用不同的解决方法，这里把解决直接把解决image图片布局下边的多余空隙的BUG的常用方法归纳，供大家参考。在进行页面的DIV CSS排版时，遇到IE6（当然有时Firefox下也会偶遇）浏览器中的图片元素img下出现多余空白的问题绝对是常见的对于该问题的解决方法也是“见机行事”。1、将图片转换为块级对象即，设置img为“display:block;”。在本...

2009-06-25 13:56:58 258

原创 QuirksMode 和 CSSCompat 模式 (Standards Mode)

对于document.compatMode，很多朋友可能都根我一样很少接触，知道他的存在却不清楚他的用途。今天在ext中看到 document.compatMode的使用，感觉这个对于我们开发兼容性的web页面还是很有帮助，我们都知道，IE对盒模型的渲染在 Standards Mode和QuirksMode是有很大差别的，在Standards Mode下对于盒模型的解释和其他的标准...

2009-05-17 20:23:55 170

页面输出时一些常用的小技巧(二)

页面输出时一些常用的小技巧(一) 1.按日历设置每天的数据(demo1.zip)点击星期行的箭头，把第一个输入框(或者下拉框)的值赋给其它所以输入框(或者下拉框)，点击星期行外的每行箭头，把点击行的第一个输入框(或者下拉框)的值赋给这一行其它所以输入框(或者下拉框)。主要用到了日期相减和构造nextdate的思想 var curData = new Date...

2009-05-16 22:42:45 103

原创命名规则有利于SEO

搜索引擎优化(seo)有很多工作要做，其中对代码的优化是一个很关键的步骤。为了更加符合SEO的规范，下面是目前流行的CSS+DIV的命名规则：页头:header登录条:loginBar标志:logo侧栏:sideBar广告:banner导航:nav子导航:subNav菜单:menu子菜单:subMenu搜索:search滚动:scroll页面主体...

2009-05-11 13:21:33 128

页面输出时一些常用的小技巧(一)

页面输出时一些常用的小技巧(二) 1.菜单一 | 菜单二 | 菜单三(demo1.zip) 代码结构：<ul><li>菜单一</li><li>菜单二</li><li>菜单三</li></ul> 通常我们会li加cssborder-right:1

2009-04-07 23:43:44 132

价格过滤条

写了一个价格过滤条：重点是按钮的css定位要算好。只能做粗略的过滤，分两种情况考虑，分别是左边按钮移动和右边按钮移动。ie下貌似还有些问题，按钮释放有个bug。function price_choose(){ var left_d=0,left_x=0,right_d=0,right_x=0; var max = 10000; var min = 100; var s_b_le...

2009-04-03 10:18:44 126

原创 Taobao DPL

Basic Specification & Usage Guide页面基本结构和命名约定assets 目录组织和文件命名规范TBra 使用说明默认约定(包括基本标注、对齐方式等)Basic Style Platform样式重置 reset.css栅格布局 grids.css 栅格使用说明基本样式 base.cssTaobao Common Sty...

2009-03-25 17:22:40 155

js图片轮换效果（二）

结构：<ul id="picture"> <li><img src="images/pic1.gif" alt="xx" title="xx" width="600" height="222" /></li> <li><i

2009-03-13 15:23:44 86

空空如也

空空如也