网易摄影推出html5开发的iPad APP

标签: 业界新闻 | 发表时间:2012-02-10 10:24 | 作者:xielisha
出处:http://www.mhtml5.com

网易摄影精选是网易摄影(http://pp.163.com/)出品的第一款基于html5开发的ipad应用,聚焦于用户浏览美图时的体验,崇尚极简主义的设计,一切皆为用户看到自己喜欢的高清美图而服务。没有复杂的功能,用户不需要注册、填写任何信息就能使用。

[技术解析]

网易摄影精选采用目前比较流行的混搭模式(native+web)开发,native层选用phonegap开源框架用来提供web层对设备功能的支持,web层基于网易自主研发的前端开发框架用来实现页面布局及业务逻辑,应用对部分HTML5/CSS3技术做了实践,整个应用大小只有500K左右。

  1. 离线数据缓存

考虑到移动设备流量的宝贵性及离线的可访问性,网易摄影精选使用HTML5中本地缓存API将用户访问过的数据保存在客户端,因此用户在离线的情况下可以继续查看上一次浏览过的信息,在联网的情况下用户可以通过手动刷新的方式更新数据。

2.  触摸手势

    由于移动设备对页面上的点击事件会有一定的延迟,网易摄影精选用户操作使用了框架提供的自定义点击事件来提高操作的响应速度。

    框架对移动设备上的手势做了更好的支持,支持常规的如滑动、挤捏等手势,在网易摄影精选中也有具体应用

    3.  模拟滚动条

      由于大部分移动平台都不支持节点的overflow:scroll的样式,因此框架也为具体应用提供了模拟滚动条,这在网易摄影精选中也有多处应用,并获得接近native的效果及流畅的性能体验。

      4.  CSS3应用

        IOS平台浏览器内核对CSS3属性有着非常好的支持,网易摄影精选大量使用了圆角、阴影、渐变、动画等CSS3新特性,减少图片资源的应用,因此整个应用的大小得到极大的优化。

         

        另外,网易摄影精选应用在开发过程中也碰到很多问题,如IOS 4.x上出现动画闪烁、应用退出等问题,通过实践得出的一些开发建议如尽量减少动画播放过程中对页面上的DOM操作、尽量避免使用阴影效果的虚化度、在低版本设备上尽量避免太多动画叠加、对应用的内存管理上的实践包括如动态控制大图页的图片加载(防止用户在快速拨动的过程中、下载大量图片)、控制大图节点的分配和回收(在大图拨动的过程中,只保存当前图片的前一张和下一张)等。

        相关 [网易 摄影 推出] 推荐:

        网易摄影推出html5开发的iPad APP

        - - HTML5研究小组
        网易摄影精选是网易摄影(http://pp.163.com/)出品的第一款基于html5开发的ipad应用,聚焦于用户浏览美图时的体验,崇尚极简主义的设计,一切皆为用户看到自己喜欢的高清美图而服务. 没有复杂的功能,用户不需要注册、填写任何信息就能使用. 网易摄影精选采用目前比较流行的混搭模式(native+web)开发,native层选用phonegap开源框架用来提供web层对设备功能的支持,web层基于网易自主研发的前端开发框架用来实现页面布局及业务逻辑,应用对部分HTML5/CSS3技术做了实践,整个应用大小只有500K左右.

        网易有道推出类似Evernote产品:有道笔记

        - boho - 36氪
        网易旗下有道今天正式推出了云笔记本产品:有道笔记. 功能类似Evernote,支持桌面客户端、网页版、手机网页版和手机客户端间的笔记同步. 本次发布包括网页版、Wap版和PC桌面客户端,从网站上看还有iPhone客户端,不过点进去显示「敬请期待」. 网页版和客户端支持笔记的编辑、同步、管理和搜索,Wap版功能稍弱,可实现浏览、编辑和同步.

        有道笔记:网易推出的Evernote类笔记应用

        - 叁石 - 善用佳软
        昨天,cnbeta发表了一篇关于有道笔记的文章,引起了一些网友的关注. 我也很感兴趣,于是,为有道笔记开设专文. 相比知识管理、PKM这样的大题目,我更认同“资料管理”“笔记工具”这样更实在的称呼,极力倡导“以笔记为核心”的学习方式,坚信在信息过载、移动应用的趋势下,笔记应用将成为新兴需求,并且其产品发展方向与传统多功能桌面资料管理软件有巨大差异.

        有道笔记 —— 网易推出的笔记同步工具(图文评测)

        - 郑小东 - 同步控
        今天,网易旗下的有道搜索推出了全新服务——有道笔记 1.0 Beta 版. 这是一款类似 Evernote 的笔记同步工具,有道“力图通过云存储技术为用户打造轻松访问、安全存储的云笔记空间,解决个人资料和信息跨平台跨地点的管理问题,方便用户在不同设备间进行数据同步和共享”. (上图:有道笔记1.0官方网站页面).

        网易暗示铁定拿下《暗黑3》代理权 2013年推出

        - 远 - cnBeta.COM
        未来资产证券分析师对网易上周的投资日活动对网易游戏未来进行分析,其中对网易进行了评价,称网易将成为“中国暴雪”,在谈到网易众多将来要推出的的游戏,暗黑3是否纳入旗下是很多玩家关心的问题,援引未来资产证券分析师报告文章,网易暗示铁定拿下暗黑3代理权.

        “斩首”摄影

        - Zoe - 玩意儿
        灵感都是来源于上图1920年的旧照片,之后网友的各种拍摄就出来了,很新奇和简单,两个人寻找场景简单的配合即可,喜欢的朋友不妨可以去试试. 本文原始链接:http://www.cngadget.cn/horsemaning.html. 每个人都有特色的一面,当你的左脸变右脸.

        云的摄影

        - Gene - Design lol 全球设计精华分享
        “云因其多变的形状而成为拍摄者所醉心的被摄体. 虽然云有多种, 但都是由空气中的水蒸汽被冷却到凝点而形成的. 云是由数以亿计的水滴或冰晶构成的. 它们凝聚在空气中的尘、烟、盐份等微粒的周围, 所以如果空气十分洁净, 凝聚现象就不会发生, 天空就晴朗无云. 你拍摄云彩时, 所选择的曝光量取决于你所期望的效果.

        复古系摄影

        - zhenghe - 色界频道
          有时,一张高品质的图片所带给人的强大震撼力都是来自于它自己本身. 为你奉上来自世界各地优秀艺术家和摄影师们的一些真正美丽且令人印象深刻的影像. 无论是黑白还是彩色,这些都与高度的配色观和色彩的强调相关联. 在这里,我们所推荐的摄影师们的一些其他作品同样值得参考. Tag: 旁白 经典   分享这篇文章,或留下你的观点.

        Moaan摄影作品

        - 林十四 - PADMAG视觉杂志
        Moaan,日本摄影师,Getty Images签约摄影师,他的Flickr:http://www.flickr.com/photos/moaan/. 点击阅读全文可见他的更多作品.

        D3sign摄影作品

        - 林十四 - PADMAG视觉杂志
        D3sign,香港摄影师,擅长城市风景摄影,他的Flickr:http://www.flickr.com/photos/d3sign/. 点击阅读全文可见他的更多作品.