- 博客(141)
- 收藏
- 关注
RSS订阅原创 DNS Prefetch
什么是 DNS Prefetch ? DNS Prefetch 是一种 DNS 预解析技术。当你浏览网页时，浏览器会在加载网页时对网页中的域名进行解析缓存，这样在你单击当前网页中的连接时就无需进行 DNS 的解析，减少用户等待时间，提高用户体验。目前每次DNS解析，通常在200ms以下。针对DNS解析耗时问题，一些浏览器通过DNS Prefetch 来提高访问的流畅性。 设置方式...
2015-08-06 15:47:55
137
原创 Git 免输密码设置
进入user目录创建文件：vi ~/.netrc文件内容设置：machine {git http location}login {account}password {password}
2015-08-06 14:19:15
155
原创 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
156
原创 如何去掉链接虚线框
链接的虚线框影响整体风格，我们在工作经常会将它去掉，而采用图片高亮的方式来显示焦点状态。然而去掉虚线框在两种浏览器中却分别对待，这种技巧经常用到，作个记录，以备不时之需。当一个链接得到焦点时，默认会有个虚线框。如图： 在 Firefox 里可以用 -moz-outline:none; 或者 outline:none; 来将其去掉。所以我们可以这样写：a:focus ...
2011-10-08 13:58:19
127
原创 为什么我们程序员难晋升
最近看到一篇很精辟的文章，转来和大家分享。转自：为什么我们程序员难晋升 今天看到微博上@hellodba发的一个帖子：“内部晋升越来越困难，但是外部来的大P越来越多，所以很多人都选择跳槽”，之后我从三个方面简要的进行了回答：“外面来的总是有包装的，内部的都是肉身PK，此一输；外面来的总是小股人马，内部的一批批的，升谁都伤感情，此二输；外面来的通常都是大佬推荐的，没有特别重大机会...
2011-08-12 11:13:06
118
原创 为什么人生气时说话用喊的？
有一天一个有智慧的教授问他的学生：“为什么人生气时说话用喊的？” 所有的学生都想了很久，其中有一个学生说：“因为我们丧失了冷静，所以我们会用喊的。” “但是为什么别人就在你旁边而已，你还是用喊的，难道不能小声的说吗？为什么总是要用喊的？”教授又问。 几乎所有的学生都七嘴八舌的说了一堆，但是没有一个答案是让教授满意的，最后教授解释说：“当两个人在生气的时候，心的距离...
2011-02-24 10:40:05
107
原创 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
80
原创 chrome浏览器font-size<12px无效解决办法
当样式表里font-size<12px时，chrome浏览器里字体显示仍为12px 解决的办法有两种第一种（推荐）：只需定义样式，webkit的私有属性：html{-webkit-text-size-adjust:none;} 第二种：在chrome浏览器工具栏 选项 > 高级选项 > 更改字体和语言设置 > 语言 > ...
2010-11-30 15:08:42
537
原创 保存web图片格式的问题
JPEG、GIF和JPEG这三种图像格式都提供了一种功能，让图像能够更快地显示。图像可以以一种特殊方式存储，显示时先大概显示图像的草图，当文件全部下载后再填充细节。这起到一种很有意义的心理效果，因为这样使人们有东西可看，而不必坐着干等大型图像慢慢显示在屏幕上。以这种方式保存的文件称为交错GIF、交错PNG或渐进JPEG。尽管叫法不同，但这三种格式的视觉效果类似。交错GIF或交错PNG文...
2010-11-21 23:23:42
562
原创 遍历class
一般国外的网站很注重细节，他们会把菜单或者button做成图片，并且还有hover和selected状态。 如果仅仅是单独的button，可以addClass("xx")或者removeClass("xx"),xx是固定值，但是对于一组菜单或者button，这个时候需要动态地给每个标签加一个对应状态的class，来控制显示样式。例如下面这样：<ul> ...
2010-11-14 22:03:51
287
原创 去掉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
178
原创 简单的新闻滚动
这里直接用jquey的animate函数做的滚动效果 效果图： <script type="text/javascript"> var lineHeight = 30; var time = 1500; $(function(){ activitiesScroll(); ...
2010-11-09 23:07:46
79
原创 上一张下一张
预览照片的常用功能：上一张下一张 效果图（很喜欢的蒙奇奇）： <script type="text/javascript"> $(function(){ viewClick(); }) function viewClick(){ var x = 10;//定义x的偏移量 var y = ...
2010-11-09 22:12:46
274
原创 二级菜单效果（3）
最近写了个二级菜单，代码非常简单干净，不过也是建立在jquery基础上 效果图： <script type="text/javascript"> $(function(){ $(".col").hover(function(){ $(".col").removeClass("hover"); ...
2010-10-29 22:52:34
136
原创 自动播放的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
165
原创 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
200
《英雄无敌：王国》上线开测了
http://www.hommk.com/ 这是我们团队这一年多来的成果，欢迎大家来王国玩。 来了加我好友哦http://space.hommk.com/users/6
2010-05-12 20:29:32
111
原创 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
88
原创 Ruby编程规约（下）
Ruby编程规约（上） 命名规约全体 原则上、不使用单词的省略词。对于作用域小的循环变量，以i, j, k这样的名字顺序使用。 对于作用域...
2009-11-08 23:19:17
96
原创 Ruby编程规约（上）
这是我们开发团队的编码规范 Ruby编程规约（下） 本规约、记述的是在用Ruby进行编程时所使用的编程规约。在实际项目开发的时候，推荐以此为基础，根据项目实际情况进行客户化（定制化）后再使用。源代码的整形代码缩进...
2009-11-08 23:18:40
132
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
97
css命名规范
最近看到了些关于css命名方面的文章，对于这方面我也有自己的看法。我接触css有很长一段时间了，对于css的命名我也是在逐步改进。感觉工作中比较常碰见的问题：1.需要给层定义各种尺寸的宽度，高度基本是不用定义的2.层的padding和层之间的margin3.给文字高亮颜色4.各种样式的tab和button5.不同的背景色6.各种样式的border7.左浮动，右浮...
2009-11-07 21:40:22
136
图片和文字的对齐
最近工作中遇到些关于“图片和文字的对齐”的问题： 1.文字和图片，图片和图片底部对齐 类似结构 <div><img src="" />text</div>或者<div><img src="" /><img src="" /></div&a
2009-11-07 15:50:43
213
原创 关于Rails的目录结构
下面是一个Rails项目通常的目录结构 ├─app │ ├─controllers │ ├─helpers│ ├─models│ └─views│ ├─admin│ ├─layouts│ ├─login│ ├─search│ └─store├─components├─config│ └─...
2009-08-31 14:38:14
91
原创 Mercurial 使用教程
Mercurial 使用教程本教程是介绍如何使用 Mercurial。我们不假定你有使用 源代码控制管理(SCM) 软件的背景。 本教程有法文 FrenchTutorial，西班牙文 SpanishTutorial，日文 JapaneseTutorial，和中文 ChineseTutorial 当研究完本教程后，你应该对以下几点有所领会： 你将要使...
2009-08-31 13:39:14
328
原创 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
101
原创 图片焦点设计
如何让一张普通的图片变得更加有力量？如何有意识地引导读者的眼睛去到图片的某一区域？ 如何更加有效地传达你的对象？八个简单的设计技巧，让你轻松容易完成任务。在图片创造焦点，也让你的图片获得了新生。 一：模糊背景 二：聚光灯效果 三：站出来！ 四：颜色呼应 五：轮...
2009-08-09 11:29:07
149
原创 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
117
原创 提升你设计水平的CSS3新技术（下）
提升你设计水平的CSS3新技术（上） 8. 圆角（边框半径）Border-radius 无需背景图片就能给HTML元素添加圆角。现在，它可能是使用最多的CSS3属性了，很简单的原因是使用圆角比较好而且不会对设计和可用性有冲突。不同于添加Javascript或多于的HTML标签，仅仅需要添加一些CSS属性并从好的方面考虑。这个方案是清晰的和比较有效的，而且可以让你免于花费几...
2009-08-02 19:17:19
109
原创 提升你设计水平的CSS3新技术（上）
级联样式表在13年前被引入，而且被广泛使用的CSS 2.1 标准在11年前被创建，显然我们现在已经与当年相差千里了。相当了不起的是期间网站开发有了多少进步——事实上，我们也无法想象。为什么会这样呢，当提到CSS的时候，过去我们是如此的不情愿和害怕尝试？为什么我们还要使用讨厌的hack和依赖JavaScript的技术来写样式？为什么我们不能利用丰富的CSS3 特性和现代浏览器中可用的工具 并将我...
2009-08-02 19:16:06
145
原创 会动的眼睛
<style type="text/css">.eye{ display:inline; overflow:hidden; position:relative; float:left; margin:50px 0 0 50px; width:50px; height:50px; font-size:50px; line-height:106%...
2009-07-09 23:31:41
111
原创 img标签下多余空白bug解决方法
根据原因的不同要用不同的解决方法，这里把解决直接把解决image图片布局下边的多余空隙的BUG的常用方法归纳，供大家参考。 在进行页面的DIV CSS排版时，遇到IE6（当然有时Firefox下也会偶遇）浏览器中的图片元素img下出现多余空白的问题绝对是常见的对于该问题的解决方法也是“见机行事”。1、将图片转换为块级对象即，设置img为“display:block;”。在本...
2009-06-25 13:56:58
234
原创 QuirksMode 和 CSSCompat 模式 (Standards Mode)
对于document.compatMode，很多朋友可能都根我一样很少接触，知道他的存在却不清楚他的用途。今天在ext中看到 document.compatMode的使用，感觉这个对于我们开发兼容性的web页面还是很有帮助，我们都知道，IE对盒模型的渲染在 Standards Mode和QuirksMode是有很大差别的，在Standards Mode下对于盒模型的解释和其他的标准...
2009-05-17 20:23:55
130
页面输出时一些常用的小技巧(二)
页面输出时一些常用的小技巧(一) 1.按日历设置每天的数据(demo1.zip)点击星期行的箭头，把第一个输入框(或者下拉框)的值赋给其它所以输入框(或者下拉框)，点击星期行外的每行箭头，把点击行的第一个输入框(或者下拉框)的值赋给这一行其它所以输入框(或者下拉框)。主要用到了日期相减和构造nextdate的思想 var curData = new Date...
2009-05-16 22:42:45
79
原创 命名规则有利于SEO
搜索引擎优化(seo)有很多工作要做，其中对代码的优化是一个很关键的步骤。为了更加符合SEO的规范，下面是目前流行的CSS+DIV的命名规则：页头:header登录条:loginBar标志:logo侧栏:sideBar广告:banner导航:nav子导航:subNav菜单:menu子菜单:subMenu搜索:search滚动:scroll页面主体...
2009-05-11 13:21:33
104
页面输出时一些常用的小技巧(一)
页面输出时一些常用的小技巧(二) 1.菜单一 | 菜单二 | 菜单三(demo1.zip) 代码结构：<ul><li>菜单一</li><li>菜单二</li><li>菜单三</li></ul> 通常我们会li加cssborder-right:1
2009-04-07 23:43:44
114
价格过滤条
写了一个价格过滤条：重点是按钮的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
102
原创 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
116
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
66
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人