易企秀资深前端架构师袁飞移动H5开发如何避坑

易企秀资深前端架构师袁飞移动H5开发如何避坑

　　 2020年10月24日，正值程序员节，第二届全球移动开发技术峰会在北京隆重举行。易企秀资深前端架构师袁飞应邀出席峰会，并分享了移动H5开发技术要点和避坑指南。

　　 本次峰会，来自微软、阿里巴巴、小米、腾讯、贝壳、易企秀、MobTech袤博、API C-移动端前端开发培训oud等知名大厂开发大牛及技术小黑屋博主等，共同围绕前沿政策、未来科技、产业转型和升级发展等展开主题演讲与高峰对线年前端工作经验，常年沉浸在H5工具类的研发项目之中。他组织开发易企秀H5、长页、表单等产品，目前负责易企秀日均访问量1亿PV的项目，对项目的安全、性能方面有丰富经验。

　　 的优势造成开发难题，要避坑才能发挥优势在普通人眼中，H5是那种可以在朋友圈分享的看起来炫酷的小页面，在程序员眼中，H5是HTML5的缩写，是一个标准。袁飞认为，H5实际上是一个解决方案，一个看起来酷炫的移动端one前端开发移动动画站的解决方案, 这个方案不仅包含了HTML5的audio标签，canvas，拖拽特性，本地存储，websocket通信，同时也包括了盒模型，包括绝对定位，包括一切前端的基本知识。

　　 H5页面功能丰富，可以展示炫酷的动效，页面可以兼容各种文字、图片、移动设备前端开发、音频，素材资源多，H5页面还支持跨平台、跨操作系统的浏览，浏览终端多种多样。H5页面的这些优势使得H5页面成为市场营销、运营推广的神器，同时也带来了开发上的难题，例如适配难、加载慢、浏览卡顿等问题。如果不能很好地解决这些难题，就很难发挥H5页面的裂变效果。

　　 要实现H5炫酷裂变带来大流量的效果，就必须解决好技术开发的很多问题，提升产品体验。袁飞结合自己在易企秀的开发经验，细致入微地指出了H5开发中的各种坑，并对于加载、适配、卡顿等高频问题提出了行之有效的避坑方法指南。

　　 袁飞最后表示，H5页面效果好，前端开发移动动画如果不想自己开发H5页面，可以选择通过API对接H5制作平台，就可以拥有专属的H5生产平台前端开发移动动画能获得H5平台的创意模板和正版素材，使用平台的人工智能审核，保障作品的内容合规，同时H5传播前端开发移动动画可以对数据进行二次加工。

　　 据悉，易企秀是国内领先的基于H5技术的创意设计平台，旗下产品涵盖H5、轻设计、长页、易表单、互动、前端与移动开发专业等工具，是国内设计品类最全的在线页面制作工具在国内是龙头产品，占据过半的市场。易企秀有00万用户，平台生产了超过2亿作品，触达9亿微信用户。

　　 据了解，本次全球移动开发技术峰会前端开发移动动画、云计算、人工智能、5G等新一代信息技术，围绕开发者跨平台工具、开发运营、F-移动前端跨平台开发utter框架、Kot-前端移动端开发方案in特性、合规、H5等热点话题展开研讨，为产学研思想碰撞、融合应用提供一个前沿阵地，为移动开发者提供一个交流互动的专业平台。