蘑菇街王兴楠:面向下一代的移动开发体系

近日,51CTO记者在APMCon2016的大会现场对来自蘑菇街的无线跨平台技术团队负责人王兴楠进行了专访。王兴楠给记者介绍了面向下一代移动开发方式动态的跨平台框架及他对于影响H5发展因素的看法。

王兴楠,蘑菇街无线跨平台技术团队负责人,上海交通大学硕士。曾任职于上海Intel,从事多年浏览器内核与web引擎研发工作;混迹于开源社区,Chromium开源项目Committer,WebKit开源项目Committer,Crosswalk早期项目核心研发者,现为美丽联合集团技术专家,负责混合开发体系的建设,目前专注于基于动态跨平台技术的下一代移动开发体系。

下一代移动开发体系

王兴楠告诉记者,蘑菇街现在内部采用的框架叫XCore,是一套面向下一代移动开发方式动态的跨平台的框架。整个框架是自研的,主要是聚焦在蘑菇街这样一个社会化电商的业务特点上,很多设计和所支持的功能都是从业务场景抽象出来,同时现在正从相对单一的场景出发,并逐步向通用解决方案过度。XCore设计上更加灵活,可以支持不同的前端框架,支持同步的API调用;结构也十分精简,更加靠近标准的浏览器方式。关于下一代移动开发体系,他是这样介绍的。

下一代移动开发体系的概念是从react native而来的,这在业界一直是一个趋势,因为这是H5的发展的一种延续。在PC时代,H5最开始也是从native开发转到WEB开发,再到最后浏览器的普及,除去一些特殊场景,整个WEB开发基本上统治了PC端开发的方式,移动端整体上来说是按这个趋势走的。但是由于移动端浏览器发展不好,一直没能像PC端浏览器那样成为统一的入口,所以移动端H5发展较慢,其实主因是各种超级app占据更多的入口;同时在移动端,H5本身体验的提升还是很慢的,H5现在是处于发展并不顺利的状态。但是react native的出现,在一定程度上缓解了这样的问题,是把WEB开发方式和native的性能做一个结合,以后从移动端开发角度这样的方式会越来越多的被采用,但是不同App采用的路线可能是不一样的。

关于H5,王兴楠认为, H5的整个趋势还是向前发展的,原来H5发展慢,主要是由于性能不好,渲染能力和标准本身的发展比较慢,但现在这个趋势也在慢慢变好。一方面,移动端WebView对Web的支持会越来越好,有另外一种趋势会更明显,就是在操作系统层面会越来越web化,比如说像ChromeOS、阿里的云OS等,系统原生支持H5,可以用WEB的方式开发应用。所以说,移动端H5还将回归,这是一个趋势。

影响H5页面浏览效果的首先是网络,尤其在国内的网络情况更复杂一点,网络延时更高。其次是本身底层的渲染能力,或者叫浏览器内核,它本身渲染能力和native的差距。而要保证H5页面浏览速度的话,就必然需要从这两方面做相应的优化。

一、优化网速,其实有很多优化方式,比如把整个页面做离线化的处理,H5慢的时候会有很明显的白屏,我们会把手中的资源做一个离线化处理,实际说再打开的时候,这个资源已经本地化了,通过网络来处理。剩下二次加载再继续走网络,这样对页面的体验和提升是很大的。

二、优化渲染能力,有两个思路,一个是说通过独立打包更新的性能更好的浏览器引擎进App中,来解决系统原生WebView渲染能力不足的问题;另一个就是采用动态跨平台的方案,用原生系统渲染代替。

最后,王兴楠说,从移动端开发趋势上来讲,最开始是纯native开发往混合开发演进,现在从混合开发往下一个阶段—更深度的混合开发演进,进而真正达到原生的体验。而对于H5,大家都是非常急切的需求,但实际上,要真正把WEB用好,带到原生的体验,是需要底层框架或者底层OS慢慢支持起来的。

本文作者:谭盼雨

来源:51CTO

时间: 2024-09-20 07:59:43

蘑菇街王兴楠:面向下一代的移动开发体系的相关文章

中兴通讯积极面向下一代推广OPNFV项目

2017年6月14日,在OPNFV北京峰会中,中兴通讯高级软件开发工程师冯晓伟与Linux Foundation运营经理Ray Paik一起介绍了OPNFV社区实习生项目的推进情况. 自2016年第一季度开始,OPNFV社区就开始陆续开展实习生项目,并将其作为后续发展的重要项目之一.目前已经从全世界招收了数位成绩优秀,潜力超群的实习生在多个领域展开工作,这些领域涉及到跨社区CI开发.文档管理工具开发维护.基础设施建设维护.测试等方方面面,为OPNFV项目的推进起到了积极的作用. 中兴通讯作为OP

