摘要：
http://blog.jnecw.com/?p=524 阅读全文
摘要：
用 js有很久了，但都没有深究过js的数组形式。偶尔用用也就是简单的string.split(char)。这段时间做的一个项目，用到数组的地方很多，自以为js高手的自己居然无从下手，一下狠心，我学！呵呵。学了之后才知道，js数组的功能强大很，远比VB,C#强多了,大家慢慢看吧1、数组的创建vararrayObj=newArray(); //创建一个数组vararrayObj=newArray([size]); //创建一个数组并指定长度，注意不是上限，是长度vararrayObj=newArray([element0[,element1[,...[,elementN]]]]); //创建一个数 阅读全文
摘要：
http://fed.renren.com/wp-content/uploads/2012/11/%E4%BA%BA%E4%BA%BAFED-CSS%E7%BC%96%E7%A0%81%E8%A7%84%E8%8C%83.pdf通用约定 http://docs.kissyui.com/docs/html/tutorials/styleguide/common-conventions.html html规范 http://docs.kissyui.com/docs/html/tutorials/styleguide/html-coding-style.html css规范 http:/... 阅读全文
摘要：
众所周知，透明格式的PNG24在IE6透明部分将会被灰色替代。那么，到底有什么方法可以解决这个bug？解决方法：①用PNG8格式图片替代PNG24格式的图片 用fireworks导出Alpha模式的PNG8格式的图片，Alpha模式的PNG8格式图片支持半透明，在IE6下全透明以及半透明部分会显示成全透明，并且会存在锯齿。如果对用户体验影响不是很大的话，可以考虑一下用这个方法。②CSS滤镜 在应用了透明PNG图片的选择器里面加上一下代码：_background: transparent;_filter: progid:DXImageTransform.Microsoft.AlphaImageL 阅读全文
摘要：
转自：http://ued.alimama.com/1、尽量减少HTTP请求个数——须权衡合并图片（如css sprites，内置图片使用数据）、合并CSS、JS，这一点很重要，但是要考虑合并后的文件体积。2、使用CDN（内容分发网络）这里可以关注CDN的三类实现：镜像、高速缓存、专线，以及智能路由器和负载均衡；3、为文件头指定Expires或Cache-Control，使内容具有缓存性。区分静态内容和动态内容，避免以后页面访问中不必要的HTTP请求。4、避免空的src和href留意具有这两个属性的标签如link，script，img，iframe等；5、使用gzip压缩内容Gzip压缩所有可 阅读全文
摘要：
在实际应用中，考虑到seo，很多button，icon都要用到inline-block和text-indent来处理，例如：<a href="#" class="btn">Button</a>css我习惯写成这样.btn{display:inline-block; width:100px; height:23px; text-indent:-9999px;background-image:url(img.jpg);}在标准浏览器下是没问题的，但是在IE6和7下会触发A标签消失的bug。解决方法1：display:inline-bl 阅读全文
摘要：
转载地址：http://ued.taobao.com/blog/2011/09/14/waterfall/简介如果你经常网上冲浪，这样参差不齐的多栏布局，是不是很眼熟啊？类似的布局，似乎一夜之间出现在国内外大大小小的网站上，比如Pinterest(貌似是最早使用这种布局的网站了)，Mark之，蘑菇街，点点网，以及淘宝最新上线的“哇哦” 等等，倒是很流行哈~ 在淘宝即将上线的众多产品中，你还会大量看到这样的形式呢。这种布局适合于小数据块，每个数据块内容相近且没有侧重。通常，随着页面滚动条向下滚动，这种布局还会不断加载数据块并附加至当前尾部。所以，我们给这样的布局起了一个形象的名字 —瀑布流式布局 阅读全文
摘要：
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/> 阅读全文
摘要：
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/> 阅读全文
摘要：
网页半透明效果经常在一些很酷网站中用到，虽然说现在还没有被纳入W3C标准中，但对于CSSer们还是很热捧的。从网上收集并整理了一下以后备用。1. 旧的Opacity设置以下代码是Firefox和Safari旧版本所需的透明度设置:复制内容到剪贴板代码:#ceng { -khtml-opacity:0.5;-moz-opacity: 0.5; }-khtml-opacity设置是针对旧版本的Webkit渲染引擎，这种专用属性现在已经过时了，除非你还有需要兼容Safari 1.x.的用户。-moz-opacity是为了兼容Mozilla渲染引擎的早期版本，以及追溯到Netscape Navigat 阅读全文