微信公众号前端用哪些框架或者模块来构建？_Html5_论坛

微信公众号前端用哪些框架或者模块来构建？

un***oo 分类：Html5 人气：1025 回帖：5 发布于6年前收藏

之前做过一些angular的项目，angular里的东西很全，前端模板，路由，双向绑定，模块化都是自带的。现在需要开发一个微信公众号，发现完全不一样了。

首先微信公众号是实际上是一个移动端的web页面，这就要求你用的框架不能太重，像angular肯定就不合适了，太大了，光几个必须的JS就有200多K，考虑到广大人民群众宝贵的流量，个人觉得不合适使用。微信公众号开发还需要考虑微信上的js，css兼容性，这样一来许多前端库就不一定能用了。

个人有一些想法：

VUE.js
这个和angular类似，不过我担心它在微信上的兼容性问题，不知道有没有先驱者已经用过？
zepto + require + backbone
zepto代替jquery操作DOM，require用来分隔模块和加载，backbone则构造一个MVC。

另外微信端或者说移动端有什么轻量点的前台模板么？移动端适配我只用过淘宝的flexible.js，有其他更好用的么？

先谢谢各位大神了。

=================
最终我们用了vue.js，自适应方案用了淘宝的flexible.js。
全部的方案是： vue + vue-router + flexible + iscroll + fastclick.
给后来者参考。

Lv1 新人

Sm***ty CEO 6年前#1

有个react版的weui，题主你可以参考一下

Github:
https://github.com/weui/react-weui

Demo:
https://weui.github.io/react-weui

Lv4 码徒

逆***团 Linux系统工程师 6年前#2

最近刚做了一个微信图片投稿的小应用。前端功能很简单，填写表格，上传图片。图片部分用了微信的 JS SDK，同时兼容非微信浏览器或低版本微信（也就是调用系统input啦）。

前端我用的是 React＋Bootstrap。因为我现在就靠这一套通吃。。。（别的不会

页面文档：1.4KB
css：1.9KB，
bootstrap.min.js：120KB，
app.js：138.2KB，
微信 JS SDK：9.4KB
字体：17.9KB

一共279.4KB，用起来还 OK，实际上这个应用页面很简单，不用 Bootstrap 完全可以（我就是懒），体积一下就能减少43%。

测试过的机型包括 iPhone 5s＋，Nexus 5，小米 Note，魅族 MX5，MOTO X Style，三星 Galaxy 4，OPPO A31。iOS 微信版本6.3.9，Android 微信版本6.3.8，OPPO 的微信版本是5.3，不支持 chooseImg 接口。

事实上微信页面并不会太复杂，或者说太复杂的页面并不适合微信，复杂度应该在产品设计阶段就解决掉，如果前端需要上重武器才能完成需求，不如回过头好好想想产品设计的问题～

Lv7 码师

ph***16 JAVA开发工程师 6年前#3

zepto+seajs+arttemplate

Lv4 码徒

L***灬软件测试工程师 6年前#4

iscroll 你用的哪个版本

Lv6 码匠

pu***04 交互设计师 6年前#5

作为先驱者回答你，Vue没问题，兼容性很好。jQuery这样也OK，bootstrap及其衍生也基本OK。另外千万不要用es6的let什么的，很多手机端的浏览器都没支持。

文明上网，理性发言！ 😉 阿里云幸运券，戳我领取