HTML5为什么将颠覆原生.ppt

HTML5 3大浏览器引擎扩展 phonegap… 40w+原生API 7w vs 40w 不在一个重量级， 如何打的赢？ 二维码 | 摇一摇 | 语音输入… 四层合力，js能力与原生拉齐 HTML5 W3C、ECAMScript、webkit扩展 Active Plugin JS调用各种原生SDK和插件 Native.js JS直调40w原生API HTML5+ 常用的跨平台API封装到HTML5+规范 40w+ 原生API HTML5+规范 Accelerometer加速器 Audio 音频 Barcode 二维码 Camera 摄像头 Contacts 通讯录 Device 设备 Downloader 下载 Events 事件 Gallery 相册 Geolocation 定位 IO 文件系统 Maps 地图 Messaging 消息 NativeUI 原生ui控件 NativeObj 原生对象 Navigator 环境 Oauth 登录认证 Orientation 方向传感器 Payment 支付 Proximity 距离传感器 Push 推送 Share 分享 Speech 语音 Statistic 统计 Storage 跨域本地存储 Runtime 基座 Uploader 上传 Webview 窗体管理 XMLHttpRequest 跨域网络 Zip 文件图片压缩 体验下载 http://DCloud.io/demo HTML5+规范已被十几万个App使用 Native.js 直调40w原生API 在桌面创建快捷方式 调用airprint打印 调用gamecenter iOS Android 监听APK安装卸载 HTML5开发工具Sublime Textvim 原生开发工具 Xcode Android studio VS 代码提示 败 胜 错误校验 败 胜 转到定义 败 胜 重构 败 胜 调试 败 胜 工程管理 败 胜 做HTML5，需要懂HTML5的工具 最快的开发工具 最全的语法库和浏览器兼容库 震撼的语法提示 边改边看和Run in device 环保的视觉主题 丰富的插件 HBuilder - 最全语法库 - 最全的浏览器兼容库 - 1个代码块，少按20下键盘 - 1个数字键，少按10下键盘 你可能从未见过的代码助手 边改边看 左边写代码， 保存后右边立即看效果 Run in device PC写代码， 保存后手机立即看效果 mui – 最接近原生体验的UI框架 高性能（极小、极快） 原生样式 使用方式简单 下载体验 dcloud.io/demo 视频体验 /FastAndroid-mini.m4v 不是托拉拽 不是敲data- 敲m，拉出所有控件 再敲b2，得到一个按钮 定价$0.00 没有时间限制 没有规模限制 开 源 mui框架开源 5+ Runtime部分开源 HBuilder部分开源 框架语法库开源 涉及开发者需要自定义的部分全部开源 详情访问 G/dcloudio HTML5 原生 性能 iOS流畅 Android接近原生 流畅 工具 HBuilder – 飞一般编码 Xcode、Eclipse ADT等专业IDE 能力 Native.js – js多了几十万原生API 40w+API UI mui – 最接近原生体验的ui框架 默认控件符合手机体验 HTML5不比原生差，这不足以颠覆原生，HTML5需要比原生强！ HTML5 VS 原生之HTML5 的优势 HTML5 原生 开发 成本 低， 一个工程师写一套代码 高， 2-3个工程师各自写2套代码 测试 成本 低， 一个工程，代码行数有限，bug有限 高， 2个工程各自测试 沟通 成本 低， 项目组人少，且有共同语言。 高， 产品经理给2拨工程师讲需求，2拨经常实现的不同步，有问题难以快速协调改进方案 招聘成本 低， 入门门槛低，人才基数大 高， 人才少，又需要招聘不同平台。任何企业，每招到一个合适的人都需要数万元成本。 复用 可与PC及手机浏览器端代码复用 无法复用 HTML5，成本更低 HTML5 原生 学习难度 低， 脚本语言，描述式标签和样式 高， 编译语言，需要理解很多与业务逻辑无关的底层技术 招聘难度 低， 人才基数大 高， 人少，优秀的人更少。抢不过BAT。 开源资源 多， 太多开源库，不用重复发明轮子 相对少 HTML5，难度更低 HTML5 原生 上线 快， 先拿到用户的产品，让对手更难拿到用户。 慢， 从招聘、开发、上线各个环节的效率都慢一倍以上，而且参与的人越多，沟通效率往往拖慢不止一倍 debug 快， 可以直接debug任意界面。 慢， 只能从主入口进入，点到子页面调试。（swift刚