仿今日头条项目新进度

Posted 雨梦Coder

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了仿今日头条项目新进度相关的知识,希望对你有一定的参考价值。

2021.5.18

今天做了文章详情和发布评论以及评论列表模块,目前遇到的技术难点有:

  • 去文章详情页面的传递的路由参数整数过大,导致传递过去的路由参数拿不完整
  • 每次数据发生变化都需要本地存储,一个一个存储代码糅合。

 

运用JSONBIG解决参数过大的问题,让大整数转换成对象,需要使用的时候转换一下即可。在axios请求模块中加入以下代码。

npm i json-bigint

import jsonbig from "json-bigint"

//封装请求模块
const request = axios.create({
  baseURL: "http://ttapi.research.itcast.cn/", // 基础路径
  // transformResponse 允许自定义原始的响应数据(字符串)
  transformResponse: [
    function(data) {
      try {
        // 如果转换成功则返回转换的数据结果
        return jsonBig.parse(data);
      } catch (err) {
        // 如果转换失败,则包装为统一数据格式并返回
        return {
          data,
        };
      }
    },
  ],
});
 
 
通过watch函数来监视数据的变化然后对数据进行统一存储。
watch: {
    //通过监视对历史记录数据进行统一处理
    searchHistory() {
      setItem("search-history",this.searchHistory)
    }
  },

以上是关于仿今日头条项目新进度的主要内容,如果未能解决你的问题,请参考以下文章

vue2.0仿今日头条开源项目

仿今日头条和qq侧滑和智慧北京的小项目 3

vue 仿今日头条

vue 仿今日头条

仿今日头条实时新闻微信小程序项目源码

iOS新闻应用源码,高仿今日头条源码等