資訊專欄INFORMATION COLUMN
摘要：頁面開發(fā)由小組長創(chuàng)建前端目錄，包含頁面開發(fā)目錄如及提取剝離目錄如。提交驗收當有階段性產出后，小組長上報主管，安排經驗豐富的前端工程師進行代碼驗收。
開發(fā)前準備 了解產品和設計
參加需求、交互、視覺會議，了解產品設計和項目成員。
了解產品面向的設備和平臺。
了解產品對兼容性的要求以及是否采用響應式設計等。
提出疑問和見解按需求結合現有技術，提出疑問和見解。
提出可能存在的問題（技術實現，性能問題等），協商解決方案（如優(yōu)雅降級、漸進增強）并達成共識。
提出當下已掌握新技術可能在項目中的應用場景，協助產品創(chuàng)新。不要采用未掌握的技術創(chuàng)新。
預算人力和時間根據項目工期要求及工作量，預算人力和時間。
挑選前端成員組成前端小組，擬定技術選型。
確定功能開發(fā)優(yōu)先級，預算開發(fā)周期和階段性產出。
提醒需求方在項目管理平臺（禪道）中創(chuàng)建項目并加入項目成員。
提醒需求方在項目企業(yè)溝通工具（企業(yè)微信或釘釘）中創(chuàng)建項目交流群并加入項目成員。
提醒項目負責人創(chuàng)建git倉庫并設置成員權限。
開發(fā)過程 職責任務確定前端小組長，負責對整個頁面開發(fā)工作做統籌規(guī)劃、分配協調等管理工作和主開發(fā)職責
確認交互原型或視覺效果已經定稿，再開始開發(fā)工作。
如果采取并行模式（視覺設計和頁面開發(fā)同時進行），則以交互原型定稿為準（當視覺效果定稿后，頁面工程師再補充細節(jié)），開始分配。
按頁面類型分配，同一類型頁面分配給同一個人。
每個人都要了解頁面公共元素（多個頁面中相同或相似部分），一個公共元素只分配到一個人，每人完成自身頁面的同時完成“提取剝離”。
在項目管理平臺中細分開發(fā)任務，填寫任務詳情和時間，如果任務間存在關系，則設置好關聯或從屬關系。
頁面開發(fā)由小組長創(chuàng)建前端目錄，包含“頁面開發(fā)”目錄（如:js、css、html、images）及“提取剝離”目錄（如：demo）。
由小組長創(chuàng)建公共樣式和引入js庫版本以及工具包（如：reset.css、jquery3.2.1.js、resize.js、util.js）
和交互、視覺及其他前端工程師或后端工程師保持良好的溝通。
對交互原型和視覺設計有疑問，上報小組長，由小組長統一對外（需求方和設計師）反饋問題和建議。
如果采取并行模式，前后端有數據交互的頁面，先與后端小伙伴約定好API字段（如圖片接口用imgorimg_urlorimage）
提取剝離提取剝離相同或相似結構，封裝成模板或組件。
提取剝離公共js方法，保存到util.js。
若要修改提取剝離出的公共部分，需小組討論可行性后，方可由小組長修改。
開發(fā)產出 自測聯調首先對自己的代碼進行全面的多設備測試和兼容性測試。
多人協同項目，git先拉取再提交，如有沖突上報小組長解決沖突。
自測過程中發(fā)現別人寫的代碼有問題，及時反饋。
提交驗收當有階段性產出后，小組長上報主管，安排經驗豐富的前端工程師進行代碼驗收。
代碼驗收將主要檢查兼容性、HTML、CSS、JS規(guī)范。
同時小組長將頁面提交給設計師，進行效果驗收。
效果驗收將主要檢查視覺效果符合度（尺寸、位置、顏色、切圖等）。
交接說明當完成驗收后，通知并交給后端小伙伴，進行后續(xù)開發(fā)，前端需要交代可能需要他們注意的地方或者對代碼的解釋說明。
如果你的工作需要與別人交接，也需要交代清楚整體架構部署和代碼解釋。
變更維護需求變更必須在項目交流群中提出，由小組長與需求方確認，如有必要，需求方召集項目組開會說明
前端代碼優(yōu)化維護，必須上報主管，需小組討論可行性后，方可由修改。
參考 Nec工程師規(guī)范
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規(guī)行為，您可以聯系管理員刪除。
轉載請注明本文地址：http://systransis.cn/yun/117532.html
摘要：這引發(fā)了對設計流程以及使用工具的新思考能否在貼近并盡量覆蓋各種真實使用環(huán)境的情況下，又易于修改答案網頁效果圖設計新思路答案是拋棄原有的在效果圖制作方法，轉而使用以及等構建真實的基礎網頁效果，最終以截圖的形式獲得效果圖展示給客戶。 傳統的PS網頁設計已經跟不上如今流式布局潮流的發(fā)展了，PS不可能把所有移動設備的尺寸都做一個版本出來。如果PS的頁面過多，期間要修改一個通用的東西，也是牽一發(fā)...
摘要：這引發(fā)了對設計流程以及使用工具的新思考能否在貼近并盡量覆蓋各種真實使用環(huán)境的情況下，又易于修改答案網頁效果圖設計新思路答案是拋棄原有的在效果圖制作方法，轉而使用以及等構建真實的基礎網頁效果，最終以截圖的形式獲得效果圖展示給客戶。 傳統的PS網頁設計已經跟不上如今流式布局潮流的發(fā)展了，PS不可能把所有移動設備的尺寸都做一個版本出來。如果PS的頁面過多，期間要修改一個通用的東西，也是牽一發(fā)...
摘要：頁面開發(fā)由小組長創(chuàng)建前端目錄，包含頁面開發(fā)目錄如及提取剝離目錄如。提交驗收當有階段性產出后，小組長上報主管，安排經驗豐富的前端工程師進行代碼驗收。 開發(fā)前準備 了解產品和設計 參加需求、交互、視覺會議，了解產品設計和項目成員。 了解產品面向的設備和平臺。 了解產品對兼容性的要求以及是否采用響應式設計等。 提出疑問和見解 按需求結合現有技術，提出疑問和見解。 提出可能存在的問題（技...
閱讀 3780·2021-08-30 09:47
閱讀 3718·2019-08-30 15:56
閱讀 684·2019-08-30 14:18
閱讀 704·2019-08-29 16:17
閱讀 2071·2019-08-29 11:07
閱讀 649·2019-08-26 13:53
閱讀 3456·2019-08-26 10:26
閱讀 2501·2019-08-23 18:30
