作為一個阿里外包同學是如何工作,以小組形式接熱門運營活動需求為主。
流程
flow.png
討論需求:在一開始設計稿還沒出來之前是有需求文案,有簡單的頁面設計以及行動點介紹,這個時候就需要自己去思考一下如何去設立行動點,以及分配任務(pc、mobile)
設計稿:pc和mobile是分開兩個設計稿的,windows一般是psd文件,mac可以用sketch文件(這個比較強大,各種尺寸直接計算出來了)。
pc頁面:內容寬度一般是1200px,各種元素百分百還原設計稿,目前由于兼容性問題禁止使用flex布局,
mobile頁面:給的設計稿一般是640,所以在設置單位的時候需要對設計稿上的數據進行計算處理(除以2),mobile頁面需要滿足各種機型的適配問題,所以并不一定是百分百還原設計稿,一定要考慮響應式。
pc:顯示在pc的瀏覽器中,使用pc組件
pad:顯示在app中,使用app的相關組件
mobileapp:顯示在app中,使用app的相關組件
mobilesite:顯示在mobile的瀏覽器中,使用m站的相關組件
多語言文案、banner:提早引入多語言文案,有利于調整不同設備的樣式問題,提早對文案進行調整。
Mock數據:數據接口需要后臺完成后才可以使用,在此之前我們可以使用mock數據模擬接口入參出參來完成頁面的渲染,以達到模擬真實環境的效果,從而進一步完成頁面。
調試接口:綁定host、加上參數
線下環境測試:自測或者測試人員參與測試功能的完整性,頁面問題等。
Review:跟需求方一起瀏覽一遍項目,對產生的問題進行更改。
預發布、發布:后臺將接口預發布、發布,預發布時還需要綁環境,發布之后就不需要綁定環境了
上線后即時修改bug: