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

2024-05-15 15:26:10

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

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

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

界面展示

优点：

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

缺点：

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

修改方法：

代码部分

优点：

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

缺点：

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

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

代码缩进方式：

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

2. 使用tab键缩紧。

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

细节问题

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

最后

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

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

“小说列表模块”前端代码官方评审「在线实习·推推」
在线实习是大拿老师为了正在准备校招的IT同学带来的免费项目,每期一个主题,业务模式简单且项目突出,适合作为校招的项目经历. 本期小拿带来的是在线实习「推推」项目"小说列表模块"的前 ...
“小说列表模块”JAVA代码官方评审「在线实习·推推」
在线实习是大拿老师为了正在准备校招的IT同学带来的免费项目,每期一个主题,业务模式简单且项目突出,适合作为校招的项目经历. 本期小拿带来的是在线实习「推推」项目"小说列表模块"的J ...
“书籍列表模块”开发代码评审「在线实习·推推」
在线实习是大拿老师为了正在准备校招的IT同学带来的免费项目,每期一个主题,业务模式简单且项目突出,适合作为校招的项目经历. 本期分享的是,大拿老师对「推推」第一期"书籍列表模块"开 ...
【校招VIP】出品：产品在线实习“推推”书籍详情模块实战
本课程出自[校招VIP]原创内容,请勿擅自转载,产品(项目课程)「在线实习"推推"书籍详情模块实战」持续更新中...... 查看课程: 链接见下方评论或者关注[校招VIP]小 ...
【校招VIP】线上实习推推书籍详情模块前端开发文档周最佳
[推推]主要是为校招设计的小说一更新就通知的项目,每个模块都具有亮点和难点,项目表现为手机网站应用,可嵌入小程序或APP中. 恭喜来自中南大学的小橙子同学获得本周线上实习[推推]第一期书籍详 ...
迄今复现过最复杂的可视化作品之「大西洋古抄本」(上)
前面还有好些坑要填,不过最近古柳啃了个较复杂的.`Vue` 实现的可视化作品的源码,虽然还有很多内容没看,但最核心部分涉及的各组件都有跟着实现了下,如何work的也过了遍,心里有数多了,于是就想趁热简 ...
html制作花样链接卡页面_8 个「新标签页」Chrome 扩展，把 New Tab 页面玩出花样 | Matrix 精选...
Matrix 是少数派的全新产品,一个纯净.小众的写作平台,我们主张分享真实的产品体验,有实用价值的互联网领域经验.思考.欢迎忠于写作,喜好分享的朋友参与内测.我们会不定期挑选 Matrix 最优质的 ...
『前端大事记』之「几件大事」
[回复"1024",送你一个特别推送] 不知道大家都听没听说过这句哈:前端的江湖总是不缺话题,且从没有消停过!!! 你要说没听说过,那就对了,这句话是我刚刚说的.但是这句话想必大家 ...
头条号个人中心登录_头条号平台上线「插入小程序」功能
头条号平台上线「插入小程序」功能,创作者可在图文.小视频和自定义菜单中插入头条小程序,帐号服务能力和变现能力进一步提升. 一.什么是「头条小程序」? 「头条小程序」是为内容生产者提供的延伸变现工具,是 ...

最新文章

热门文章