前端项目开发流程
2019-08-08 18:07:16 7 举报AI智能生成
前端项目开发流程
作者其他创作
大纲/内容
开发前准备
了解产品和设计
提出疑问<br>
业务
提出可能存在的问题（技术实现问题、性能问题等），协商解决方案（如优雅退化）并达成共识
讨论技术可行方案
项目类型确认<br>
分离、混合
wap、web、APP、混合APP、webApp
是否需要支持本地化（国际化/多语言）
UI框架选择
PC
wap<br>
webApp、混合APP<br>
熟悉UI框架所提供的组件及其他功能（避免重复劳动）
JS框架选择
前后端分离
Vue
React
Angular
混合
JQuery
Bootstrap
根据业务模块预算人力和时间
在预估时间的时候尽量预留1-2天时间，防止突发事件和疑难问题解决
开发阶段（Vue）
过程管理
代码规范制定<br>
ES6<br>
CSS
统一开发环境<br>
语法统一（ESlint）<br>
编辑器代码格式统一（EditorConfig）
脚手架统一（cli-vue）<br>
npm模块统一
Node.js环境统一<br>
目录结构统一
基础代码搭建
公共可复用部分组件编写（头部、底部）
状态管理（vuex）
通信方式（axios）
页面开发
优先提取布局（layout）、模块（module）、元件（unit），组件（component）
模块划分（可以安排不同开发人员负责进行开发）
及时反馈问题和建议
使用前端模板代码库和插件，提高页面开发效率
代码版本管理<br>（Git）
Master分支控制正式版本发布（不可更改）
Test分支控制测试版本发布<br>
Dev分支控制日常合并及Code Review
数据对接（与后台进行联调）
团队管理
职责任务
禅道计划任务
开发时间控制<br>
代码质量监管
突发状况处理
和视觉、交互及其他工程师保持良好沟通
测试阶段
内部测试
更新、合并、解决冲突、提交
自测过程中发现他人代码问题，及时反馈
外部测试（测试部）<br>
发布上线
域名
服务器
代理
总结分享<br>
架构思想
协作心得
新技术应用
遇到的问题和解决方案
可以把总结中的技术demo提交给前端demo库，以帮助团队积累这些技术并分享给别人
交付
源代码<br>
目录说明文档
维护<br>
0 条评论
下一页
