2016. 7.1
2016-06-30 20:11
162 查看
到今天为止,在广州正式参加培训已有4天,这四天除睡觉外几乎有百分之八十都是在做项目。四天,比之前一个月做的东西都多得多,放佛找回了高一那年在阳中A栋曾激情燃烧的自己。现在总结下这四天内的感受和所遇到的一些问题。
1、在这里,很多人学习的激情很足,尤其是在做实战项目的时候,很投入,以至于在老师讲课的时候也都投身去做自己的东西。这种现象是典型的为了做事情本身而去做事情,往往丢掉了初衷,到最后知其然不知其所以然。课上老师所授,必是经历过无数个日日夜夜艰苦摸索出来的实战性经验,站在前人的肩膀上,往往走的更快,更远而且更轻松。
2、在这几天的实战性训练当中,遇到了一系列的问题,但经过一番调试,也磕磕绊绊的修修补补好了。显然其代码是极难维护的,毕竟是实战处女作。其中遇到的一些问题和经验有:
(1)在大范围的选择器内对一些后面容易出现选择器设置一系列属性,结果导致后面的选择器设置的属性失效。其原因是选择后面的选择器时,其优先级不如前面的选择器,要想优先级高于前面就必须在选择器名前加上各级父元素的选择器名,这样的结果就会导致选择器名称过于冗长。最好的解决办法是尽量多使用class选择器而少用id和标签名选择器,使用class选择器时,给class命名最好在前面加上容易与其他class名分别开来的前缀。
(2)一般不用ul和ol作为标签名选择器使用,一般会给其挂上类名使用。
(3)一般在做一个代码量不小的项目时,先规划好全局,分析架构,行程条理,不要一拿到项目就盲目迫不及待的动手,这样到后面往往进度缓慢,甚至停滞不前,代码可维护性极差,俗话说磨刀不误砍柴工其实是很有道理的。
(4)在做一个项目时,不要想着一下子把所有细枝末节的结构都弄好,我们只要在一开始做好大体的结构,然后按照结构完成每一部分的细节,你会发现遇到后面很多代码可以重用。
(5)在确定css代码没有错误的情况下,出现很奇怪的效果,往往是对应的html标签写错或者漏写,确认html结构没错,往往是css属性值漏写单位。
(6)网页布局尽量不用表格,表格布局需要在整个表格都加载完毕之后才予以显示,会拖慢网页加载的速度。
(7)一般不使用负margin,它总是会出现莫名其妙的bug。
(8)制作雪碧图时尽量保持每个小图标有30到50px的间隔,否则利用background-position进行背景定位将会出现比较棘手的事情,比如要增加标签才行。
(9)类的命名不能以数字开头的。
(10)以后能用单引号的地方就不用双引号。
3、下面是这几天来所学的一些知识点总结:
(1)png8和png24格式的图片的区别就在于前者只能显示256中颜色,体积较小,质量稍欠细腻,适用于一些颜色单一的小图标等等;后者可显示的颜色数位多,体积较大,质量较细腻,使用于有复杂颜色组成的图像。
(2)改变input里面的placeholder要使用css3的伪类::-webkit-input-placeholder{}作为选择器。
(3)利用vertical-algin:middle;来实现内容的垂直居中。其涉及到的是行框和行内匡的内容:a、行内元素即是行内框,行框是行内框的集合,行框的高是取行框中最高的行内框的高度。实现垂直居中的关键在于给要实现居中的行内元素加一个隐藏的行内框。
后面持续更新。。。
1、在这里,很多人学习的激情很足,尤其是在做实战项目的时候,很投入,以至于在老师讲课的时候也都投身去做自己的东西。这种现象是典型的为了做事情本身而去做事情,往往丢掉了初衷,到最后知其然不知其所以然。课上老师所授,必是经历过无数个日日夜夜艰苦摸索出来的实战性经验,站在前人的肩膀上,往往走的更快,更远而且更轻松。
2、在这几天的实战性训练当中,遇到了一系列的问题,但经过一番调试,也磕磕绊绊的修修补补好了。显然其代码是极难维护的,毕竟是实战处女作。其中遇到的一些问题和经验有:
(1)在大范围的选择器内对一些后面容易出现选择器设置一系列属性,结果导致后面的选择器设置的属性失效。其原因是选择后面的选择器时,其优先级不如前面的选择器,要想优先级高于前面就必须在选择器名前加上各级父元素的选择器名,这样的结果就会导致选择器名称过于冗长。最好的解决办法是尽量多使用class选择器而少用id和标签名选择器,使用class选择器时,给class命名最好在前面加上容易与其他class名分别开来的前缀。
(2)一般不用ul和ol作为标签名选择器使用,一般会给其挂上类名使用。
(3)一般在做一个代码量不小的项目时,先规划好全局,分析架构,行程条理,不要一拿到项目就盲目迫不及待的动手,这样到后面往往进度缓慢,甚至停滞不前,代码可维护性极差,俗话说磨刀不误砍柴工其实是很有道理的。
(4)在做一个项目时,不要想着一下子把所有细枝末节的结构都弄好,我们只要在一开始做好大体的结构,然后按照结构完成每一部分的细节,你会发现遇到后面很多代码可以重用。
(5)在确定css代码没有错误的情况下,出现很奇怪的效果,往往是对应的html标签写错或者漏写,确认html结构没错,往往是css属性值漏写单位。
(6)网页布局尽量不用表格,表格布局需要在整个表格都加载完毕之后才予以显示,会拖慢网页加载的速度。
(7)一般不使用负margin,它总是会出现莫名其妙的bug。
(8)制作雪碧图时尽量保持每个小图标有30到50px的间隔,否则利用background-position进行背景定位将会出现比较棘手的事情,比如要增加标签才行。
(9)类的命名不能以数字开头的。
(10)以后能用单引号的地方就不用双引号。
3、下面是这几天来所学的一些知识点总结:
(1)png8和png24格式的图片的区别就在于前者只能显示256中颜色,体积较小,质量稍欠细腻,适用于一些颜色单一的小图标等等;后者可显示的颜色数位多,体积较大,质量较细腻,使用于有复杂颜色组成的图像。
(2)改变input里面的placeholder要使用css3的伪类::-webkit-input-placeholder{}作为选择器。
(3)利用vertical-algin:middle;来实现内容的垂直居中。其涉及到的是行框和行内匡的内容:a、行内元素即是行内框,行框是行内框的集合,行框的高是取行框中最高的行内框的高度。实现垂直居中的关键在于给要实现居中的行内元素加一个隐藏的行内框。
后面持续更新。。。
相关文章推荐
- Python 核心编程笔记_Chapter_6_Note_2 字符串的内建函数zip_转义字符_字符串术语
- 数据挖掘过程总结
- 测试关闭mojo utf-8
- 测试关闭mojo utf-8
- iOS 视频播放的简单使用
- junit4xi注释详解
- xlistview_header.xml
- Kakfa揭秘 Day5 SocketServer下的NIO
- 51 NOD 1138 连续整数的和(简单数学公式)
- ROS在ARDUINO的应用
- HDU 1236 排名 Java实现
- 今天终于下定决心报了老男孩linux运维就业班
- SIFT特征
- maven打包
- 搜索框组件
- GMap.Net开发之在地图上添加多边形
- web攻击手段(二)CRSF
- xlistview_footer.xml
- 上位机和软件、触摸屏、人机界面组态软件、人机界面控制板、工控机、VGA控制板、TFT-LCD串...
- js级联菜单