2018-09-28工作日報
阿新 • • 發佈:2018-12-12
上午
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
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.js
用bind()
封裝了下,所以一般呼叫的都是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.解決。