【.com原稿】七年磨一剑，华丽蜕变。自2012年以来，已连续6年举办15场峰会，云集一大批技术专家，胸怀大任，厚积薄发。2018WOT全球软件与运维技术峰会启航，聚焦12大核心热点，汇聚60位海内外一线专家，打造高端技术盛宴！名为《Weex技术在魅族小应用中的实践》的主旨演讲。会前，记者采访了他，请他提前“剧透”，让我们“先睹为快”精彩的演讲内容！【讲师简介】张兴业主要从事应用技术支持，包括Android基础技术研究、Web相关技术在应用中的使用和优化等，现主要关注移动端动态技术的应用和优化以及AI的使用移动终端技术。张星野表示，微信小程序的发布给移动前端开发带来了新思路。长期以来，魅族一直在思考能否根据自身业务打造适合自己的小程序解决方案，对现有的动态方案进行升级。也正是基于这种思路，结合Flyme系统中很多应用具有重操作属性的特点，魅族基于Weex技术实现了自己的小程序解决方案。为什么魅族会选择使用Weex技术来开发小应用？张星野坦言，魅族一直在探索应用的动态解决方案，包括：webapp、Hybrid、json2view等。2016年之前，魅族做的更多的是Hybrid和json2view，尤其是json2view，因为系统应用对性能要求高，也有动态要求，有些view是通过json的方式通过服务端发送过来的，客户端解析json数据并渲染UI或者动画，比如魅族的ActionView（ActiveVisionSystem）就是采用了json2view的方案。2016年，魅族开发团队注意到了ReactNative和Weex。当时团队对vuejs比较熟悉，所以更倾向于使用weex。同时通过比较ReactNative和Weex的基础组件和性能，发现在基础组件上没有差距，在扩展性和性能上，也和ReactNative不相上下，所以weex被终于选上了张星野告诉记者，Weex是阿里在2016年底开源的移动动态解决方案。它可以完美平衡性能和动态，让移动开发者通过简单的前端语法编写出Native级的性能体验，支持iOS、Android、YunOS、Web等多设备部署。对于移动端开发者来说，Weex帮助他们解决了频繁发布版本和多端研发的两大痛点，同时解决了前端语言性能差、展示效果受限的问题。张星野表示，魅族小程序的开发流程与Weex相同。魅族小程序的渲染框架使用Weex。在此基础上，团队增加了很多魅族特有的接口和组件，并把自己提供的接口和组件写成详细的使用文档，供内部使用，方便交流。目前魅族的很多小应用都采用了Weex方案，比如用户反馈、国际流量、个人主页、评论中心等，已经覆盖了超过三分之二的魅族用户。如何保证小应用的性能和稳定性？一个受欢迎的程序一定离不开高性能和高稳定性。那么，如何保证小应用的性能和稳定性呢？对此，张星野认为，整个程序的高稳定性和高性能离不开前后端的支持，包括渲染层的优化。在稳定性和性能方面，魅族小程序采用了魅族移动终端的稳定性和性能标准。测试团队会对每个小程序进行稳定性、CPU、内存、流量、电量、安全等方面的专项测试。同时，开发团队采用Weex方案，以前端方式开发部署程序，最终在移动端以原生方式渲染，并对网络、渲染、缓存等方面进行了优化。我们知道，在应用性能方面，重点在于速度和流畅性，如何在最短的时间内展现在用户面前，拥有最流畅的感知。当一个程序展现在用户面前时，主要的时间花在了网络下载和UI渲染上。网络方面，魅族开发团队使用了GSLB（GlobalServerLoadBalance）和CDN支持；UI渲染方面，在原有weex的基础上，对复杂的控件进行了调整，尤其是对长列表的支持。使用Listview时，长列表内存满了。经过分析，发现cells是可以复用的，但是当数据量大的时候，DOM的量会很大，占用内存很大。dom的数据结构比json数据复杂很多，需要更多的存储空间。如果列表的数量是可控的，这个问题可以通过优化单元格来解决。但是对于列表中item个数不确定的情况，优化cell并不能解决这个问题。最终，开发团队选择通过提供单元格模板，让列表支持尽可能多的项目。专访***，张星野建议，在小程序开发的过程中，开发团队要精通小程序开发的相关语言，熟悉开发文档，有前端基础，熟悉使用VueJS，并阅读更多weex开发文档。Weex前端开发虽然也使用了Vuejs框架，但只是其中的一个子集。因此，有许多组件或属性尚不支持。如果用以前的前端经验去做，效果不会好。5月18日至19日，北京?JW万豪酒店，全球最值得关注的IT科技盛宴与您相约。2018WOT全球软件与运维技术峰会一定是您发现新思路、挖掘创新思路、拓展人脉的重要平台。我们所有的门票目前都在销售中。需要提醒大家的是，越早买票优惠越大！与KOL近距离交流，呈现不一样的“英雄盛宴”！详情点击官网：wot.51cto.com 30折预售，抢票抓紧时间。【原创稿件，合作网站转载请注明原作者和出处为.com】
