前端|青训营笔记

90 阅读2分钟

大项目讨论|青训营笔记

这是我参与「第四届青训营 」笔记创作活动的的第6天。 日期:8月5日
时间:19:00-20:00
项目名称:仿掘金官网
队员数目:6人

小组讨论要点:

  • 项目详细介绍及需求
  • 目前进度及待解决问题
  • 队员分工

01项目详细介绍及需求

仿掘金网站,至少两个页面

  • 首页下的综合页

  • 文章详情页

  • 需要技术:html,JavaScript,css,vue或者react。

  • 需要数据:首页下的综合页 下的推荐页的文章数据(两百篇)。

  • 每篇文章包含阅读数量,点赞数量,评论数量,标签,发布者昵称,发布者头像url,发布日期,时间,文章标题,内容。

一.首页下的综合页 下的推荐页;(如果可以,还可以做一些其他页面)

说明:右边的上午好栏可以不用。文章列表无限滚动(两百篇文章即可),每当滚动到底部,就再添加25篇文章。

二.文章详情页

三个部分:

  • 左侧几个小图标,不需要添加点击事件

  • 文章内容 ,代码高亮

如果可以,作者头像,昵称,发布日期这些也添加上去。

  • 目录:实现随文章高亮滚动效果

02目前进度及待解决问题

目前进度

采用vuejs框架已经搭好基本的项目架构,有文章列表页以及文章详情页。 已经配置好了路由跳转及页面传参。

如下图:

image.png

image.png

目前需要解决的问题:

  • 顶部栏样式的编写,列表制作,还有文章详情页的制作。
  • 数据的获取以及渲染。
  • 列表以及文章详情api接口的创建
  • 项目的PPT制作

03队员分工

  • 队员一:顶部栏制作
  • 队员二:列表制作
  • 队员三:文章详情页制作
  • 队员四:数据的获取
  • 队员五:处理制作api接口
  • 队员六:制作项目演示PPT