Day_11.给新人follow代码想到的
发布时间:2015-12-18 12:00:07
这两天让新人(刚毕业,此前未接触前端)切了个页面,发现了很多问题,联想到自己初入前端的时候因为没人带不可避免的也走了很多弯路,所以借着跟他讲解的机会,在这里把新人切页面中常见的问题和不好的习惯列举一下。首先上psd:他给我的结果是这样的:首先来分析一下页面上最直观的问题:导航栏分 ...
这两天让新人(刚毕业,此前未接触前端)切了个页面,发现了很多问题,联想到自己初入前端的时候因为没人带不可避免的也走了很多弯路,所以借着跟他讲解的机会,在这里把新人切页面中常见的问题和不好的习惯列举一下。他给我的结果是这样的:
首先来分析一下页面上最直观的问题:
导航栏分割效果没有加:对于前端工程师这个岗位,仔细!仔细!仔细!重要的事情说三遍。
banner图按钮切的是个什么鬼。
右方背景图缺失,一看就是把整个背景切成了一张大图,在小屏幕电脑上满满的认为自己做的perfect,一到了大屏幕上傻眼了。这么做有两个缺点:一是适应效果差,如图中,而是资源过大,网速慢的时候你看到的是一张白屏背景。
右侧列表用了ul和li的组合,很多新人不知道dl>dt>dd的组合,比ul>li的组合放在这里更合适。
字体未设置
a标签默认的样式没有去掉
footer中的文字垂直未居中
下面再来看一下代码:
乱用id名称,把导航写成了banner,把banner写成了header,很多新人会觉得不以为然,只要我写的样式和标签一一对应不就行了吗?这么写,首先别人看上去就会觉得你很low,还有就是,搜索引擎的seo根本不认识你写的代码。
不懂得使用class定义公共样式,小红点竟然每个标题都加了一次。
原标题:Day_11.给新人follow代码想到的
关键词:
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们:
admin#shaoqun.com
(#换成@)。