一、前言
1、新鮮的玩法，短期可以吸引大量使用者；
2、讓使用者足不出戶就可以抓娃娃，滿足一些喜歡抓娃娃人群的訴求；
3、使用者留存率低，一般使用者就是在獲取免費金幣進來玩一把，然後就不會再來了，所以還得通過各種手段吸引使用者來，提高付費率；
4、需軟硬體結合，打通之後還需專門人員維護機器；
5、需要倉儲、物流等各方面，沒有這方面經驗的team可能會踩很多坑；
結合這個專案，說一說我在前端部分的工作，以及後面遇到的坑，以及填坑之路，後續專案有什麼心得的也會慢慢新增進來；
二、前端負責的工作
技術棧：es6 + vue + webpack
說明：三、採坑之路
1、**快速迭代引發發布衝突問題；
開始採用的是非覆蓋式的版本管理方式，然後後面發布**就特別頭疼，要修改某個功能模組，導致公共的manifest檔案變動，發布到線上就會影響到其他頁面；可能開始技術選型沒有做好，後面只能中途改用非覆蓋式的版本管理方式；
對於專案構建這一塊，我們前端組也在一直摸索，舊專案我們採用的php模板 + gulp +jq，我們版本管理是使用費覆蓋的形式，就是每次靜態檔案更新，就在用gulp在編譯的時候自動新增版本號就ok了；
後面新專案在構建時候就採用了webpack + vue + ejs,當然後台還是php提供介面支援，期初我們還是把舊專案的版本管理方式移植過來，後面就慢慢曝露這種實現方式的問題；進而修改為非覆蓋式的方式；
開始我們採用的是開發環境編譯，最後把所有**都提交到伺服器，這樣也是可以的，但是提交太多。最後改成服務端編譯，但是這個又暴露出乙個問題，為了要保持本地環境和服務環境一樣，我們要同時維護兩個環境保持一致。
現在打算用整合開發模式，單獨一台編譯伺服器，用gitlab及時觸發並同步起來。目前正在進行中。。。
2、打包問題
由於路由頁面比較多，引用模組檔案可能比較大，盡可能講js**打包成小塊，使用require.ensure按需載入等；
3、首屏白屏問題
新增各種零星優化方案之後，loading、減小**體積、合併介面、cdn加速快取。。。首屏還是會有可能白屏情況；
找了幾種實現方案，但是還是沒有新增進去
（1）做個資源預載入，將你的專案分好模組，分批次進行預載入。
（2）使用骨架屏，刷微博時候，如果網頁出來比較慢，顯示可以看到乙個骨架圖佔位；《為vue專案新增骨架屏》
（3）vue-ssr，做成服務端渲染，具體還看實際情況吧。
混合式app開發框架
phonegap phonegap的官網位址是 phonegap apicloud apicloud是一款 雲端一體 的移動開發平台，信仰 雲端一體 的理念，重新定義了移動應用開發。apicloud為開發者從 雲 和 端 兩個方向提供api，簡化移動應用開發技術，讓移動應用的開發周期從乙個月縮短到7...
cordova vue混合式開發App
1.建立cordova專案並新增android平台 建立專案指令 cordova create hello com.example.hello helloworld 第乙個hello是cordova自動生成的專案資料夾名稱 第二個com.example.hello我一般填寫公司的名稱，比如 com....
iOS使用ionic實現混合式開發
mac上使用輕量級的ionic進行混合式開發ios應用 看文件是怎樣操作的自己動手豐衣足食。如果還是不會使用繼續往下閱讀。2 安裝好以後輸入 node v 如果出現 node.js的版本說明安裝成功。3 安裝 cordova和ionic 安裝命令 sudo 首先應該安裝好 node.js 略 然後安...