围观 > 评审视频
推荐视频
推推 书籍列表模块前端页面评审 11-02(第1期)
css样式如何初始化
2,783人观看 32 1

评审内容

本次前端设计评审主要围绕小说列表页的设计展开。

本次评审选取了一位同学写的页面作为例子,从优点、缺点和注意点3个方面详细讲解了在写前端页面的时候值得关注和重视的地方。

优点

1.最终页面基本还原了UI设计图的样式;

2.HTML页面结构比较清晰,标签能够规范地嵌套;

3.最新、最热的页面切换效果完美展现。

缺点

1.HTML代码没有进行规范地缩进;

2.相同的样式没有用同一个类名来控制,造成了css代码重复;

3.列表中最后一个小说的border没有还原UI原型图。

注意点

1.为了使页面结构严谨清爽和方便后期维护,在写HTML代码的时候一定要注意缩进,可以使用Tab键或四个空格进行缩进,但是为了保持统一性,一个项目中最好只使用一种缩进方式;

2.在前端开发的过程中,通用的CSS样式来操作不同的元素能够有效减少CSS代码的重复,提升网页性能和用户体验;

3.当页面代码过多时,添加注释是一种很好的习惯,我们一定要时刻保持这种优良的习惯,做一名合格的小前端。

评论
大V点评
最新评论
评论
V

waterfall

特约顾问
前美团前端工程师

代码是鱼,注释就是水,有了正确的注释,鱼才能更好的生存。多提升自己对代码的解释能力,用精炼的语言表达出代码的核心价值所在

发表于 2019-01-26 17:24
1
老干妈拌面 :

注释要简单明了才行

发表于 2019-02-05 01:55
回复

第1期的点评我全程旁听,5组前端只有两位同学略有基础,其它的要么实现不了,要么惨不忍睹,这就是实习的意义和机遇。同学们赶紧入门,有问题可以问我,但是问之前先百度,容易的问题我不解答

发表于 2019-01-26 18:59
1
老干妈拌面 :

哈哈哈,要是百度了还不会可以问大拿老师吗

发表于 2019-02-05 01:57
回复
令白敬亭疯狂的女人

初始化的样式是在网上随便找一套就好吗?

发表于 2019-03-12 14:03
0