我的足迹: 大道至简,代码如诗。
  • 也谈iframe高度自适应

    2011-12-02

    先描述下我在最近项目中遇到这个问题的场景。

    我们的项目是对某款产品的评测,网页下半部分是用户关于这个产品的微博讨论,评论等等,后台开发同事决定将这部分内容全部放在一个iframe里,通过传入不同的产品ID参数就可以在整个项目中共用这部分代码,但这个内嵌框架里的内容全部是动态加载,并且高度不能确定,这就引出了下边要说的iframe高度自适应问题。

    主页面iframe代码:

    <iframe width="100%" scrolling="no"  frameborder="0" src="http://www.abc.com/content.htm" id="ifr_cmnt"></iframe>

    iframe内部代码:

    <body>
        <div id="wrap">
        <!--页面其它内容-->
        </div>
    </body>

    JS控制iframe高度自适应方法:
    方法一:JQuery选择器。仅在主页面中使用下列代码,这也是代码量最小的一种方法。

        document.domain="sina.com.cn";
        jQuery("#ifr_cmnt").load(function(){
            var set_height = jQuery(this).contents().find("#wrap").height();
            jQuery(this).height(set_height);
        });

    方法二:hash传值。
    主页面代码:

            document.domain="sina.com.cn";
            jQuery("#ifr_cmnt").load(function(){
                var temp_height = window.frames['ifr_cmnt'].location.hash;
                var set_height = parseInt(temp_height.slice(temp_height.lastIndexOf("#")+1));
                jQuery(this).height(set_height);
            });

    内嵌页面代码:

            var ifr_height = jQuery("#wrap").height();
            document.location.href+=("#"+ifr_height);

    方法三:传统JavaScript。
    主页面代码:

            document.domain = "sina.com.cn";
            jQuery("#ifr_cmnt").load(function(){
                var set_height = document.getElementById("ifr_cmnt").contentWindow.document.body.scrollHeight;
                document.getElementById("ifr_cmnt").height = set_height;
            });

    内嵌页面代码:

            var ifr_height = jQuery("#wrap").height();
            parent.document.getElementById("ifr_cmnt").height = ifr_height;

    整个过程需要注意几个细节:

    a、当页面中包含来自其他子域的框架或内嵌框架时,通过设置document.domain来实现页面间的JavaScript通信。

    b、因为浏览器在渲染页面时存在一些差异,比如内嵌页面中有异步加载的数据块,在IE中,首次渲染不会考虑异步加载内容是否成功,导致数据加载完成后iframe区域由于内容高度增加出现滚动条,在Firefox和Chrome等现代浏览器中不会出现这个问题。

    作者:Fenix | 分类目录:前端开发 | 标签:
  • 十月份微博整理

    2011-11-09

    今天刚好入职三个月,成长缓慢,甚为心慌。任何时候我都先在自身找问题,但不是任何时候都是因为我不争气!前路漫漫,只求自己能排除一切外界因素,练好内功,然后才有资本做自己想做的任何事情。故写下这段话来勉励自己!

    自从用上安卓,有了Gmail的实时推送,就完全抛弃了QQmail,用户体验做的再好我都不会用了,尤其是看到一些互联网业内人士在网上给别人留@qq.com的邮箱,我就全身的鸡皮疙瘩//对不起,我装逼了。无意冒犯用QQmail的同学,只是个人习惯

    这应该只是屏蔽了产品评价信息?记得之前就有人讨论过为何京东的商品价格要用图片而不是文字,其实就是为了防止竞争对手的爬虫抓取自己的商品价格,难道现在一淘获取京东的商品价格用的是OCR技术?

    比价对顾客是好事,但对商家更容易促发价格战,尤其是在一些质量不是很重要或者小商品上,顾客一般只认准价格低的那家,这势必影响销售额//@小猪嫣儿: 我不明白的是,现在是在争夺入口么?那么京东、当当最终希望的是不是用户转化为成交用户呢?销售额是不是更重要呢?比价的话,又会影响多少转化呢?

    @快盘 尝试了下用快盘同步QQ消息记录,发现一个问题,那就是QQ消息数据库文件Msg2.0.db大概200M左右,并且只要聊天产生记录都向这个文件里累加,快盘检测到文件一有变化就自动上传,这样势必会占用带宽,强烈建议快盘增加指定时间段定时同步功能

    Dropbox被GFW认证,无奈只得选用其中国版的金山快盘,安卓最新版增加了相片和文档的自动备份功能,未来也许能将联系人和短信等备份到云端。如果其功能不断完善同时使其在各终端上的服务更加稳定,所谓的云手机也就不存在了,因为任何一款可以使用该服务的手机都可以称之为云手机。

    人这一辈子在不同的场合不知道要拍多少张合影,但又能相识多少,意义何在?

    还是老一辈的传统想法 ,文化在于民间,不应该规定要发扬什么要摒弃什么,但话又说回来,在无宗教无信仰无主旋律的今天,少了约束会威胁到政权,也许政府就是这么想的。转 @枕霞mm 昨天 外公跟我聊起了传统文化和文化传统 说是要发扬前者 摒弃后者 是否略有偏激?求讨论……

    看到这样的图片很是心寒,本来命运就不公,再加上后天的各种潜规则,以穷养富的社会保障制度,言论的封锁和奴化的教育,我们只能寄望于民智渐开社会缓慢的进步,然后这样的镜头越来越少。转: @于建嵘 要想办法为这些孩子准备冬衣了啊!//@天佑中华A:社会主义的花朵盛开在大凉山深处

    今晚有两件大事值得纪念一下,一是老卡挂了,二是微博出搜索(s.weibo.com)了,但看了下weiso.com,好像被狗爸爸的一个马甲公司注册了,曹老板赶紧把这域名收了吧!

    每当看到一些愤愤们大谈国事就怒火中烧,说什么国无愤青必亡,不是没有道理。但在当下,这个肮脏的社会暴露出来的问题已经够多了,如果再加之青年一代都这样丧失理性看到问题就喷来喷去,失去冷静思考的空间,一个连老人跌倒都不敢扶起的民族,谈何崛起?中国需要新式五四运动!!!

    任何与我价值观相左的人,我都会嗤之以鼻,我非常不屑或者不忍心与之争辩,尤其是我的家人和朋友,因为在视野局限的人眼中,生活才会一直美好!

    #反淘宝联盟#中小卖家认为淘宝卸磨杀驴,错就错在商城当初定位不明确,总有要第一个吃螃蟹的人,再看前两天上线的QQ网购平台一开始定位就高端。而如今淘宝商城以提升质量的理由来提高门槛,为何不采取循序渐进的手段逐步过滤掉一些商家,或者严格执行平台现有的评价体系,而是提高费用,马云穷疯了?

    假如你是一个Web开发者,你通过一个API 找到你附近哪些地方会有犯罪。然后你访问Google 地图API,把这两个内容整合在一起,那么你就得到了一个标有犯罪纪录的地图。这个新的地图就叫Mashup。因为开发者通过来自多个网站的APIs,把他们合并在一起,成为了一个新的很cool的应用程序。#Mashup#

    马云怕个毛,他老人家要在国外待一年!阿里要多捞点为收购雅虎补充点能量,俺也觉得大卖家是无辜的,伤了中小卖家的筋骨他们就要拼命地闹,法律治的了不?砖家赶紧去屎!无良媒体越抹越黑。总之,阿里提高商城入驻门槛是应该的,对电规范行业秩序和消费者都有好处。BTW,腾讯拍拍可以暗度陈仓一把了!

    新浪整体的强媒体性质,决定了其之前的博客到现在的微博,并不是一个与外界平等交流,而是强制输出价值观的平台,其中的价值观很大一部分是由运营干预产生的,理想状态下的产品生态,应该引导用户和前瞻挖掘用户需求,按目前来看,这种强制输出价值观的博客和微博都取得了成功,但是,能一直成功下去?

    去掉了微博上所有与身份有关的标识,这样就可以肆无忌惮的说想说的话了,以前新浪封过我一个账号,期待这个账号再次被封!我在饭否腾讯网易twitter都还有账号,这边以后就闹着玩的。最关键的是不喜欢强SNS性质的社区产品,over!

    盲人农民#陈光诚#,1971年生于山东省沂南县双堠镇东师古村。一岁时双目失明,18周岁前未上学。1989年开始就读于临沂盲校;2000年毕业于南京中医药大学,同时自学法律。1996 年开始走上依法维护民权之路。

    一睁眼就看到微博满屏都是乔布斯逝世的消息,是他让苹果产品风靡全球,科技伟人选在4S发布之后辞世,无不令人哀叹。印象中也许只有杰克逊的谢世能让全球的追随者为之痛惜,走好!

    “青年是祖国的未来。鉴于中国官员许多都是团委、学生干部出身,这项改革便具有了更为重要的社会意义。因为,这些面目丑恶的团委、学生会干部,未来可能就是我们的领导人。”

    第一次用返利网购物,返利之后差不多是64折了。这不就是当年的淘宝客么,引导顾客去购物,然后获得佣金。返利网与淘宝客有两大不同,一是全面撒网不再局限与淘宝,再者将获取的佣金和顾客分成也就是所谓的返利,盈利模式很清晰,顾客和商家都很乐意,正所谓的一箭三雕,怪不得获得风投了,强

     

    作者:Fenix | 分类目录:其它 | 标签:
  • 惩罚

    2011-11-01

    现在的时间是2011年10月31日23点59分,意味着这篇文章发表上去就11月了。

    上个周末回武汉参加张老师的婚礼。还记得去年暑假在学校的时候 ,他让我们一起帮他布置求婚现场,很可惜当时我和楚客要去校外上PHP培训课,没能见到那个场面。当时的他还是一个小伙子,而如今结婚多了一份责任,有了责任也就能称得上是真正的男人。而当时的我们,虽然已经知道毕业将至,也有针对性地学习一些生存技能,但对未来同样是充满期待和忐忑,更多的是一无所知。转眼间,已经离毕业证上的六月三十日已经过去了四个月,离初次来京也七个月了。

    这段时间所经历的,大多都充满着挑战,对于不甘寂寞勇于折腾的我很合胃口。我也常对自己说,趁着年轻就要折腾,我不想也不会在一个波澜不惊的环境下一直无为惨淡下去。在学生时代,自己的生活还不能完全说是属于自己,因为其中还掺杂着父母亲朋的血汗和期待,而一旦毕业,自己选择的路,就完全是自负盈亏,要时刻准备着为自己做出的每一个决定买单。经济独立,随之而来的应该是生活和思想的独立。

    过去的四年,读了湖工,在湖北本省基本被人知晓,而在外地基本无人知晓的这么一所大学。之前在淘宝实习的时候,周围的同事基本都毕业或者在读于京城名校,以至于他们问我是哪所大学毕业的时候,我总是小心翼翼地说,我在武汉的湖北工业大学读的书,总是下意识地强调武汉二字,生怕别人不知道我来自哪个城市。我很庆幸能和名校毕业生一起共事,我的性格也决定着我不会坐视平庸,我跟自己较劲,只要给了我们同样的平台,我就要比别人做出同样或者更好的成绩。当时在淘宝的同事张翼飞(花名羽昊),大家都叫他昊哥,同时也是我在公司唯一的烟友。还记得进公司的第一天,我在邮件列表里发了自我介绍之后,昊哥就跟帖回复问你抽烟吗,你蹲在马桶上抽烟吗,我回复的是偶尔抽(已经过去半年多时间记不大清楚了),然后心里想的是这哥们肯定是没人和他一起抽烟,接着就想,大家如果不刻意回避一些私人话题,这就应该是一个开放的团队。后来我们就成了烟友,每天都会在工作间隙,找时间到楼下抽根烟聊聊天,正是这样,他也是第一个知道我要离职去新浪的人。尽管在淘宝只工作了不到两个月,但留给我的财富,也许会影响到我往后的职业生涯,淘宝的企业文化,团队氛围和技术氛围,我至今都非常怀念,只因我现在的工作的确不大顺心。和朋友聊天的时候,他说正是因为有了之前在淘宝的经历,才导致对目前的环境有诸多不满,的确是这样,先入为主的观念到底是害死人,还是促使我不断朝着这个方向努力,我想当然是后者。

    在新浪,三个月没参加过一次集体会议,而去淘宝的第一天上午,定球带我和北邮大三的一个小姑娘认完部门人之后,就带我们去参加了一个产品讨论会,当时就接触了前端组件化的概念,尽管自己基本没发言,但一想起以后每天都会接触这些自己极其感兴趣的事物,就有点兴奋。在新浪,也没有针对应届生应该有的技术方面的培训(应该我们部门是特例),而在淘宝,内网上有针对入职新人非常丰富的学习资源并且有专门的师兄有针对性地指导,还有每周不下两次的各种分享会,再加上一周一次的前端周会和两周一次的部门工作汇报会议,还有日报和周报等各种督促自己成长的手段,感觉无时无刻不在成长。总之,互联网产品能涉及到的各个环节的资源应有尽有。在新浪,不仅仅这些方面资源匮乏,还有某些人根本没有对新人应该加以引导的胸怀,取而代之的是贬低和嘲讽,我就只能自己加班加点多看书学习,以至于几个月以来,每次晚上下班的时候,回头一看早就空空如也。顿时心生悲凉,我这种自学成材的路何时是尽头。

    去淘宝的第一天上午参加的产品讨论会所做的笔记

    去淘宝的第一天上午参加的产品讨论会所做的笔记

    本来应该想写上周末回武汉时发生的一件大事,不知不觉就写到了工作,为什么会这样,聪明人都懂得。要说的这件大事就是,我用了刚好半年的HD2又丢了,真TM想切腹以谢我之大意。在HD2之前,也就是今年四月中旬的样子,当时和CB和小丁去圆明园瞎逛上厕所就将我的i7500掉进了马桶,在i7500之前的半年,去年十一回家的时候丢了一台诺机6300。一年多点时间,丢了加起来一共价值五六千块钱的手机。现在我罚自己戒烟,罚自己用两个月小灵通,罚自己苦练技术做兼职然后弥补经济上的损失。这样说来,这次丢手机也许对我并不见得就是坏事,我TMD又无耻地自我安慰了。

    最后,用羽泉《惩罚》中的几句歌词来结束这篇文章:

    这次是我让你伤了心
    才会被惩罚断了情
    让你找到一个确凿的理由
    宣判我俩的死刑

    作者:Fenix | 分类目录:生活随感 | 标签: