返回列表

前端开发的八个步骤

默认分类 2014/03/27 10:03

前端开发的八个步骤

前端开发现状

很多项目都是由一个前端工程师完成从布局、样式、交互到数据访问的整个开发流程。

前端项目

a 页面密集型
瓶颈:大量页面布局和样式需要实现

b 交互/数据密集型
瓶颈:大量动态效果及与后台的数据交互

如何解决上面的问题以及提高前端开发效率和开发质量?

下面看两个事例

1 麦当劳的成功

麦当劳兄弟将汉堡包的制作过程则分解为十多道工序,每道工序都是独立的,这样整个过程就实现了标准化、流程化。这种方式大大提高了生产效率,即使是在用餐高峰时期,也不用顾客等太久。正应为如此,麦当劳的分店才能遍布全世界。

2 枪械制造传奇

早期毛瑟枪的制作工艺是每把枪由头到尾皆由一位工匠打造,生产速度和质量都比较难以得到保障。直到伊莱·惠特尼为了提高生产效率,将枪支制造流程拆分成很多个小的独立生产过程,不同车间生产不同的零部件,最后装配成完整的枪支。这种方法大大提高了生产效率,在很短的时间内便成功交付了15000支合格的枪支。

上面两则事例都有一个共同点:都采用流程拆分的方式来提高生产效率,保证生产质量

具体到前端开发领域,可以考虑采用流程拆分,多人协作的方式来解决开发中的瓶颈,提高前端开发效率及保证开发质量。

下面讲一下今天的核心内容

前端开发的八个步骤:

1 HTML布局  
2 页面样式  
3 分离CSS和HTML  
4 请求后端数据  
5 解析后端数据  
6 封装控件  
7 封装组件  
8 形成框架