微信公眾號前端用哪些框架或者模塊來構建?


轉載:https://segmentfault.com/q/1010000004266042/a-1020000004268602

之前做過一些angular的項目,angular里的東西很全,前端模板,路由,雙向綁定,模塊化都是自帶的。現在需要開發一個微信公眾號,發現完全不一樣了。

首先微信公眾號是實際上是一個移動端的web頁面,這就要求你用的框架不能太重,像angular肯定就不合適了,太大了,光幾個必須的JS就有200多K,考慮到廣大人民群眾寶貴的流量,個人覺得不合適使用。微信公眾號開發還需要考慮微信上的js,css兼容性,這樣一來許多前端庫就不一定能用了。

個人有一些想法:

  1. VUE.js
    這個和angular類似,不過我擔心它在微信上的兼容性問題,不知道有沒有先驅者已經用過?

  2. zepto + require + backbone
    zepto代替jquery操作DOM,require用來分隔模塊和加載,backbone則構造一個MVC。

另外微信端或者說移動端有什么輕量點的前台模板么?移動端適配我只用過淘寶的flexible.js,有其他更好用的么?

先謝謝各位大神了。

=================
最終我們用了vue.js,自適應方案用了淘寶的flexible.js。
全部的方案是: vue + vue-router + flexible + iscroll + fastclick.
給后來者參考。

查看全部 5 個回答

0

最近剛做了一個微信圖片投稿的小應用。前端功能很簡單,填寫表格,上傳圖片。圖片部分用了微信的 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 接口。

事實上微信頁面並不會太復雜,或者說太復雜的頁面並不適合微信,復雜度應該在產品設計階段就解決掉,如果前端需要上重武器才能完成需求,不如回過頭好好想想產品設計的問題~


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM