切图工作流程
来源:互联网 发布:淘宝客不小心退出了 编辑:程序博客网 时间:2024/05/01 00:38
在前端,将设计图编程代码的过程叫做切图,这是前端最最基本的工作。
最近在做一批新页面,效果还是很复杂的,在做的过程中,发现控制好工作流程很重要,先做什么,后做什么不能乱。
设计图拿来后,应该先写html代码,要求结构清晰,语义分明;然后再写css代码,使用less会更省事,而且样式中的逻辑更清晰;最后再写js,根据js的要求可以修改前两套代码。
上述三个步骤应该依次进行,并根据后一步的要求对前面的代码进行微调,虽说打乱步骤不代表就写不出代码来,但是会很乱。当你写一句html后接着切换到css文件写这一句的c样式,这样来回折腾,人会很累,两边的逻辑都不清晰,最后写完了,会发现写的乱七八糟,耗时也长,人和代码都要崩溃了。但如果先将html全部写好,再来写css则会轻松很多,在写html时略微考虑下css应该如何布局就可以了。
人每回只做一件事,这样会把握得更好,效率更高!
0 0
- 切图工作流程
- tomcat工作流程时序图
- springMVC工作流程,带图
- 工作流程
- 工作流程
- 工作流程
- 工作流程
- 工作流程
- 合作建房工作流程(图)
- struts2工作原理 工作流程
- flash工作流程设计
- jBPM工作流程定义
- 小议团队工作流程
- OpenGL工作流程
- W3C工作流程
- Struts工作流程
- jBPM工作流程定义
- Struts开发工作流程
- Masonry简单使用
- ios collectionView
- [王垠系列]论对东西的崇拜
- 合并静态库
- 2016我来了,你呢!
- 切图工作流程
- [王垠系列]什么是“脚本语言”
- XMPP介绍一:服务器及数据库搭建
- Java数据精度
- 深入理解BootStrap -- 列表组(list-group)16
- 又学一招——linq 之 select 动态
- scala中集合的交集、并集、差集
- Windows 7 密码锁定无法登陆问题
- Android 布局优化之include与merge