hg

摘要： kafka拥有与其他几个消息队列同样的本事： ①缓冲/削峰：控制和优化数据经过系统的速度，解决生产消息和消费消息的处理速度不一致的情况。 应用场景：双十一秒杀活动，将用户消息写入消息队列中，我们的服务再来进行慢慢处理，这样也不会将我们的服务进行压垮，对于三高系统的来说一般都会采用这种消息中间件。 例 阅读全文

摘要： 类似于京东商城这种电商系统，一般会在前端页面进行埋点记录仪用户的行为数据，包括浏览、点赞、收藏、评论等。这些行为会被记录到日志服务器中，使用Flume进行采集，然后传入Hadoop中。 Flume采集的数据，在日常中一般是小于每秒100M的，Hadoop的上传速度一般也是每秒100M左右，但是一旦出 阅读全文

摘要： 最近在项目中有根据传入不同的type来进行处理不同业务的需求，所以用到了switch case，而自己又没有深刻的总结过这方面的代码，导致代码穿透了，还好自测发现了，不然搞个乌龙。 那么这个用法应该怎么用呢? 我们先来了解这个关键字的用法是什么：在菜鸟教程中定义时这样的：switch case 语句 阅读全文

摘要： 在上一文中，我们已经配置好了，刷新默认打开选中的样式，但是如果是在/page3/1，这种的，并没有选中到/page3里面的/page3/1，这个地方来，所以我们需要解决的就是这几个问题： 思路如下： // 拿着currentRoute.pathname 跟items数组里面的每一个children来 阅读全文

摘要： 对菜单进行数据整理 import { DesktopOutlined, FileOutlined, PieChartOutlined, TeamOutlined, UserOutlined, } from '@ant-design/icons'; import type { MenuProps } 阅读全文

摘要： 修改Home.tsx的内容：将主菜单的内容进行抽离，然后单独引入=>MainMenu import { Breadcrumb, Layout, Menu } from 'antd'; import React, { useState } from 'react'; import { Outlet } 阅读全文

摘要： 我们在Menu组件身上添加一个点击事件：对应的函数写一个回调函数：获取当前对象的e的身上的key, 这里其实不难看出e就是当前点击时的menu对象，我们这里获取的是e的key，对应上面定义的属性。 此时修改上面配置的参数为/page1 /page2 需要使用useNavigate和OutLet,Re 阅读全文

摘要： 注释掉App.tsx中的几个路由组件： 将Home.tsx中的代码使用ant Design网站中的布局进行替换 复制的代码如下： import { DesktopOutlined, FileOutlined, PieChartOutlined, TeamOutlined, UserOutlined, 阅读全文

摘要： 在src目录下新建2views文件夹，用来存放组件，这里我们新建2个路由组件Home About，如下所示： 创建好这两个路由组件之后，在src目录里面我们新建一个router路由文件夹，然后命名一个index.tsx的文件，里面写上如下： 这里我们需要修改main.tsx，这里就不使用App了，这 阅读全文

摘要： 使用命令引入UI组件库 npm install antd --save 使用命令安装ant的图标库 npm install --save @ant-design/icons ，注意这里的@后面是一个ant没有单词d! 配置Antd Design样式按需自动引入 npm install vite-pl 阅读全文