Web前端开辟流程

开辟前预备

相识产物和设想

  • 列入需求、交互、视觉集会,相识产物设想和项目成员。
  • 相识产物面向的装备和平台。
  • 相识产物对兼容性的请求以及是不是采纳相应式设想等。

提出疑问和看法

  • 按需求连系现有手艺,提出疑问和看法。
  • 提出能够存在的题目(手艺完成,机能题目等),协商处理方案(如文雅降级、渐进加强)并杀青共鸣。
  • 提出当下已控制新手艺能够在项目中的运用场景,辅佐产物立异。不要采纳未控制的手艺立异

预算人力和时候

  • 依据项目工期请求及事情量,预算人力和时候。
  • 遴选前端成员构成前端小组,制定手艺选型。
  • 肯定功用开辟优先级,预算开辟周期和阶段性产出。
  • 提示需求方在项目治理平台(禅道)中建立项目并到场项目成员。
  • 提示需求方在项目企业沟通东西(企业微信或钉钉)中建立项目交换群并到场项目成员。
  • 提示项目担任人建立git堆栈并设置成员权限。

开辟历程

职责使命

  • 肯定前端小组长,担任对全部页面开辟事情做统筹规划、分派谐和等治理事情和主开辟职责
  • 确认交互原型或视觉结果已定稿,再最先开辟事情。
  • 假如采用并行形式(视觉设想和页面开辟同时举行),则以交互原型定稿为准(当视觉结果定稿后,页面工程师再补充细节),最先分派。
  • 按页面范例分派,一致范例页面分派给一致个人。
  • 每个人都要相识页面大众元素(多个页面中雷同或类似部份),一个大众元素只分派到一个人,每人完成本身页面的同时完成“提取剥离”。
  • 在项目治理平台中细分开辟使命,填写使命概况和时候,假如使命间存在关联,则设置好关联或从属关联。

页面开辟

  • 由小组长建立前端目次,包括“页面开辟”目次(如:js、css、html、images)及“提取剥离”目次(如:demo)。
  • 由小组长建立大众款式和引入js库版本以及东西包(如:reset.css、jquery3.2.1.js、resize.js、util.js)
  • 和交互、视觉及其他前端工程师或后端工程师坚持优越的沟通。
  • 对交互原型和视觉设想有疑问,上报小组长,由小组长一致对外(需求方和设想师)反应题目和发起。
  • 假如采用并行形式,前后端有数据交互的页面,先与后端小伙伴约定好API字段(如图片接口用imgorimg_urlorimage

提取剥离

  • 提取剥离雷同或类似构造,封装成模板或组件。
  • 提取剥离大众js要领,保存到util.js。
  • 若要修正提取剥离出的大众部份,需小组讨论可行性后,方可由小组长修正。

开辟产出

自测联调

  • 起首对本身的代码举行周全的多装备测试和兼容性测试。
  • 多人协同项目,git先拉取再提交,若有争执上报小组长处理争执。
  • 自测历程当中发明他人写的代码有题目,实时反应。

提交验收

  • 当有阶段性产出后,小组长上报主管,布置经验丰富的前端工程师举行代码验收。
  • 代码验收将重要搜检兼容性、HTML、CSS、JS范例。
  • 同时小组长将页面提交给设想师,举行结果验收。
  • 结果验收将重要搜检视觉结果符合度(尺寸、位置、色彩、切图等)。

交卸申明

  • 当完成验收后,关照并交给后端小伙伴,举行后续开辟,前端须要交卸能够须要他们注重的处所或许对代码的诠释申明。
  • 假如你的事情须要与他人交卸,也须要交卸清晰团体架构布置和代码诠释。

变动保护

  • 需求变动必需在项目交换群中提出,由小组长与需求方确认,若有必要,需求方调集项目组开会申明
  • 前端代码优化保护,必需上报主管,需小组讨论可行性后,方可由修正。

参考 Nec工程师范例

    原文作者:月影
    原文地址: https://segmentfault.com/a/1190000018520437
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