项目二：黑马头条（黑马前端课程）

防抖：在搜索框 会监听搜索内容的变化，有变化就发送请求，这样比较耗费资源，使用第三方工具包 lodash 的 debounce 方法，在设定的防抖时间内输入内容，不需要发送请求，直到停下搜索，超过设定

1、封装计算属性筛选数据 遍历所有频道 对每一个频道都判断：该频道是否属于我的频道 如果不属于我的频道，则收集起来 直到遍历结束，剩下来就是那些剩余的推荐频道 computed: { // 处理展示推

推荐两个第三方库： Moment.js Day.js 1、安装 2、创建 utils/dayjs.js 3、在 main.js 中加载初始化 4、使用 components /article-item

关于第三方图片资源403问题：不要发送 referrer ，对方服务端就不知道你从哪来的了，姑且认为是你是自己人吧。 在 public/index.html 的 head中 添加这个就行，就没有ref

f12 打开运行这段代码 做这些测试： ... article-list.vue 完整代码：f12 打开运行这段代码 做这些测试： ... article-list.vue 完整代码：f12 打开运行

注意： 因为滚动加载，所以要这样push进去，并且将数组合并 this.list.push(...results) 请求接口在这里集合：https://juejin.cn/post/699917971

/** 用户相关的请求模块 / import request from "@/utils/request" // import store from '@/store/index' /* 用户登录 *

首页tab栏切换 想要的效果是：加载过的数据列表不要重新加载 1、创建 src/views/home/components/article-list.vue props接收父组件 传递过来的频道对象

首页tab栏切换 汉堡页面样式处理 ，重点在，滚动到最后一个的时候，要展示完整内容， 第一次用 占位符 和 flex-shrink: 0; flex-shrink ：0 ，不参与剩余空间计算，默认是

封装 本地存储 localStorage封装 本地存储 localStorage封装 本地存储 localStorage封装 本地存储 localStorage封装 本地存储 localStorage

封装的请求 ：包括响应拦截器封装的请求 ：包括响应拦截器封装的请求 ：包括响应拦截器封装的请求 ：包括响应拦截器封装的请求 ：包括响应拦截器封装的请求 ：包括响应拦截器封装的请求 ：包括响应拦截器

项目采用：vant组件库 MarkdownPad 2 打开总是报语法错误，安装一个插件 1.字体图标 如果已经有准备好的，可以自己上传到 阿里图标库 vant组件库 要根据官方文档 全局引入，和引入