切图工作流程

在前端，将设计图编程代码的过程叫做切图，这是前端最最基本的工作。

最近在做一批新页面，效果还是很复杂的，在做的过程中，发现控制好工作流程很重要，先做什么，后做什么不能乱。

设计图拿来后，应该先写html代码，要求结构清晰，语义分明；然后再写css代码，使用less会更省事，而且样式中的逻辑更清晰；最后再写js，根据js的要求可以修改前两套代码。

上述三个步骤应该依次进行，并根据后一步的要求对前面的代码进行微调，虽说打乱步骤不代表就写不出代码来，但是会很乱。当你写一句html后接着切换到css文件写这一句的c样式，这样来回折腾，人会很累，两边的逻辑都不清晰，最后写完了，会发现写的乱七八糟，耗时也长，人和代码都要崩溃了。但如果先将html全部写好，再来写css则会轻松很多，在写html时略微考虑下css应该如何布局就可以了。

人每回只做一件事，这样会把握得更好，效率更高！