DCloud_heavensoft
DCloud_heavensoft
  • 发布:2017-06-12 23:01
  • 更新:2020-07-16 23:09
  • 阅读:49502

HBuilder8.8里程碑版本发布,App体验快到震惊!

分类:HTML5+

提起HTML5跨平台应用,大多数人的理解都是:哦,比原生差点,要求不高可以用。
DCloud可不喜欢“比原生差点”这个帽子,这次就要摘掉它!
让我们和原生版好好比比。同时用2台手机操作原生应用和基于HTML5+的流应用,看看到底哪个快?
 

视频对比1:

实验环境说明:
手机设备相同(华为荣耀8青春版,2016年上市,千元机代表)、网络环境相同、使用前均清理了内存,原生应用使用最新版。

实验视频:唯品会、大众点评流应用与原生应用对比

实验结论:
HTML5+版的流应用,新页面渲染速度和原生不相上下,在300毫秒的动画期间即可渲染,而且动画平顺。
惊艳吧?别急着惊艳,好戏还在后头:)

视频对比2:

实验环境说明:
手机设备相同(小米note1代,2015年上市,目前属于低端机代表)、网络环境相同、使用前均清理了内存,原生应用使用最新版。

实验视频:今日头条流应用与原生应用对比
 
实验结论:
HTML5+版的流应用,比原生应用加载还快!!!
这就不是惊艳了,而是惊讶吧。有种世界观被摧毁的感觉Orz。别急,让我们继续帮你建立新的世界观:)

视频对比3:

实验环境说明:
这次手机设备不同,原生应用运行在更好的手机:华为荣耀8高配版,cpu是麒麟950,价位为2千元左右。而HTML5+版的运行在低配的华为荣耀8青春版上,cpu是麒麟655,价位是1千元出头。这次原生应用能借助手机硬件优势扳回一局吗?

实验视频:
蘑菇街流应用与原生应用对比

实验结论:
纵然手机价差近千元,低端机上的HTML5+版流应用加载速度也毫不逊色原生应用。
新的世界观建立了吗?
是的,请摘掉“比原生差点”的帽子!

看视频不够?那就赶紧亲手操作体验吧。
手机浏览器访问:m3w.cn ,下载流应用管理器,点击里面的唯品会、大众点评、今日头条。。。来场震撼体验!

什么,你不知道流应用是啥?所有基于HTML5+开发的移动App,提交到DCloud的发行平台,就是流应用。

嗯,这就是HBuilder8.8,快到没朋友!

FAQ:
Q:加载这么快,是不是提前加载了很多用户可能并不会点的内容?
A:不会。图片也好、新闻内容也好,都是在用户点击后才下载的。咱不搞障眼法。
Q:原生可不可以更快?
A:可以。不管是原生还是流应用,这些应用都没有优化到极限。
Q:js比原生快不合逻辑?
A:其实没有所谓的真原生,java并不是原生,webkit是c写的,使用得当并不慢。
好了,我们并不想引起语言战争。摘掉HTML5+应用体验不如原生的帽子就可以了:)
不过只会一种语言的工程师不是好工程师,建议原生工程师也学学js。

想要你的App也这么快吗?
赶紧升级HBuilder8.8!
研究新版的Hello mui示例里:列表到详情最佳实践模板。大部分场景复制这个模板就可以加速渲染。复杂场景可研究5+新出的subnview神器。(直接打包老App并不会让加载变快)

HBuilder8.8另一个重要升级就是支持了完善的vue语法提示,
详见http://ask.dcloud.net.cn/article/12582

快来和百万HTML5开发者一起使用HBuilder吧。

好消息还有:金立手机已经预置流应用引擎,并在金立应用商店上可以发行秒开的流应用了。不用再说流应用只能在360上运行了。更多手机厂商的合作仍在进行中,敬请期待。详情参考http://mp.weixin.qq.com/s/heWcuLhakJPx5wKoqY5ncQ

HBuilder8.8更新日志:

【重要】App引擎大幅升级体验,新页面加载极速渲染。

IDE

  • 【重要】支持vue.js框架语法提示,参考http://ask.dcloud.net.cn/article/12582
  • 【重要】windows下边改边看浏览器支持手机模拟效果,支持touch事件。移动App项目默认为touch模式,web项目可以在边改边看浏览器上方菜单进行选择
  • 【重要】移动App打包时原生js混淆功能从alpha版升级到正式版,可以安全高效的保护代码和关键配置
  • 添加在编辑器上可以通过shift+鼠标滚轮调节横向滚动条的功能
  • 添加html中script的type=[text/ecmascript-6,text/ecmascript]时代码高亮
  • manifest可视化编辑器添加"Apple应用内支付"的配置项
  • 解决控制台中Ctrl+F快捷键不起作用的问题
  • 解决原生App打包有时弹出异常错误提示的问题
  • 解决原生App打包有时自动下载获取的文件名不正确的问题
  • 解决html中输入script按tab后没有生成script标签的问题
  • 解决有时还原环境后没有自动导入默认目录下所有已存在项目的问题
  • 解决向上移动行(Ctrl+向上)选中的内容首行为空时移动后可能会多复制一行的问题
  • 解决typescript文件某些情况下选中代码提示某项回车后,光标位置不正确的问题

