前言
為時一個月的OX項目一期功能已經全部跑通。這是第一個由技術選擇到數據邏輯交互、頁面跳轉全部由自己帶領下完成的項目，不知道算不算老師說的，完整的經歷一個項目。雖然心里感覺小有成就。但是軟件中存在的問題不得不讓我反省。我還是太年輕！
背景
公司平臺尚處于開發階段，且第一期產品由于人員技術的參差，開發的進度緩慢且效果不理想。為了維持員工的福利，所以老板準備接外包項目。我所做的OX項目就屬于其中之一。
項目初始，甲方技術比較認同HTML5、CSS、JS的方案來編寫此App項目。同時，我自己在去年也曾接觸過Dcloud的H5 plus開發方案，遂在項目洽談過程中，甲方與我方確定了由java作為后端語言，前端采用Dcloud解決方案來實現此App的開發。
技術選型
頁內邏輯與數據維護： VueJS
頁面UI布局： Mui、rem
頁間跳轉、本地數據緩存： HTML5 Plus、HTML5 Storage
VueJS：
VueJS（讀音 /vju?/, 類似于 view）是一個構建數據驅動的 web 界面的庫。Vue.js 的目標是通過盡可能簡單的 API 實現響應的數據綁定和組合的視圖組件。
VueJS 自身不是一個全能框架——它只聚焦于視圖層。因此它非常容易學習，非常容易與其它庫或已有項目整合。另一方面，在與相關工具和支持庫一起使用時，Vue.js 也能完美地驅動復雜的單頁應用。
Vuejs 官方中文文檔
Vuejs router 官方文檔
Mui:
為開發html、css、js開發app提供的仿原生輕量級原生UI框架，標榜為追求性能體驗和輕量級的國產UI框架
官方API文檔
rem:
相對于根元素（html）的font-size大小來確定確定元素尺寸的css3新單位，
介于移動端屏幕大小、分辨率、屏幕像素密度的不同，遂引入如下兩個工具：
1、flexible.js 由淘寶手淘團隊維護，根據屏幕分辨率，屏幕像素密度來動態確定根節點字體大小，使得用rem單位布局的移動端網頁在不同屏幕上，表現出相同的布局。
2、compass 是一個款開源的，css預編譯語言框架，基于sass擴展，其與sass的關系類似于JQuery與javascript；
詳情請跳轉：
移動端適配——REM等比縮放學習總結
參考資料：
阮一峰 sass用法指南
阮一峰 compass用法指南
HTML5 Plus:
中國html5產業聯盟的產品，在其sdk環境下提供一些接口供js調用，使得js能夠有調用系統功能的能力 API文檔
HTML5 Web Storage:
在此處使用html5 localStorage，而非使用HTML5 Plus 的Storage
由HTML5提供的良好總在客戶端存儲數據的西方法：
localStorage —— 沒有時間限制的數據存儲方式;
sessionStorage —— 針對一個 會話 的數據存儲方式；
HTML5 web Storage 相對于傳統的cookies：
- 存儲容量更大
- 以JSON字符串的方式存儲，通過JSON對象可以很方便的將其存儲內容轉換成JavaScript對象，以便于在JavaScript中使用
目的
寫下這篇博客主要為記錄，此次App開發中遇到的坑，以及填坑的方法，并且以公開的形式，以期待有大神來評價我的變成思維方式，以及技術選型中的不足；此文將會為系列文章。會在閑暇時間逐步完成。
