• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
谭正谊-QQ邮箱HTML5移动应用
 

谭正谊-QQ邮箱HTML5移动应用

on

  • 2,578 views

谭正谊,Web前端开发,就职于腾讯广州研发部。曾参与QQ邮箱JS开发框架的设计与实现,现主要负责QQ邮箱触屏版开发。

谭正谊,Web前端开发,就职于腾讯广州研发部。曾参与QQ邮箱JS开发框架的设计与实现,现主要负责QQ邮箱触屏版开发。

Statistics

Views

Total Views
2,578
Views on SlideShare
2,468
Embed Views
110

Actions

Likes
5
Downloads
107
Comments
0

3 Embeds 110

http://www.cnblogs.com 69
http://gzterrytan.cnblogs.com 32
http://fangge-sun.blog.163.com 9

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    谭正谊-QQ邮箱HTML5移动应用 谭正谊-QQ邮箱HTML5移动应用 Presentation Transcript

    • QQ邮箱HTML5移动应用
      腾讯广州研发部terrytan(谭正谊)
    • HTML5的角色
    • 以往的Flash
      以插件形式扩展RIA能力
      通信控件
      多媒体
    • 现代HTML5
      浏览器通过标准,提供系统能力
      控件方式
      原生方式
    • HTML5给Web开发注入新动力
      如何应用?
    • 领域
    • 桌面端
      浏览器市场份额
      全球
      国内
      数据来源:http://www.cnbeta.com/articles/147034.htm
    • 桌面端
      传统Web的领地
      国外
      有较好的HTML5应用条件
      国内
      HTML5暂只能服务10%用户,更适合于优化
    • 移动端
      2012以后…
    • 移动端
      iPhone势头很猛
      Android也在发力
      魅族,阿里云,小米在跟进,还有更多…
    • 领域
      相对桌面端,移动端有更多HTML5发挥空间
    • 手机应用
    • 手机应用
      系统较集中(iOS/Android/WP7?)
      系统与应用升级方便(授权+App Store)
      内置支持HTML5的浏览器
    • 传统App
      产品
      特定的习惯与体验
      长期使用,主动关注/消息推送
      运营
      需要安装、更新
      功能稳定、粘度高
    • WebApp
      产品
      Web产品的手机延伸
      目的性强,从App跳转/内嵌
      运营
      即用即有
      跨平台,适合快速迭代
    • 混搭App
      产品
      WebApp延伸
      需要摄像头、文件访问、联系人等扩展
      补足Web交互体验
      运营
      跨平台,与WebApp复用
    • 挑战
    • 挑战-网络限制
      对于GPRS用户,有网速限制
      对于3G用户,有流量限制
      所以节省流量依然是主题
    • 挑战-网络限制
      减少请求数
      合并JS、CSS
      图片Base64压缩
      http://www.greywyvern.com/code/php/binary2base64
    • 挑战-网络限制
      减少流量
      Canvas+CSS3替代GIF
      Cache
      Application Cache Manifest
      本地存储
      http://diveintohtml5.org/offline.html
    • 挑战-Web性能
      Web应用交互体验比不上客户端应用
      所以Web应用需要更多优化
    • 挑战-Web性能
      响应加速
      touch替代click事件,取消延迟
      动画加速
      translate3d 硬件加速
      慎用CSS3效果
      过量渐变,阴影可导致页面迟缓
      http://cubiq.org/remove-onclick-delay-on-webkit-for-iphone
      http://www.mobigeni.com/2010/09/22/how-to-use-hardware-accelerated-css3-3d-transitions-on-ipad-and-iphone/
    • 挑战-Web性能
      原生体验
      原生菜单
      原生动画
      原生页面固定
      混搭方式解决
    • 展望
    • 展望
      技术
      HTML5较完整,2012候选,2022推荐
      无论桌面端还是移动端,各大厂商积极支持
      HTML5成为各大平台竞争的争夺点
      产品
      WebApp日渐广泛而重要
      出现优秀的兼容方案(jQuery,PhoneGap)
      职业
      扩充前端开发手段,逼近客户端开发
      提供更合理手段解决更多Web问题
    • Q&A
    • 谢谢