写静态页面，是前端程序员的基本功。断断续续做了一年多的前端开发，写静态页面这事自然难不到我，但是，最近总感觉写页面的速度还有待提升。
于是在网上看了很多道友的经验之谈，虽然没有找到“速成”的方法，但也颇受启发，于是忍不住施展“CV大法”，在这里记录一下：
方法
1.在收到UI小妹妹发来的效果图时，千万不要着急开工，得先分析你收到的所有页面，并统计可重用模块，什么页头页脚、输入框、搜索等等，给这些可重用的模块写样式时，要考虑代码重用的便捷性。
2.根据分析出来的模块写样式，这里建议再弄个样式展示页，不单只给自己看，接手项目的同事也能看！
3.制作简单的UI逻辑及编写一下控件，例如AJAX图片上传控件这类的，然后弄到样式展示页上。前期的准备虽然会花费些时间，但磨刀不误砍柴工。
4.整理自己常用的CSS组件以及特殊代码和样式，集合自己的一套命名方式，随时调用。
5.深入学习HTML与CSS，加强HTML语义了解，细化学习CSS知识点，控制好每一个元素。
6.学会查找资料，收集常用知识，打牢基础。
7.熟练运用前端框架，节省编写成本。
工具
1.emmet或zencoding插件，让你不再一个字母一个字母的写HTML......
2.sass&less，让你不再一个字母一个字母的写CSS......
3.coffeescript，写JS用的......
4.firebug(firefox)、chrome调试器......找bug用的.....
自己的小灵感
网页作为一个产品，其制作过程，可以参考实体工厂车间中的，流水线生产产品的方式。
先用emmet或zencoding，把页面的HTML全部写出来，不写样式，甚至不用写元素id和类名。HTML写完后，再从头到尾，把所有元素的CSS样式加上去。这样会提高些效率。
网友评论