开辟前预备
相识产物和设想
- 列入需求、交互、视觉集会,相识产物设想和项目成员。
- 相识产物面向的装备和平台。
- 相识产物对兼容性的请求以及是不是采纳相应式设想等。
提出疑问和看法
- 按需求连系现有手艺,提出疑问和看法。
- 提出能够存在的题目(手艺完成,机能题目等),协商处理方案(如文雅降级、渐进加强)并杀青共鸣。
- 提出当下已控制新手艺能够在项目中的运用场景,辅佐产物立异。
不要采纳未控制的手艺立异
。
预算人力和时候
- 依据项目工期请求及事情量,预算人力和时候。
- 遴选前端成员构成前端小组,制定手艺选型。
- 肯定功用开辟优先级,预算开辟周期和阶段性产出。
- 提示需求方在项目治理平台(禅道)中建立项目并到场项目成员。
- 提示需求方在项目企业沟通东西(企业微信或钉钉)中建立项目交换群并到场项目成员。
- 提示项目担任人建立git堆栈并设置成员权限。
开辟历程
职责使命
- 肯定前端小组长,担任对全部页面开辟事情做统筹规划、分派谐和等治理事情和主开辟职责
- 确认交互原型或视觉结果已定稿,再最先开辟事情。
- 假如采用并行形式(视觉设想和页面开辟同时举行),则以交互原型定稿为准(当视觉结果定稿后,页面工程师再补充细节),最先分派。
- 按页面范例分派,一致范例页面分派给一致个人。
- 每个人都要相识页面大众元素(多个页面中雷同或类似部份),一个大众元素只分派到一个人,每人完成本身页面的同时完成“提取剥离”。
- 在项目治理平台中细分开辟使命,填写使命概况和时候,假如使命间存在关联,则设置好关联或从属关联。
页面开辟
- 由小组长建立前端目次,包括“页面开辟”目次(如:js、css、html、images)及“提取剥离”目次(如:demo)。
- 由小组长建立大众款式和引入js库版本以及东西包(如:reset.css、jquery3.2.1.js、resize.js、util.js)
- 和交互、视觉及其他前端工程师或后端工程师坚持优越的沟通。
- 对交互原型和视觉设想有疑问,上报小组长,由小组长一致对外(需求方和设想师)反应题目和发起。
- 假如采用并行形式,前后端有数据交互的页面,先与后端小伙伴约定好API字段(如图片接口用
img
orimg_url
orimage
)
提取剥离
- 提取剥离雷同或类似构造,封装成模板或组件。
- 提取剥离大众js要领,保存到util.js。
- 若要修正提取剥离出的大众部份,需小组讨论可行性后,方可由小组长修正。
开辟产出
自测联调
- 起首对本身的代码举行周全的多装备测试和兼容性测试。
- 多人协同项目,git先拉取再提交,若有争执上报小组长处理争执。
- 自测历程当中发明他人写的代码有题目,实时反应。
提交验收
- 当有阶段性产出后,小组长上报主管,布置经验丰富的前端工程师举行代码验收。
- 代码验收将重要搜检兼容性、HTML、CSS、JS范例。
- 同时小组长将页面提交给设想师,举行结果验收。
- 结果验收将重要搜检视觉结果符合度(尺寸、位置、色彩、切图等)。
交卸申明
- 当完成验收后,关照并交给后端小伙伴,举行后续开辟,前端须要交卸能够须要他们注重的处所或许对代码的诠释申明。
- 假如你的事情须要与他人交卸,也须要交卸清晰团体架构布置和代码诠释。
变动保护
- 需求变动必需在项目交换群中提出,由小组长与需求方确认,若有必要,需求方调集项目组开会申明
- 前端代码优化保护,必需上报主管,需小组讨论可行性后,方可由修正。
参考 Nec工程师范例