谈谈前端怎样布局切图,程序可以方便快捷添加程序
一个合格的前端,布局好的前端页面,应该是可用的,避免需要程序大量二次加工的。工作到现在合作过的前端大概也有上百个了,有合作起来感觉很顺手的,也有很多感觉只能顺手修改调整不能再经前端的手了,差别很大。一个程序员到底想要前端怎么去做,作为一个程序员,实在不想重复去做调整各种各样css,js,有时候总是想象前端稍微懂点程序,有点程序基础就好了,那样他们可能就不会那样布局了,现实很骨感啊,现在对前端要求已经降低了很多,最起码能用。
一、文件夹,文件名
清晰的目录,合理的文件名能减少不少胡思乱想。如:目录文件夹可以创建几个基本的。
cms_css
cms_js
images
upload
文件名清晰
通用块一定要提取出来,可以用一种动态语言如asp/.net/php建议用asp
_top.asp
_foot.asp
_left.asp
index.asp
list.asp
detail.asp
拿一个最简单的站点来说,前端编写的css,js文件放对应的文件夹下,有些网站用图,最起码要区分一下是站内用图(images),还是后期需要替换的(upload)。
二、有一点最简单的循环思维
前期做站点的时候都是table,有的同学做出来的列表,对程序来说根本没有共同点想循环不出来。
比如:想循环td的时候,每个td的附加属性都不一样class写了一堆,怎么写后端?
比如:想循环tr的时候,td个数都有可能不同,这是我遇到的真实情况
比如:想循环table的时候,table与table内容又没有通用性,怎么加程序。
诸如此类还有很多。
div+css 拿 ul li举个简单的栗子。
xxxx xxxx
xxxx xxxx
xxxx xxxx
这种情况遇到的最多,很多程序应该第一想到的是,请不要给我弄两个ul li
三、最好搞个本地iis
为什么安装iis,我觉得iis安装使用相对方便,配合asp
比如创建站点2016,设置一下目录浏览
月份文件夹
01
02
03
...
月份下面再创建项目文件夹
项目1
项目2
...
方便管理项目,查找也方便
时间有限先到这里,相关图片以及相关问题会陆续完善。
讨论一个小问题:
li标题太长换行影响布局,是程序控制截取字符好,还是css样式控制隐藏好?