程序员书籍笔记 程序员书籍笔记
  • HTML
  • CSS
  • JavaScript
  • 前端知识
  • Vue
  • MarkDown
  • git
  • Node.js
  • Linux
  • 51单片机
  • 四级
  • 第一学期课程
  • 操作系统
  • 计算机网络
  • 数据结构
  • 计算机组成原理
  • HTML5
  • Electron
  • 日记便签
  • 前端导航
GitHub (opens new window)
  • HTML
  • CSS
  • JavaScript
  • 前端知识
  • Vue
  • MarkDown
  • git
  • Node.js
  • Linux
  • 51单片机
  • 四级
  • 第一学期课程
  • 操作系统
  • 计算机网络
  • 数据结构
  • 计算机组成原理
  • HTML5
  • Electron
  • 日记便签
  • 前端导航
GitHub (opens new window)
  • Vue

  • Nuxt

  • Echarts

  • Node

  • git

  • express

  • 微信小程序

  • Spring

  • 后端知识

  • Markdown

  • project

    • 黑马头条

      • 移动端适配
      • 黑马头条
        • 黑马头条项目
        • 总体演示
        • 项目初始化
        • 处理 TOKEN
      • 黑马头条初始化
      • 黑马头条登入注册
      • 个人中心
      • 文章列表展示
      • 模块编辑
      • 文章搜索
      • 文章详情
      • 文章评论
      • 用户编辑
    • 小兔鲜

    • saas中台管理项目

  • 自用文档查询

  • 框架和软件
  • project
  • 黑马头条
yuadh
2022-03-21
目录

黑马头条

# 黑马头条项目

# 总体演示

类似与今日头条的app,基于vue

  • 用户模块,具有文章统计、关注数、粉丝数、获赞数、

    收藏文章、浏览历史、作品、消息通知、聊天等功能

  • 收藏文章,点赞文章,评论文章,分享文章等底部功能

  • 具有用户注册、登入、个人信息修改模块的功能

  • 具有头条文章浏览,标签分类、根据标签显示文章等功能

# 项目初始化

  • vue-cli 创建项目
  • 初始化目录结构说明
  • 加入 git 版本控制
  • 调整目录结构
  • 导入图标素材
  • 引入 vant 组件库
  • 移动 rm 设配,配置 pstcssrc.js
  • 封装请求模块

# 处理 TOKEN

对 token 令牌存储到 vuex 里进行管理,同时存储到本地

用命名存储 TOKEN_KEY="TOUTIAO_USER"

对本地存储封装优化

编辑 (opens new window)
上次更新: 2023/02/07, 14:51:48
移动端适配
黑马头条初始化

← 移动端适配 黑马头条初始化→

Theme by Vdoing | Copyright © 2021-2023 yuadh
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式
×