摘要：
前端代码开发完成后，编辑会拿去填内容，其中图片元素是内容组成的重要一部分。通常前端UI合图使用GIF或PNG格式，内容图片则与JPG文件为主。前端优化中重要一项是控制文件SIZE，要求手写代码、简洁高效、去冗余、装饰图都埋在CSS里。挂一个jQuery(jquery-1.5.2.min.js)，大小在85KB以内。有些公司更吝啬字节，封装小量的基类使脚本相对更轻巧。但一张没有优化过的内容图片SIZE超过100KB是常有的事，对用户体验及服务流量带来不小的损失。用一个脚本来提醒编辑那些内容图片应该注意优化，这正是本文的目地。环境要求：由于使用了fileSize属性，脚本运行环境为IE浏览器。IE 阅读全文
随笔分类 - JavaScript
关于javaScript跨域交互
2011-04-12 17:47 by rocdu, 387 阅读, 收藏,
摘要：
总是有人会问关于跨域的问题，优优同学之前有篇关于此题的大作，内容详实。发扬拿来主义，转到这里。一，什么是跨域？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 阅读全文
焦点图组件的原型
2011-04-08 11:32 by rocdu, 217 阅读, 收藏,
摘要：
在封装成组件之前的焦点图实现原型。因为苹果产品不支持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, 444 阅读, 收藏,
摘要：
设: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″ 阅读全文
历史回顾日历_JS脚本
2011-03-28 13:42 by rocdu, 690 阅读, 收藏,
摘要：
做了一个历史回顾日历脚本，以下是需求及代码。交互需求：1、切换年份标签,成生相关日历数据(做缓存优化)2、根据日历串出对应的历史库链接地址3、给月份绑定跳转锚点4、根据域名回填频道名称5、开放当前月个性化操作接口效果展示：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html><head><meta http-equi 阅读全文
浙公网安备 33010602011771号