1. 程式人生 > >2018-09-28工作日報

2018-09-28工作日報

上午

1.學習實現“我的會員”新的效果圖對應的靜態介面。

2.看到效果圖裡有一個漸變的background樣式,就去找到了專案中的“我的積分”頁面,發現也有差不多的實現方式。使用了linear-gradient(),語法示例如下:

`background: linear-gradient(direction, color-stop1, color-stop2, ...);
 background: linear-gradient(to right, red , blue); /* 標準語法 */`	

3.負責這個專案的同事離職了,現在專案交接到我手上了。詢問同事,總結了公用js的大概作用:

  • index.controller.js
    是一啟動專案就會載入的js,裡面用window全域性定義了很多方法和變數,比如與客戶端進行互動的各種方法,還比如changeHref中的埋點。
  • api.js裡封裝了專案用到的各種介面方法,依賴於http.js(封裝了一個promise物件用於實現ajax請求)
  • app.js則是入口檔案,包括了f7的初始化方法。
  • common.js很少用到,語焉不詳
  • router.js定義了頁面跳轉載入都會用到的load()方法,bootApp()方法則是定義了通過路由載入第一個介面會呼叫的方法,預設的第一個頁面是home.html
  • template.js裡則是定義了Template7相關的方法,包括註冊helper
    ,以及封裝繫結到模板上的render()renderToTarget()方法
  • Utils.js裡則是封裝了常用的工具類方法,據我觀察,好多js都會引用Utils.js,包括bindEvents()是按格式繫結事件的方法,這裡template.jsbind()封裝了下,所以一般呼叫的都是template.bind(),注意一下,比較亂。還有unbindEvents()就是解綁指定事件的方法。
  • Validator.js裡封裝了判斷數字、手機號、密碼等是否合法的方法,呼叫的還是挺方便的,但是不知道為什麼搜不到Validator關鍵字。
  • index.ejs編譯得到index.html,其中定義了theme
    getUrlParam以及App_accountId等公用的全域性變數

下午

4.群裡出了“彩虹俱樂部”的設計圖了,所以我也開始進行頁面的書寫了。設計圖中有弧形邊框的效果,考慮需要使用 【CSS】CSS畫矩形、圓、半圓、弧形、半圓、小三角、疑問框

5.後來發現不對,通過上述屬性是通過改變圓角來改變圖形,但是介面所需的效果並不是這樣。詢問同事後得知,可以直接叫UI切一個弧形的圖,作為div的背景圖即可,方便快捷。

6上海的開發同事反饋comment-list的js裡,呼叫2310介面時沒有傳fundNumber,解決了問題之後,我上傳到了git的1.8.1的包裡。這個專案的開發都在上海,以後溝通還是挺重要的。

7.測試反饋了在大神個人中心的評論列表,如果沒有評論,顯示應該是“他沒有留下痕跡”,但是頁面裡卻沒有顯示。我本地測試確實有這個問題。經過排查,發現是js裡的程式碼和template7的語法重合了,導致無論如何都會Hide.解決。