【Vue3(3)，只需一篇文章吃透大数据开发多线程技术

2401_84166702

于 2024-04-17 19:23:05 发布

阅读量362

点赞数 5

分类专栏： 2024年程序员学习文章标签：大数据

本文链接：https://blog.csdn.net/2401_84166702/article/details/137885479

版权

2024年程序员学习专栏收录该内容

79 篇文章 0 订阅

订阅专栏

先自我介绍一下，小编浙江大学毕业，去过华为、字节跳动等大厂，目前阿里P7

深知大多数程序员，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年最新大数据全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上大数据知识点，真正体系化！

由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频，并且后续会持续更新

如果你需要这些资料，可以添加V获取：vip204888 （备注大数据）

正文

	- [3. 页面渲染（布局处理）](#3__143)
	- [5. 滚动到底部 加载更多（再次请求数据）](#5___361)
+ [🍚 存储日期信息](#__437)
+ [1. 将日期信息存入 mainStore](#1__mainStore_439)
+ [2. 修改之前展示的日期信息](#2__443)
+ [🥩 搜索框展示](#__449)
+ - [1. 控制搜索框显示](#1__451)
	- [2. 搜索框布局](#2__455)
+ [🧬 Git 管理和代码托管（github）](#_Git_github_580)

🧲 新建 home 分支

通过 Git 管理项目，养成良好的开发习惯，可以创建分支。最后开发完可以合并分支。

创建新分支并且跳转到改分支上

git checkout -b home02

查看分支

git branch

🍭 搜索按钮

1. 搜索按钮及样式

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

2. 点击搜索按钮跳转到搜索页面

效果：

🎯 展示分类

1. 发送请求

2. 分类数据存入 Store 中

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

3. 展示数据渲染数据

这里封装一个单独的组件 home-categories

下面是组件完整代码：

<template>
  <div class="categories">
    <template
      v-for="(item,index) in categories"
      :key="index"
    >
      <div class="item">
        <img :src="item.pictureUrl" />
        <div class="text">{
 {
 item.title}}</div>
      </div>
    </template>
  </div>
</template>

<script setup>
import {
  useHomeStore } from '@/stores/modules/home';
import {
  storeToRefs } from 'pinia';

const homeStore = useHomeStore()
const {
  categories } = storeToRefs(homeStore)
</script>
 
<style lang="less" scoped>
.categories {
 
  display: flex;
  overflow-x: auto;
  height: 88px;
  padding: 0 10px;
  margin-top: 8px;
  &::-webkit-scrollbar {
 
    display: none;
  }
  .item {
 
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 70px;
    text-align: center;
    img {
 
      width: 44px;
      height: 44px;
    }
    .text {
 
      font-size: 12px;
      margin-top: 8px;
    }


**网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。**

**需要这份系统化的资料的朋友，可以添加V获取：vip204888 （备注大数据）**
![img](https://img-blog.csdnimg.cn/img_convert/1fada3320582d39f1d4554ab8c09825e.png)

**一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！**

资料的朋友，可以添加V获取：vip204888 （备注大数据）**
[外链图片转存中...(img-aW5XmSyi-1713352913883)]

**一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！**