App

  • 【重要】新增Webview窗口支持添加原生View控件(subNViews),原生控件渲染加速页面加载速度 http://www.html5plus.org/doc/zh_cn/webview.html#plus.webview.WebviewSubNViewStyles
  • 【重要】调整navigationbar为titleNView,与subNView统一理念,并补充buttons配置,方便配置右侧按钮
  • 【重要】新增Webview窗口原生标题栏控件(titleNView)支持沉浸式题图显示效果,图片滚动后原生标题栏渐变出现
  • 新增Webview窗口支持设置原生处理返回键功能(backButtonAutoControl),提升页面关闭响应速度 http://www.html5plus.org/doc/zh_cn/webview.html#plus.webview.WebviewTitleNViewStyles
  • 新增原生图片轮播控件(plus.nativeObj.ImageSlider),支持点击放大全屏浏览 http://www.html5plus.org/doc/zh_cn/nativeobj.html#plus.nativeObj.ImageSlider
  • Android平台优化应用资源保存目录(由sdcard下目录调整到应用私有目录),防止被清理软件删除引起应用页面无法打开的问题
  • Android平台修复在部分设备上从二级窗口返回可能出现白屏的问题
  • Android平台修复在特定情况下窗口动画效果不正确的问题
  • Android平台修复横竖屏切换后获取屏幕分辨率可能不正确的问题
  • Android平台修复plus.webview.startAnimation方法不设置回调参数可能引起崩溃的问题
  • Android平台修复二维码中字符串中包含换行符时扫描可能出错的问题
  • Android平台修复在特定情况下崩溃日志可能提交不成功的问题
  • Android平台修复设置屏幕亮度(plus.screen.setBrightness)可能不生效的问题
  • Android平台修复友盟统计channel参数设置无效的问题
  • iOS平台修复应用设置为全屏显示时系统状态栏可能不消失的问题
  • iOS平台修复webview作为子窗口时调用isVisible()总是返回false的问题
  • iOS平台修复Webview窗口设置softinputMode属性值为adjustResize时软键盘消失可能显示不正常的问题
  • iOS平台修复wgt更新应用资源后重启应用可能导致系统状态栏样式显示不正确的问题
  • iOS平台修复wgt/wgut更新时如果模块配置不一致可能导致失败的问题
  • iOS平台修复启动第三方应用可能不触发pause/resume事件的问题

MUI

流应用

有人问mui是否支持vue?
mui是一个ui框架,特点是使用原生html、js和css,更高效。
在某些场景下,mui可以和vue结合,在官方最新的Hello mui示例里的“列表到详情最佳实践模板”,就应用了vue。

11 关注 分享
豆比1996 h***@gdczu.com ThorUI_echo lhyh Trust DCloud_UNI_CHB wanZ 赵梦欢 Neil_HL wenju 前端攻城师

该文章目前已经被锁定, 无法添加新评论

诚展小刚

诚展小刚

啥时出正式版了?
2017-08-10 14:19
小权

小权

以前正常的项目,本地真机调试全部出现跨域问题,访问不了服务端。包括mui示例项目。
http://ask.dcloud.net.cn/question/46527
2017-08-09 09:49
Echil

Echil

哪个版本能支持一下php7?有没有计划?
2017-08-01 22:11
elex2017

elex2017

试了一下远程调试,不好用。1、不能调试样式,而且样式名称显示的都是undefined。2、html页面的js无法打断点调试
2017-08-01 10:13
DCloud_heavensoft

DCloud_heavensoft (作者)

回复 5***@qq.com :
http://ask.dcloud.net.cn/article/1318 可以试试这里的方案引导用户升级Webview。另外这类问题请单独开贴
2017-07-29 18:00
5***@qq.com

5***@qq.com

回复 5***@qq.com :
线上打包的APK也不行-_-!
2017-07-29 14:48
5***@qq.com

5***@qq.com

回复 DCloud_heavensoft :
试过了,用的小米5测试,UC浏览器可以显示摄像,自带的不行,16年出的手机都不行呀,这兼容性我说服不了项目经理啊
2017-07-29 14:48
DCloud_heavensoft

DCloud_heavensoft (作者)

回复 1***@qq.com :
可以,plus.webview.WebviewRefreshStyles对象的color属性设置
2017-07-27 15:28
1***@qq.com

1***@qq.com

想问一下
单页webview下拉刷新的小圆圈颜色能不能改?现在是浅绿色的
2017-07-27 13:36
Noah_liu

Noah_liu

并没有在Google Play里面 找到流应用的App
2017-07-27 12:50