摘要:
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 阅读全文