做H5营销活动，适合使用react或者vue这样的MVVM框架吗？

公司做了很多H5营销活动，比如常见的大转盘，刮刮卡，砸金蛋等游戏形式。目前采用的开发模式比较老套。就是正常切图，基于css3的animation，transition做简单动画，javascript方面基于jQuery开发，使用javascript动画插件做动画，使用jQuery操作dom元素，改变内容，添加删除class等。由于现在的代码基本上算基于jQuery开发的（抛开使用的一些javascript帧动画插件），所以很多前端小伙伴不太愿意介入或者说一直要求开发模式进行升级。比如基于vue或者react来开发，使用webpack构建，有热更新功能等。所以特地咨询大牛们，做上述H5营销活动能使用react或者vue这样的MVVM框架吗?如果使用了，之前简单的css3动画或者javascript动画还好实现吗？

javascript

阅读 12k

18 个回答

JQuery你值得拥有～
https://animejs.com/ 动画，用这个库不错！

liny

1.4k1114

发布于
2019-01-28

太他妈合适不过了，动画效果你怎么写还是怎么写，有什么关系吗？

michael_cai

10.6k2840

发布于
2019-01-28

纯 html + Javascript + css 就是天然的热更新。
好不好实现看你使用方式，其实两者差别不是十分大。
活动页强行上工程化有点吃力不讨好。除非你把代码生成的轮子都搞定了，不然工程的搭建，编译消耗的时间相对于你写代码的时间占用有点过多了。

王阿觉

发布于
2019-01-28

直接写HTML是最快的，然后把活动需要的JavaScript抽取出来做成一个通用的库

暗黑系前端修真

563917

发布于
2019-01-29

做活动页还是jquery好一些。

AZmake

68951219

发布于
2019-01-29

1、目前，我们的方案是 web 框架用 vue，采用 SSR，方便开发。
2、大转盘，刮刮卡，砸金蛋等游戏形式全部做成 SDK ，与框架无关，可以在 vue、react 等框架里面随意使用。

accord

1.3k138

发布于
2019-01-29

一般我在做这样的技术选型前会考虑几个点：

公司大部分开发员工更擅长的是哪个框架，因为没有时间成本让他们学习
既然已经用jquery做了那么多了，就要考虑这些活动项目的开发是否会一直持续下去，我之前也做过很多活动，大部分都是做一星期用一星期就没用了，不清楚你们的情况。如果是前者可以将新的活动项目改为react或vue。
公司基础积淀，公司是否有相关技术存储，比如封装好的一些工具和库，是否能快速的兼容到新的框架当中。
综合以上的一些考虑，去估算一个时间以及人力成本，比如我用jquery继续开发一个月和我用react重新开发一个月，两者结果是否相等，或者又差了多少。

每个公司的技术底蕴都不同，员工擅长的也不同，所以我建议从这几方面去考虑，其实开发难度都相差无几，你让一个擅长react的人回答，它肯定觉得react开发更简单轻松。
当然你让我选择我可能就喜欢react了，但大多数人可能反对说vue更简单，又或者vue和jquery并用来暂时解决某些兼容问题，做个过度

ppCode

3041019

发布于
2019-01-29

根据你公司情况，觉得vue会比较合适，学习成本低易上手，熟练的话可以减少开发时间一个公司有个框架系列是比较好的

某熊猫桑

16.1k61547

发布于
2019-01-29

原则上来说，哪种顺手就用哪种。比如你React/Vue有现成写好的组件，那就上MVVM，或者有现成封好的库，那么用原生js或者Zepto，也没什么问题。但是不太建议硬性去套某个技术栈，咋说呢？可以，但没必要。。
其实玩法很多的，比如你可以上Canvas游戏引擎，用Egret的话还可以接触下TypeScript，或者Pixi.js，Phaser这种；再比如多页PPT式的营销H5，之前的团队就是自己撸了套PS脚本，然后跟设计约定好，每P分好组，最后输出时裁下边，然后脚手架直出项目模板，把设计稿打开跑一遍PS脚本，会自动切图以及把元素大小定位输出到一个json里，最后打开跑遍流程就能出活了……（不过PS脚本这个东西还是建议团队来啃），小活其实我觉得你找个顺手的动画库可能会比较重要些。。