摘要：
IE6不认样式：min-height、max-height样式;做页面要给容器预设一个黓认最小高度值时，IE6不认min-height样式，解决的办法是使用HACK，_height:高度值，IE6专用。当内容高度超出容器时也会自动扩展，但如果其它浏览器直接写height值的话，内容超出容器时会出现问题所以还是要写min-height的。 阅读全文
随笔档案-2011年04月
JPG图片优化测试_JS脚本
2011-04-21 11:59 by rocdu, 364 阅读, 收藏,
摘要：
前端代码开发完成后，编辑会拿去填内容，其中图片元素是内容组成的重要一部分。通常前端UI合图使用GIF或PNG格式，内容图片则与JPG文件为主。前端优化中重要一项是控制文件SIZE，要求手写代码、简洁高效、去冗余、装饰图都埋在CSS里。挂一个jQuery(jquery-1.5.2.min.js)，大小在85KB以内。有些公司更吝啬字节，封装小量的基类使脚本相对更轻巧。但一张没有优化过的内容图片SIZE超过100KB是常有的事，对用户体验及服务流量带来不小的损失。用一个脚本来提醒编辑那些内容图片应该注意优化，这正是本文的目地。环境要求：由于使用了fileSize属性，脚本运行环境为IE浏览器。IE 阅读全文
Yahoo!网站性能最佳体验的34条黄金守则(转)
2011-04-19 16:01 by rocdu, 270 阅读, 收藏,
摘要：
Yahoo!的Exceptional Performance团队为改善Web性能带来最佳实践。他们为此进行了一系列的实验、开发了各种工具、写了大量的文章和博客并在各种会议上参与探讨。最佳实践的核心就是旨在提高网站性能。 Excetional Performance团队总结出了一系列可以提高网站速度的方法。可以分为7大类34条。包括内容、服务器、coodudokie、CSS、JavaScript、图片、移动应用等七部分。 一、内容部分1、尽量减少HTTP请求次数 终端用户响应的时间中，有80%用于下载各项内容。这部分时间包括下载页面中的图像、样式表、脚本、Flash等。通过减少页面中的元素可以. 阅读全文
A标签中的行高问题
2011-04-15 23:54 by rocdu, 897 阅读, 收藏,
摘要：
今天做一页面时同事发现他写的A标签HOVER时应该出现的下划线在IE下没有显示出来？这个问题和浏览器的解析有关，以前就发现过，所以通常下我写A标签CSS时行高在没有特定要求下都是高出字号２个像素．字号行高相同有可能出现A标签HOVER时不出现下划线：font:12px/12px '宋体';没有问题的写法，行高要高出字号２个像素以上：font:12px/14px '宋体'; 阅读全文
关于javaScript跨域交互
2011-04-12 17:47 by rocdu, 395 阅读, 收藏,
摘要：
总是有人会问关于跨域的问题，优优同学之前有篇关于此题的大作，内容详实。发扬拿来主义，转到这里。一，什么是跨域？1，完全跨域根域名不同的跨域，如sohu.com/index.html和sina.com/index.html便是完全跨域2，跨子域名根域名相同，但是子域名不同，如mdc.sohu.com/index.html和cms5.sohu.com/index.html两种特殊情况即使页面不跨域，js交互也会受到影响。1，不同端口根域名一致，但是端口不一致，如sohu.com/index.html和sohu.com:1234/index.html2，不同协议根域名一致，但是安全协议不一致，如ht 阅读全文
iframe子页反控父页DOM元素
2011-04-08 11:43 by rocdu, 354 阅读, 收藏,
摘要：
如题，利用这一点实现下面这个例子。在做项目时，父页面用iframe调用子页面是常有的行为，出于iframe不能根据自身页面内容撑高而出现的坚向滚动条问题，以下是一个让iframe根据内容自动加高，屏蔽坚向滚动条的解决方案：设:A=父页面;B=子页面;C=B页面高度值;流程:A->html->给iframe绑定id，iframe.id=”content”；B->script->load页面完成->获取C->把C传给A下对应的iframe节点；A页面<iframe id=”content” src=”content1.html” frameborder=” 阅读全文
焦点图组件的原型
2011-04-08 11:32 by rocdu, 222 阅读, 收藏,
摘要：
在封装成组件之前的焦点图实现原型。因为苹果产品不支持FLASH，公司要求焦点图实现由FLASH转成JS。于是之初便有了这个仓促版的原型。需求：1、数据与ID随参数走，便于生成更多实例。2、load焦点图第一张图片，成功后进行焦点图初始化init()方法。3、init()方法，用于创建焦点图框架并回添布局，需要与CSS配合。4、a()方法，用于给焦点图对应的元素绑定交互事件。5、b()方法，用于完成交互时动画的实现。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://ww 阅读全文
利用iframe异步获取数据
2011-04-08 10:06 by rocdu, 446 阅读, 收藏,
摘要：
设:A.html=为父页面;B.html=为子页面;B.html/*数据源*/<div id=”content”>测试内容测试内容</div>A.html/*回填ID*/<div id=”backfill”></div><script type="text/javascript">jQuery(function(jQ){ jQ(“body”).append(‘<iframe id=”iframeID” width=”0″ height=”0″ marginheight=”0″ marginwidth=”0″ 阅读全文
IE8_hack
2011-04-01 15:59 by rocdu, 145 阅读, 收藏,
摘要：
.test{border:10px red solid;border:10px blue solid\0;width:300px;height:300px}<div class="test">ie8测试</div>测试结果：\0:IE6:REDIE7:REDIE8:BLUE\1-8:IE6:REDIE7:REDIE8: RED\9:IE6: BLUEIE7: BLUEIE8: BLUE 阅读全文
浙公网安备 33010602011771号