HTML5设置页面组件化,组件化的前端开发流程

  • Post author:
  • Post category:其他


背景

做前端的同学都知道,做的页面多了,东西就会乱,因此我们需要统一一个开发流程。开发流程的好坏,直接影响着页面开发的效率,间接影响游戏的时间。

开发流程的目标可以快速完成页面。

通过组件化的方式,保证代码重用,避免重复劳动。

保证页面上线后能够高效运行。

开发流程的范畴文件的存放规范。

代码的组织结构和编码规范。

发布策略。

支持整个流程所必须的开发工具。

每个团队都有自己的开发流程规范。实际上也不存在一个最好的流程规范,只有最适合的。以下介绍一个根据多个团队的开发流程总结归纳得出的一套通用开发流程规范。

文件夹规范

假设项目文件夹为 p/ 。那么这个文件夹内包含:p/assets/          存放开发工具

p/dev/              存放开发状态的项目文件

p/dpl/               存放项目的公用组件库

p/release/         存放发布后的项目文件(这里的文件都是已经压缩好的)

p/dev/ 内的结构为:p/dev/website1/public/    全站公用的项目(存放全站公用的文件)

p/dev/website1/project1/     项目1

p/dev/website1/project2/     项目2

….

其中,每个项目内的结构为:p/dev/website1/project1/page1.html

p/dev/website1/project1/assets/page1.js

p/dev/website1/project1/assets/page1.css

p/d