前端开发流程

前端开发流程

1.需求调研

项目经理与客户沟通,获取客户的需求。

2.需求分析会

项目经理召集UI、前端、后台开展需求分析。

3.出设计稿

UI设计师根据原型草图制作设计稿。

4.还原设计稿

前端根据UI设计师的设计稿还原页面。这里涉及到切图和布局技术等。

5确认业务接口

前端和后端讨论业务的后台接口问题(使用Rest API或GraphQL来实现)

6.前端开发

前端确定开发模式(前后端不分离、办分离、完全分离)
前后端不分离
多页应用
服务器进行数据渲染 jsp、asp、PHP等模板语言
前端使用 jquery easyui等

前后端半分离
单页应用
后端MVC的view交给了前端
在客户端进行数据渲染(遇到的问题,首屏渲染,请求次数过多)
前端使用vue、react

前后端完全分离
单页应用
C用node实现
后端MVC的view交给了前端
客户端和服务端渲染相结合
使用vue、react、node+express/koa

6.1 搭建开发环境

编辑器 vs code
包管理器 npm/yarn
源代码管理工具 git
转译工具 babel
调试工具 chrome Devtools/postman
等等

6.2 搭建项目架构

脚手架工具
vue vue-cli
react creat-react-app

6.3 模块化开发

模块规范 es6 modules
模块打包 webpack

7 前后端联调

8 部署

9 前端性能优化

一个简单的前端开发流程,具体流程还是要根据实际情况,具体问题具体分析。

发布了42 篇原创文章 · 获赞 29 · 访问量 3891

猜你喜欢

转载自blog.csdn.net/weixin_43279985/article/details/104273290