產品規格開發流程

開發準備

了解產品和設計

參加需求、互動、視覺會議，了解產品設計和專案成員。

了解產品面向的設備和平台。

了解產品對相容性的要求以及是否採用響應式設計等。

了解產品要使用的技術（WEB技術、桌面技術、APP技術、模板語言、混合模式等）。

提出疑問和見解

在互動或視覺會議中結合技術要求，提出疑問和見解。

提出可能存在的問題（技術實現問題、效能問題等），協商解決方案（如優雅退化）並達成共識。

提出已有新技術可能在產品中的應用場景，協助產品創新。

技術研究與訓練

是否需要技術調查，提出可能的風險。

進行技術調查，產出技術demo，展示demo，回饋調查結果。

技術研究的內容可以先諮詢經驗豐富的前端工程師或前端技術組。

經驗不足或新進職員工，可提出培訓申請。

你可以把難以解決的技術問題提交給NEC，NEC將幫助你解決問題。

了解NEC，特別是程式碼規格和技術demo。

預算人力和時間

根據專案時間要求及工作量，預算人力和時間。

預算開發週期與階段性產出。

提醒需求方在專案管理平台中建立專案並加入專案成員，建立SVN並設定成員權限。

開發過程

職責任務

確定一個頁面工程師負責人，他將負責對整個頁面開發工作做統籌規劃、分配協調等管理工作和主開發職責。

確認互動原型或視覺效果已定稿，再開始開發工作。

如果採取平行模式（視覺設計和頁面開發同時進行），則以互動原型定稿為準（當視覺效果定稿後，頁面工程師再補充細節），開始分配。

按頁面類型分配，同一類型頁面分配給同一個人。

每個人都要了解頁面公共元素（多個頁面中相同或相似部分），一個公共元素只分配到一個人，每人完成自身頁面的同時完成“提取剝離”，你可能需要了解“分類方法規範」。

由於圖片無法使用SVN合併和解決衝突，切圖需要統籌分配。

在專案管理平台中建立細分的開發任務，填寫任務詳情和時間，如果任務間存在關係，則設定好關聯或從屬關係。

頁面開發

建立前端目錄，包含「頁面開發」目錄（如:js、css、html、img）及「提取剝離」目錄（如：demo）。

使用NEC框架建立前端文件，如：css/*.css、html/*.html、demo/grid.html、demo/module.html、demo/unit.html。

使用NEC程式碼庫和插件，高效開發頁面。

和互動、視覺及其他前端工程師或後端工程師保持良好的溝通。

及時回饋問題和建議：對效果疑問的確認、對狀態缺失的補充、對優雅退化的建議、對行為結構的說明等等。

如果採取平行模式（頁面開發和JS開發同時進行），則以互動原型定稿為準，JS開發工程師可並行開發業務邏輯層，當頁面開發完成後再嵌入UI層。

提取剝離

頁面開發的同時提取佈局（grid）、模組（module）、元件（unit）至對應的HTML檔案。

避免重複勞動，對頁面元素一目了然，在增加元素時首先來此目錄查找是否已經實現或有相似實現而只需擴展。

「提取剝離」目錄中的HTML檔案和「頁面開發」目錄中的HTML檔案需保持同步維護。

開發產出

自測聯調

更新、合併、解決衝突、提交。

對自己的程式碼進行全面的多裝置測試和相容性測試。

如果自測過程中發現別人寫的程式碼有問題，及時回饋。

提交驗收

當有階段性產出後，頁面工程師將頁面提交給設計師，進行效果驗收。

效果驗收將主要檢查視覺效果符合度（尺寸、位置、顏色、切圖等）。

如有必要，可以同時提交給經驗豐富的前端工程師或前端技術小組，進行程式碼驗收。

程式碼驗收將主要檢查相容性、HTML規範和CSS規範。

交接說明

當完成驗收後，通知並交給後續的開發工程師，進行模板層開發和行為邏輯開發，頁面工程師需要交代可能需要他們注意的地方或對程式碼的解釋說明。

如果你的工作需要與別人交接，也需要交代清楚整體架構部署和程式碼解釋。

總結分享

分享內容可以包含：架構思想、協作心得、使用NEC體會、設備特性介紹、新技術應用、研究展示、遇到的問題和解決方案等。

分享對像不限於：互動、視覺、前端及所有有興趣的人。

你可以把總結中的技術demo提交給NEC，我們會發佈到程式碼庫，以幫助你累積這些技術並分享給別人。

變更維護

如果未經過需求變更和設計變更，原則上不允許直接進行開發變更。

變更前應了解變更原因，變更後應及時通知後續開發工程師。

如果靜態資源的版本號碼不是自動完成更新，你可能需要手動更新版本號。

變更和維護使用本規範中所有流程，即你可能需要重複先前部分流程。