开发前的准备了解需求参与需求、交互、可视化会议,了解产品设计和项目成员。了解您的产品面向的设备和平台。了解产品对兼容性的要求,是否采用响应式设计等,分析需求,根据需求结合现有技术,提出问题和见解。提出可能的问题(技术实现、性能问题等),协商解决方案(如优雅降级、渐进增强)并达成共识。提出当前掌握的新技术在项目中可能的应用场景,辅助产品创新。不要采用你没有掌握的技术创新。预算人力和时间根据项目工期要求和工作量,预算人力和时间。挑选前端成员组成前端团队,拟定技术选型。确定功能开发的优先级、预算开发周期和阶段性产出。提醒需求方在项目管理平台(禅道)创建项目,添加项目成员。提醒需求方在项目企业通讯工具(微信或钉钉)中创建项目交流群,加入项目成员。提醒项目负责人创建git仓库并设置成员权限。开发过程中的职责和任务确定前端组长,负责统筹、分配和协调整个页面开发工作,主要开发责任确认交互原型或视觉效果已经定型,然后开始开发工作。若采用并行模式(视觉设计与页面开发同时进行),以交互原型定稿为准(视觉效果定稿后,页面工程师补充细节)并开始分发。按页面类型分配,相同类型的页面分配给同一个人。每个人都需要了解页面的公共元素(多个页面中相同或相似的部分)。一个共同的元素只分配给一个人,每个人在完成自己页面的同时完成“提取剥离”。在项目管理平台中细分开发任务,填写任务详情和时间,如果任务之间有关系,设置关系或从属关系。对于页面开发,组长创建前端目录,包括“页面开发”目录(如:js、css、html、images)和“抽取剥离”目录(如:demo)。组长创建公共样式并引入js库版本和工具包(如:reset.css、jquery3.2.1.js、resize.js、util.js)和交互、视觉等前端工程师或后端工程师.交流。如果对交互原型和视觉设计有任何疑问,向组长反映,组长将问题和建议反馈给外界(需求方和设计师)。如果采用并行模式,前后端都有数据交互的页面,API字段(比如图片接口的imgorimg_urlorimage)和后端小伙伴约定好提取、抽取、抽取、剥离相同或相似的结构,并将它们打包成模板或组件。提取和剥离公共js方法,保存到util.js。如果要修改提取出来的public部分,需要和群里讨论可行性,群主才能修改。开发输出自测联调先对照设计稿检查视觉效果,再对自己的代码进行全面的多设备测试和兼容性测试。对于多人协作的项目,git先拉取再提交。如果有任何冲突,请报告给组长以解决冲突。在自测过程中,如果发现别人写的代码有问题,及时反馈。提交验收当有阶段性输出时,teamleader向supervisor汇报,并安排有经验的前端工程师进行代码验收。代码验收主要检查兼容性、HTML、CSS、JS规范。同时组长将页面提交给设计师进行效果验收。效果验收主要检查视觉效果的一致性(尺寸、位置、颜色、裁剪等)。交接须知验收完成后,通知并交由后端小伙伴进行后续开发。前端需要说明可能需要自己注意的地方或者说明代码。如果你的工作需要交给别人,你也需要把整体架构部署和代码解释清楚。总结分享内容:遇到的问题及解决方案、新技术应用、协作经验分享对象:项目组成员及感兴趣者分享方式:月度分享会变更及维护需求变更须在项目沟通群中提出,由组长确认与需求方如有必要,需求方召开项目组会议说明如果静态资源版本号没有自动更新,可能需要手动更新版本号(demo.css?v=1.0.1)前端代码优化如需维护,须向主管汇报,小组讨论可行性后方可修改。请参阅Nec工程师规范
