前端开发的八个步骤
前端开发现状
很多项目都是由一个前端工程师完成从布局、样式、交互到数据访问的整个开发流程。
前端项目
a 页面密集型
瓶颈:大量页面布局和样式需要实现
b 交互/数据密集型
瓶颈:大量动态效果及与后台的数据交互
如何解决上面的问题以及提高前端开发效率和开发质量?
下面看两个事例
1 麦当劳的成功
麦当劳兄弟将汉堡包的制作过程则分解为十多道工序,每道工序都是独立的,这样整个过程就实现了标准化、流程化。这种方式大大提高了生产效率,即使是在用餐高峰时期,也不用顾客等太久。正应为如此,麦当劳的分店才能遍布全世界。
2 枪械制造传奇
早期毛瑟枪的制作工艺是每把枪由头到尾皆由一位工匠打造,生产速度和质量都比较难以得到保障。直到伊莱·惠特尼为了提高生产效率,将枪支制造流程拆分成很多个小的独立生产过程,不同车间生产不同的零部件,最后装配成完整的枪支。这种方法大大提高了生产效率,在很短的时间内便成功交付了15000支合格的枪支。
上面两则事例都有一个共同点:都采用流程拆分的方式来提高生产效率,保证生产质量
具体到前端开发领域,可以考虑采用流程拆分,多人协作的方式来解决开发中的瓶颈,提高前端开发效率及保证开发质量。
下面讲一下今天的核心内容
前端开发的八个步骤:
1 HTML布局
2 页面样式
3 分离CSS和HTML
4 请求后端数据
5 解析后端数据
6 封装控件
7 封装组件
8 形成框架