作為一個阿里外包同學是如何工作钻哩,以小組形式接熱門運營活動需求為主。
流程
討論需求:在一開始設計稿還沒出來之前是有需求文案劫侧,有簡單的頁面設計以及行動點介紹萌踱,這個時候就需要自己去思考一下如何去設立行動點谋国,以及分配任務(pc槽地、mobile)
設計稿:pc和mobile是分開兩個設計稿的,windows一般是psd文件,mac可以用sketch文件(這個比較強大捌蚊,各種尺寸直接計算出來了)集畅。
pc頁面:內(nèi)容寬度一般是1200px,各種元素百分百還原設計稿逢勾,目前由于兼容性問題禁止使用flex布局牡整,
mobile頁面:給的設計稿一般是640,所以在設置單位的時候需要對設計稿上的數(shù)據(jù)進行計算處理(除以2)溺拱,mobile頁面需要滿足各種機型的適配問題逃贝,所以并不一定是百分百還原設計稿,一定要考慮響應式迫摔。
pc:顯示在pc的瀏覽器中沐扳,使用pc組件
pad:顯示在app中,使用app的相關(guān)組件
mobileapp:顯示在app中句占,使用app的相關(guān)組件
mobilesite:顯示在mobile的瀏覽器中沪摄,使用m站的相關(guān)組件
多語言文案、banner:提早引入多語言文案纱烘,有利于調(diào)整不同設備的樣式問題杨拐,提早對文案進行調(diào)整。
Mock數(shù)據(jù):數(shù)據(jù)接口需要后臺完成后才可以使用擂啥,在此之前我們可以使用mock數(shù)據(jù)模擬接口入?yún)⒊鰠硗瓿身撁娴匿秩竞逄眨赃_到模擬真實環(huán)境的效果,從而進一步完成頁面哺壶。
調(diào)試接口:綁定host屋吨、加上參數(shù)
線下環(huán)境測試:自測或者測試人員參與測試功能的完整性,頁面問題等山宾。
Review:跟需求方一起瀏覽一遍項目至扰,對產(chǎn)生的問題進行更改。
預發(fā)布资锰、發(fā)布:后臺將接口預發(fā)布敢课、發(fā)布,預發(fā)布時還需要綁環(huán)境台妆,發(fā)布之后就不需要綁定環(huán)境了
上線后即時修改bug: