点击空白处退出提示
作品详情
项目分为PC端和移动端,PC端作为个人内容管理使用,主要功能有:登录、首页、内容管理、发布、编辑文章等;移动端负责社区的内容展示,主要分为四个页面:首页、问答、视频、我的。主要功能有:短信登录、文章频道,文章列表,文章详情,文章评论,评论回复,点赞,收藏,关注、个人信息展示,信息编辑等。
技术栈:Node.js12+、VueCLI4.x、ESlint、Babel、Less
使用技术:Vue2、Vue Router、Vuex、Vant、iconfont、day.js等
项目职责 :在项目中我主要负责的是移动端的首页、我的以及登录页这三个页面。
使用Vant组件库构建界面
使用svg方式的多色字体图标,布局页面上的各种图标,如tab栏
封装request请求工具
访问用户相关页面都需要进行登录,使用导航守卫进行登录拦截。
登录页面进行表单校验
首页文章列表实现移动端上拉加载下拉刷新效果
处理文章发布时间
切换到其他页面时需要保持首页的状态(当前浏览的频道,频道里头文章),使用keep-alive进行组件缓存,并实现列表滚动位置记忆功能
封装频道管理组件,渲染“我的频道”和“可选频道”,并实现线上和本地存储
文章详情页顶部导航和主体内容的渲染,需要在滚动页面时,头部被卷起后,在顶部导航显示作者信息。
使用highlight.js插件封装指令,实现富文本代码高亮功能
refresh_token刷新token
声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态
评论