上午

1.開始“我的積分”頁面的實現，由於與原頁面只更換了頭部，考慮先把原頁面的邏輯理清楚。

2.window.changeHref()方法和window.hrefParam屬性是在index.ejs裡定義的，是處理與客戶端互動時使用的。

3."我的積分"頁面將原先頁面複用過來，並且刪除了未用到的程式碼，如下圖待修改樣式和調整結構：

下午

開始研究flex佈局在安卓上的相容性問題：

4.flex佈局相容性寫法。
此文中使用的相容性字首，正好我們專案中用到的autoprefixer會自動在css樣式中新增，據文章稱支援安卓2.3以上，待驗證正確性。

5.在前端相容性查詢網站caniuse上找到一張關於flex佈局相容性的圖，

6.考慮使用手機來進行相容性調整，電腦開啟無線熱點，手機連上，再訪問電腦的本地伺服器，即可看到專案的介面。192.168.137.1為我本機的IP地址。

7.我們專案裡gulp-autoprefixer的配置如下程式碼：

.pipe(autoprefixer({
      browsers: ['Android >= 4.0','iOS 7']		
    }))

我看了一下，已經支援display:-webkit-box的寫法了，也就是說是支援從2.3開始的安卓版本了。問題基本解決。

8.頁面中出現了圖片被擠到壓縮的情況，實質上本不應該這樣，應當是滾動條。調了很久，設定了flex:0;取消縮放後解決問題。

9.css相容問題css移動端的相容性問題 （適配問題）