Cooper:面向UI的敏捷开发(一)

导读:一图胜千言,从事UI的工作者对于这句话的含义应该尤其明白.本系列博客将连载几期的Cooper幻灯片,关于"面向UI的敏捷开发"方面的内容.Cooper何许人也?还未了解他的朋友请先google一下,即可证明本人发帖的动机还是很明显的:),即借一借Cooper的真知灼见,小译一番,张贴出来.小弟翻译不好的地方,还请看官见谅. 幻灯片开始: The Wisdom of Experience 体验的智慧 我在兄弟们眼中的角色,好比一个界面设计师 Most of you know me

张成文——ECMAScript 6 开发体系实践

2016年04月23日14:00時,在武汉市东湖高新技术开发区民院路38号纽宾凯鲁广国际酒店(光谷步行街地铁C出口省测绘局斜对面),舉行的规模在800人左右的2016源创会武汉站.由张成文(腾讯SNG web)分享的ECMAScript 6 开发体系实践主題. ECMAScript 6正式发布后,越来越多地在项目中被实践.但是由于目前的局限性,ECMAScript 6在整个js的开发背景下直接使用依然会有很多问题.这里我将给大家讲述ECMAScript 6的开发生态实践所涉及和需要注意的内容,以

动态 | 绿盟科技发布下一代网络安全预警决策体系

绿盟科技发布下一代网络安全预警决策体系 本文讲的是动态 | 绿盟科技发布下一代网络安全预警决策体系,绿盟科技整合多个服务推出下一代网络安全预警决策系统,通过多模块态势感知.攻击溯源以及BSA大数据分析系统,提供云服务与控制决策支持. 中国信息安全技能竞赛"360云"管理运维赛报名开始 第七届中国信息安全技能竞赛(ISG2015)"360云"管理运维赛开放报名.此次开放报名对象以企业安全团队为主,分为"银行组"."证券组".&q

iOS - Swift iOS 开发体系

1.iOS 开发技术体系 iOS 开发技术体系图: 层级 主要框架 Cocoa Touch UIKit 等 Media Core Graphics .OpenGl ES.Core Animation 等 Core Services Core Data.Foundation 等 Core OS Accelerate Framework.External Accessory Framework.Security Framework.System 等 从图中可以看到,要想编写成型的产品,需要的不仅仅是

iOS - OC iOS 开发体系

1.iOS 开发技术体系 iOS 开发技术体系图: 层级 主要框架 Cocoa Touch UIKit 等 Media Core Graphics .OpenGl ES.Core Animation 等 Core Services Core Data.Foundation 等 Core OS Accelerate Framework.External Accessory Framework.Security Framework.System 等 从图中可以看到,要想编写成型的产品,需要的不仅仅是

Atmel开发出面向下一代物联网、工业和汽车应用

近日,全球微控制器和触摸解决方案的领导者Atmel公司 (NASDAQ:ATML)在 ARM 2014技术大会上宣布, Atmel已开发出新系列 Atmel | SMART ARM Cortex-M7-微控制器样品,现正提供给特选客户.新系列的产品定位较好地平衡了Atmel ARM Cortex-M微控制器和Cortex-A微处理器的特性,进一步拓宽了Atmel目前微控制器/微处理器的产品组合,也扩大了设计人员挑选处理解决方案的范围. 新设备将面向高增长市场,包括物联网(IoT)和可穿戴设备,以

IBM面向小型设计和开发团队的一个渐进实现方法

了解 IBM CIO Lab Mobile Innovation 团队如何快速开发出一个内部解决方案,让用户可以跨其所有支持的平台进行简单.灵活的文件共享,从而提高用户的生产效率. IBM 的 CIO Lab Mobile Innovation 团队开发了内部解决方案来帮助 IBM 员工更加高效.安全地使用其移动设备.在 2010 年晚些时候,员工们难以跨其笔记本电脑.移动设备和平板电脑共享文件.从移动设备上对典型内容管理系统或共享文件系统的访问受限且比较麻烦.没有插件的辅助,在转移时某些文件不

微软的开发工具(VS2008,VS2010)是代码级开发工具,有没有更加面向于业务的开发工具?

问题描述 更关心实现业务的合理性 解决方案 解决方案二:顶,我也在寻找解决方案三:有,请看看我的网站<EW-Business业务基础平台>介绍,我们的ERP系统一个人分析.一个人开发,第一个客户从调研到系统验收耗时仅仅4个月.www.easywaysoft.net解决方案四:有.针对不用行业的不同业务有不同的开发套件.