中国人保系列活动，包括人保有氧小程序内的燃脂运动赛、金秋里程赛、地图挑战赛、圈子建设、app内的云游古都、少儿季、美满今生、冰雪城市、人保点灯等活动和H5人保好新闻评选、H5心声长图计划、H5有奖问答活动使用技术● 主框架Vue+vant，微信小程序、还包括sa-sdk-javascript神策、animejs、animate.css、canvas、vue-arc-text、vue-socket.io、weixin-js-sdk、socket我的职责● 1、根据产品经理的需求文档确定开发需求；● 2、根据产品提供的原型和UI的设计图，进行切图和项目搭建；● 3、根据UI设计图搭建静态页面；● 4、根据需求文档通过css3的动画设置元素的动效● 5、根据客户要求和自己平时开发活动时的经验作业面动效● 6、根据要求在每个页面进行埋点；● 7、最开始使用html2canvas进行保存相册并分享，但是由于生成过程中设置问题，倒是生成的效果达不到预期，所以采用了原生canvas进行生成；● 8、兼容性处理，由于各个手机分辨率不一致，导致活动页面错乱和UI图偏差过大，最后采用动态缩放的方式实现兼容性的处理。