码迷,mamicode.com
首页 > 其他好文 > 详细

前端新手需要注意的几个问题

时间:2015-10-26 18:27:01      阅读:203      评论:0      收藏:0      [点我收藏+]

标签:

最近帮忙学弟学习前端知识,留了几期作业,暴露出很多问题。把他的总结分享出来,大家一起看下:

总结:

一:百度首页面的总结:

       盒子居中用margin:0 auto;

       选择器的名称要语义清楚,(增强代码可读性)

       除了制作表格,页面布局尽量要用div

       关于颜色的定义要用十六进制表示,少用red,black这种

       输入框的光标不要紧贴边框,应该隔一段距离(美观)

       简单的层中图片用tagname定义样式,不需要class

       编写代码出现的问题:命名随意,代码冗余,全局样式的问题...

       不细心不认真态度不端正...

二:   腾讯校招:

       属性不能乱用,不能为了效果而堆砌,应该在充分理解的前提下使用,基础的东西要记清楚(inline display: inline; 在行内显示,与之对应的是display: block; float浮动 浮动元素会生成一个块级框。 )

       学会用background-position

       字体和大小也要按规定的来使用

       定位:绝对(相对于其包含块的定位) 相对(相对于它原本所在的位置的定位) 固定(相对于显示器屏幕的定位) 静态(默认值)

       每个图片都必须有alt,分清alt和title的区别:alt:是那些不能看到图片的浏览者提供文字说明。title:鼠标悬浮于图片上时出现的额外的关于图片的解释。

       关于伪类的问题(前面定义的伪类会影响后面相同属性的定义)

       看书学会如何组织代码,先写结构再组织样式

       要有预见问题的能力,大屏显示器和小屏如何显示等。

       发现问题的本质(基础知识不牢固)。------------解决问题只根据表象去改,没发现自己写了全局样式

       认真对待发现的问题(态度)。

三:   app下载:

       类选择器命名要语义明确(不长记性)

       类似于按钮的选择器命名可以加上button(.iphone-btn)----------------命名的语义化

       一个页面最好只有一个header和footer ------------------------

       页面唯一的大区快最好用id

控制区块之间的间距不能用<br/>--------------------用margin 和padding 控制间距

文件要有结构,

       学会用chorme的开发者工具

       图片的大小也会影响浏览器的下载速度  ------------------所以少用图片或者使图片尽量小

       css代码中属性的书写顺序:

1.位置属性(position, top, right, z-index, display, float等)
2.大小(width, height, padding, margin)
3.文字系列(font, line-height, letter-spacing, color- text-align等)
4.背景(background, border等)
5.其他(animation, transition等)

       要注意细节。

学会独立发现并解决问题,

多翻书,多练习,熟记各种基础的属性特点,不会的知识及时上网查找并熟记。写代码时不能乱用属性,要做到写的准确简洁,具有可读性。关于文件的命名尽量不要出现中文。

前端新手需要注意的几个问题

标签:

原文地址:http://www.cnblogs.com/happycloud/p/4911837.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!