“书籍列表模块”前端页面作品评审「在线实习·推推」

大家好，欢迎来到小拿知识分享栏目~

在线实习是大拿老师为了正在准备校招的IT同学带来的免费项目，每期一个主题，业务模式简单且项目突出，适合作为校招的项目经历。

本期一起来评审一下实习生「推推」项目“书籍列表模块”前端页面的作品。那么一起来看看前端同学的作品吧~

界面展示

优点：

界面做的很好看，和UI设计的差不多。

缺点：

列表最后一个小说是没有分割线的。

修改方法：

代码部分

优点：

列表页的样式中使用了ul 和 li 的标签，非常好。（在多个元素同级而且布局规律基本一样时可以使用ul 和li 嵌套的方式来写样式）

缺点：

1. 一眼望过去，比较杂乱无章，没有给代码使用缩进。不仅是为了界面清爽、严谨，也方便后面修改。

2. 页面元素非常多时，添加注释会使后期维护非常方便。

代码缩进方式：

1. 使用四个空格来缩进；

2. 使用tab键缩紧。

（注意：在同一个页面上，使用了tab键缩进，就不用使用四个空格，保持页面的统一性）

细节问题

为了避免css 代码的重复性，可以用一个类去控制那个元素，给它起个统一的名字，然后再嵌套在标签上，避免样式的重复。

最后

今天的页面大概就讲到这里，页面比较简单，大家做起来应该也比较轻松。如果对其他在线实习项目感兴趣，欢迎关注“校招VIP”公众号查看更多精彩内容~