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