HTML5真来了-王安0816-11比4.pptVIP

时间有限，这个不讲了。 * 原来下拉刷新，是要拉一个div，这时会触发浏览器不停的渲染，很卡。 上面一个webview，下面一个webview，拉动webview向下，回弹，一切操作都不会触发浏览器里面的dom变化，弹动非常流畅。 讲的有点快，不一定能听懂，请去门外我们的展台体验真机效果。 * 下一个问题是工具。 我们都知道，xcode、eclipse、vs，分别是ios、Android、wp的原生语言ide。 我问大家一个问题，为什么这些原生语言不用文本编辑器编程，而我们HTML工程师就在用文本编辑器？为什么？ 因为HTML最开始其实不是一个编程语言，确实用不着什么ide。 但是发展到现在，7w多个语法，js越来越庞大，真开发一个达到原生水准的App，不是用以前习惯的文本编辑器能搞定的。 你可能有一把很喜欢的瑞士军刀，小巧精致，但真打仗，还得使用机关枪。 他们在很多方面都有非常大的区别。 * 来看这个工具，HBuilder。 之前大家看过展出的一段视频，演示HBuilder飞一般的编码。 已经有几万开发者使用过HBuilder了。 HBuilder确实是最快的HTML开发工具。 而且如今它有了mac版本，可以在外面的展台体验，有一排27寸的imac。 HBuilder和普通文本编辑器最大的不同时他有HTML5的ast语法树，它真认识js、css。 * 来看一下他的代码提示助手，语法齐全，还能在右边提示每个语法的浏览器兼容数据。 这个数据库是当前最大的浏览器兼容性数据库，有三百多万条数据。 * 再看这些语法提示，你在别的工具里很难看到。 * * 不是托拉拽，我不喜欢自动生成一堆代码，放在哪个div下我都不知道。 不是data-，这种方式性能太差，低端Android机跑不动。 我们的方式，性能高，开发又爽。 * 关于定价，我也不卖关子。上述这些产品，全部都是免费的。 掌声不够热烈啊。 免费还不行，你要怎样呢？ * DCloud的成立原因，不是为了赚开发者的钱，我们很希望能够推动HTML5发展。 我们的投资人也非常支持我们的理想。 开源也是我们为这个产业做的另一个重要贡献。 目前我们已经有不少开源产品了，未来我们会把更多产品开源。大家要知道开源也不是把现在的source code直接丢到github上那么简单，我们做好准备后会完成更多的开源。 * 今天讲的HTML5，真的来了。不是指有了DCloud，所以HTML5真的来了。 我们虽然解决不少问题，但一个产业的爆发是要很多人一起努力的。 今天有很多HTML5产业的专家，他们都带来了不少解决HTML5问题的方案，在一些垂直领域，比如游戏，很多产品优化的也接近原生效果了。 另外就是硬件的发展，如今Android手机的配置越来越高，今年新出的千元机的性能已经可以流畅运行HTML5，很快前几年的低端机就会下市。 所以，首先，各位，机会来了！ * HTML5，真的来了！ www.DCloud.io HTML5 原生 性能 iOS流畅，但Android低端机很卡 流畅 工具 各类HTML4年代的高级记事本 Xcode、Eclipse ADT等专业IDE 能力 7w个语法和API 40w+API UI 符合手机体验的控件都得自己模拟 默认控件符合手机体验 碎片化 浏览器引擎多，版本多，兼容性差 Android也有碎片化 HTML5，功能没有原生强；性能体验没有原生好；开发调试比原生复杂 HTML5 3大浏览器引擎扩展 phonegap… 40w+原生API 7w vs 40w 不在一个重量级， 如何打的赢？ 二维码 | 摇一摇 | 语音输入… 40w原生API，变成JS对象 Native.js Native.js Android ： var a = plus.android.importClass(android.app.AlertDialog) iOS ： var b = plus.ios.importClass(UIAlertView) plus.nativeUI.alert(“使用NJS的原生弹出…”,null,“自定义标题”,“确定(或其他字符)) Native.js 下午1点半，工具专场1，专题演讲Native.js细节 4大问题一个对策：div换成webview webview1 webview2 1. 主页加载后，在后台创建隐藏的webview var webview2 = plus.webview.create(page2.html); 2. 列表点击后，显示隐藏的webview，并使用原生动画移动进来 webview2.show(slide-in-right,100); webview1 webview2 div滚动条卡、fix会让浏览器滚动条通顶， 就用webv