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