版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/caishu1995/article/details/86150672
一、分析需求形成本次的主题。
二、形成原型图。
三、提出复用性高的部分。分析原型图，进行模块拆分，将复用性高的部分提出，制成对应的代码模块。
四、进行布局。进行总体的框架的搭建。框架需要注意：自适应强；各浏览器兼容性强。
五、分模块。根据内容的含义，区分模块，在布局中细化。
六、放置控件。在模块内放置控件，使之位置合理，突出重点。
七、调节风格样式。使模块之间有所区分、模块内风格统一，控件大小、颜色、图片、样式合理。
八、加入验证等控制。控制控件功能合理，进行基础的控制。包括：大小值控制、数据类型控制、非空控制等。
九、加入动画效果。加入简单的动画效果，表现层次等概念。其中包括：鼠标移入移出效果、控件点击的效果、div缓慢移入移出效果。
十、测试。检查该有的功能是否遗漏、测试各效果是否合理。
十一、整理代码。删除多余代码和逻辑。整理原来的代码，减少代码上造成的处理速度慢的问题。使代码便于维护和阅读。
十二、优化性能。