通达校园官网复盘

73 阅读2分钟

总体情况说明

本人于国庆考核时完成了官网的初步编写,能够较熟练地运用padding和margin调节盒子间距,以及一些常见的标签。但是对于定位和iconfont等知识还不够熟练,导致对浏览器进行缩放时发生错位。

遇到的错误以及解决方法

1、对元素的定位不够熟练,经常用调节padding和margin来达到表面效果,结果就是页面一拉就毁效果。

2、对div标签的属性不够熟悉,当div标签未设置宽度时,默认占满宽度。前期我不知道这个属性,经常遇到设置左右浮动时右浮动在左浮动下的情况。

3、对于选择器的优先级不够了解,在使用选择器时经常达不到自己预期的效果,后来发现是选择器的优先级不够,无法覆盖优先级高的属性,于是我在未达到效果的选择器前加上前缀,终于实现目标。

4、代码的规范度不够,选择器的命名不够清楚,很混乱,导致我自己在进行修改时也是一脸懵逼,主要是刚开始敲代码,对代码的理解太浅,代码的简洁和精炼度还不够,以后会注重这方面的练习,培养好习惯。

5、图片换色问题,之前以为给图片hover后换色就是放2个颜色不同的图片进行替换,后经人提醒后去刷了视频的129集,学了iconfont方法,虽还不够熟练,但已能够初步实现我要的效果了。

6、在看到其他人的作品后充分认识到自身实力的不足,与学长们之间还存在很大的距离,但也只能尽自己所能做到最好。

核心代码讲解

1、对官网顶部进行编写

2、二级菜单的编写,通过定位使得菜单覆盖在下方的图片之上

3、对于溢出内容设置省略号的操作

总结

国庆集训暴露了很多人不同阶段的问题,我也较清楚的认识到自己的问题,所以这里先为自己能决定重写的勇气点个赞。

我知道,自己的实力远远不够,要走的路,学的东西还很长很多,但我突然发现,好像不知不觉,我彻底沉醉于写代码,我很喜欢写代码的那种成就感,喜欢那种充实感,那种神秘感和高级感。是的,我知道我还不够强,但是,我并不焦虑于那些比我厉害的,因为我知道,迟早有一天我会到达他们的高度,并超越他们,我有坚定的自信和信念。