Zookeeper与Kafka消息队列

目录

一、Zookeeper

1、zookeeper简介

2、zookeeper的特点

3、zookeeper的工作模式跟工作机制

3.1 工作模式：

3.2工作机制：​编辑

4、zookeeper应用场景及选举机制

4.1 应用场景：

4.2 选举机制：

4.2.1第一次启动选举机制：

4.2.2非第一次启动选举机制：

二、zookeeper集群部署

1、实验环境：

2、安装zookeeper

三、消息队列Kafka

1、为什么要有消息队列？

2、使用消息队列的好处

2.1 解耦

2.2可恢复性

2.3缓存

2.4灵活性&峰值处理能力

2.5异步通信

3、消息队列的两种模式

①点对点（就是一对一）

②发布/订阅模式（一对多也被称为观察者模式）

3、kafka简介

4、kafka特点

5、kafka系统架构名词介绍

6、partition数据路由规则：

7、分区的原因？为什么不再topic下有多个partition？

8、kafka架构及流程

9、kafka集群部署

10、kafka报错分析

一、Zookeeper

1、zookeeper简介

是一个开源分布式的服务，为分布式框架提供协调服务的apache服务项目。

2、zookeeper的特点

①zookeeper是由一个领导者，多个跟随者组成。

②集群中有半数以上的节点存活，集群正常服务，奇数台最小3台。

③全局数据一致，每个server保存一份相同的数据副本，client无论连接到哪台server，数据都一样。

④更新请求顺序执行，来自同一个client更新请求按照其发送顺序一次执行，先进先出。

⑤原子性，要么成功要么失败。

3、zookeeper的工作模式跟工作机制

3.1 工作模式：

文件系统+通知机制

3.2工作机制：

①每个服务端上线时需要到zookeeper集群注册信息

②客户端从zookeeper集群获取在线服务端信息列表并监听

③服务端上线下线时，zookeeper需要更新列表信息并通知客户端

④客户端接收到通知重新获取zookeeper在线服务器列表

4、zookeeper应用场景及选举机制

4.1 应用场景：

统一命名服务，统一配置管理，统一集群管理、服务节点动态上下线、软负载均衡。

4.2 选举机制：
4.2.1第一次启动选举机制：

server1启动，自己给自己投一票，myid为1（可以自己设置，但是集群中不能重复），没有明确的leader处于locking状态。

server2启动，自己给自己投一票，server1会因为server2的myid大于1而把票投给2，处于locking。

server3启动，自己给自己投一票，server3的myid=3比server1跟server2的myid都大，所以server3成为leader

server4启动，已经有leader则加入leader中成为从follower。

4.2.2非第一次启动选举机制：

SID：服务器id，用来表示一台zookeeper集群汇总的机器，每台机器不能重复和myid一致

ZXID：事务id，ZXID是一个事务id，用来标识服务器状态的变更。与服务器对客户端更新请求处理逻辑速度有关。

Epoch：每个leader任期的代号，没有leader时同一轮投票过程中的值是一样的，每投票一次，这个数据就增加。

① Epoch值大的就直接胜出成为leader

②Epoch值相同事务id大的胜出成为leader

③事务id相同则服务器id大的胜出

二、zookeeper集群部署

1、实验环境：

z1：192.168.170.111 myid=1

z2：192.168.170.113 myid=2

z3：192.168.170.114 myid=3

2、安装zookeeper

三台机器执行：
systemctl stop firewalld.service
setenforce 0
#关闭防火墙和selinux
cd /opt
tar -zxvf apache-zookeeper-3.5.7-bin.tar.gz
mv apache-zookeeper-3.5.7-bin /usr/local/zookeeper-3.5.7
#将zookeeper压缩包放入/opt目录并解压，解压后的文件移动到/usr/local下改名为zookeeper-3.5.7
cd /usr/local/zookeeper-3.5.7/conf/
cp zoo_sample.cfg zoo.cfg
vim zoo.cfg
#进入配置文件路径备份配置文件然后修改配置文件，内容如下
tickTime=2000   
#通信心跳时间，Zookeeper服务器与客户端心跳时间，单位毫秒
initLimit=10    
#Leader和Follower初始连接时能容忍的最多心跳数（tickTime的数量），这里表示为10*2s
syncLimit=5     
#Leader和Follower之间同步通信的超时时间，这里表示如果超过5*2s，Leader认为Follwer死掉，并从服务器列表中删除Follwer
dataDir=/usr/local/zookeeper-3.5.7/data      
#修改，指定保存Zookeeper中的数据的目录，目录需要单独创建
dataLogDir=/usr/local/zookeeper-3.5.7/logs   
#添加，指定存放日志的目录，目录需要单独创建
clientPort=2181   
#客户端连接端口
server.1=192.168.170.111:3188:3288
server.2=192.168.170.113:3188:3288
server.3=192.168.170.114:3188:3288
#添加集群信息
erver.A=B:C:D
#A是一个数字，表示这个是第几号服务器。集群模式下需要在zoo.cfg中dataDir指定的目录下创建一个文件myid，这个文件里面有一个数据就是A的值，Zookeeper启动时读取此文件，拿到里面的数据与zoo.cfg里面的配置信息比较从而判断到底是哪个server。
#B是这个服务器的地址。
#C是这个服务器Follower与集群中的Leader服务器交换信息的端口。
#D是万一集群中的Leader服务器挂了，需要一个端口来重新进行选举，选出一个新的Leader，而这个端口就是用来执行选举时服务器相互通信的端口。
mkdir /usr/local/zookeeper-3.5.7/data
mkdir /usr/local/zookeeper-3.5.7/logs
#创建指定的数据存放位置和日志存放位置
echo 1 > /usr/local/zookeeper-3.5.7/data/myid
#192.168.170.111上执行此命令，规划时此机器的myid为1
echo 2 > /usr/local/zookeeper-3.5.7/data/myid
#192.168.170.113上执行此命令，规划时此机器的myid为2
echo 3 > /usr/local/zookeeper-3.5.7/data/myid
#192.168.170.114上执行此命令，规划时此机器的myid为3
vim /etc/init.d/zookeeper
#!/bin/bash
#chkconfig:2345 20 90
#description:Zookeeper Service Control Script
ZK_HOME='/usr/local/zookeeper-3.5.7'
case $1 in
start)
	echo "---------- zookeeper 启动 ------------"
	$ZK_HOME/bin/zkServer.sh start
;;
stop)
	echo "---------- zookeeper 停止 ------------"
	$ZK_HOME/bin/zkServer.sh stop
;;
restart)
	echo "---------- zookeeper 重启 ------------"
	$ZK_HOME/bin/zkServer.sh restart
;;
status)
	echo "---------- zookeeper 状态 ------------"
	$ZK_HOME/bin/zkServer.sh status
;;
*)
    echo "Usage: $0 {start|stop|restart|status}"
esac
#三台机器配置开启zookeeper脚本，#脚本内容为当执行脚本位置变量1为star，stop，restart，status，*时执行对应的服务管理脚本(安装时自带管理服务的脚本)
chmod +x /etc/init.d/zookeeper
chkconfig --add zookeeper
#设置开机自启并使用service管理服务
service zookeeper start
service zookeeper status
#开启并查看服务状态

三、消息队列Kafka

1、为什么要有消息队列？


高并发环境下，同步请求来不及处理，请求往往会发生阻塞，比如大量请求并发访问数据库，导致行锁表，最后请求线程堆积过多，引发雪崩。

2、使用消息队列的好处

2.1 解耦

允许独立的扩展或修改两边的处理过程，只有确保他们遵守同样的接口约束。

2.2可恢复性

系统一部分组件失效不会影响整个系统，消息队列降低了过程的耦合度，即使一个处理消息进程挂掉了，加入队列中的消息仍然可以在系统恢复后被处理。

2.3缓存

有助于控制和优化数据流经过的速度，解决生成消费信息的处理速度不一致的情况。

2.4灵活性&峰值处理能力

能够使关键组件顶住突发的访问压力，而不会因为突发的超负荷的请求而完全崩溃

2.5异步通信

允许用户把一个消息加入队列，但并不处理它。想向队列中放多少消息就放多少，在需要的时候处理它们。

3、消息队列的两种模式

①点对点（就是一对一）

消费者主动拉去数据，消费者将生产者生成的数据拉取完成则消费者将消息删除

②发布/订阅模式（一对多也被称为观察者模式）

消费者消费数据之后不会清除信息

生产者发布消息到topic，同时有多个消费者

观察者（实时观察消费者消费能力即处理数据能力）观察整个消息队列，根据消费者的能力配置。

3、kafka简介

kafka：是一个分布式的，支持分区的，多副本基于发布/订阅模式的消息队列（MQ message quene）主要用于日志和大数据的实时处理。

4、kafka特点

①高吞吐量每秒钟可以处理几十万条消息，延迟最低只是几毫秒

②持久性，可靠性，完善的消息存储机制存储到磁盘，保证数据的高效和持久化

③分布式，生产者数据会存放到所有机器上，挂一台数据不会丢失

④容错性，允许集群中节点失败，允许副本的n-1个节点失败

⑤高并发，支持成千上万个客户端同时读写

5、kafka系统架构名词介绍

①broker：一台kafka服务器就是一个broker。一个集群由多个broker组成，一个broker可以容纳多个topic。

②Produer：生产者。也就是写入消息的一方，将消息写入broker中

③Cinsumer：消费者。也就是读取消息的一方，从broker中读取消息

④Zookeeper：kafka使用zookeeper来管理集群的元数据，以及控制器的选举等操作

⑤topic：主题。每一个消息都属于某个主题，kafka通过主题来划分消息，是一个逻辑上的分类

⑥partition：就是分区

⑦Replica：副本。一个分区可以有多个副本来提高容灾性，一般是设置一个分区2个副本

⑧Offset：偏移量。消费者存在zookeeper上的记录自己访问到什么地方

⑨leader负责读写，follow只负责复制和备份

同一个主题下的消息还可以继续分成多个分区，一个分区只属于一个主题，kafka只保证partition中的数据是有序的，不保证topic中的不通partition数据是有序的，每个topic至少有一个partition,每个 partition 中的数据使用多个 segment 文件存储。

6、partition数据路由规则：

①指定partition，则直接使用、

②未指定partition但指定了key，根据key取模选择partition、

③都未指定则轮询选择partition

7、分区的原因？为什么不再topic下有多个partition？

①方便集群中扩展，每个partition可以通过调整以适应它所在的机器，而一个topic又可以有多个Partition组成，因此整个集群就可以适应任意大小的数据了；

②可以提高并发，因为可以以Partition为单位读写了；

8、kafka架构及流程

①生产者生产数据穿给broker即kafka服务集群

②kafka集群将数据存储在topic主题中，在每个topic主题中有多个分片（分片做了备份在其他topic）

③分片中存储数据，kafka集群注册在zookeeper中，zookeeper通知消费者kafka服务器在线列表

④消费者收到zookeeper通知的在线列表，从broker中拉取数据

⑤消费者保存偏移量到zookeeper中，以便于记录自己宕机消费到什么地方

9、kafka集群部署

基于zookeeper的三台机器操作：
cd /opt/
tar zxvf kafka_2.13-2.7.1.tgz
mv kafka_2.13-2.7.1 /usr/local/kafka
#kafka安装包上传到/opt解压并移动到/usr/local中改名为kafka
#下载地址wget https://mirrors.tuna.tsinghua.edu.cn/apache/kafka/2.7.1/kafka_2.13-2.7.1.tgz
cd /usr/local/kafka/config/
cp server.properties  server.properties.bak
vim server.properties
#kafka主配置文件备份并编辑，内容如下
broker.id=0    
#21行，broker的全局唯一编号，每个broker不能重复，因此要在其他机器上配置 broker.id=1、broker.id=2
listeners=PLAINTEXT://192.168.10.17:9092    
#31行，指定监听的IP和端口，如果修改每个broker的IP需区分开来，也可保持默认配置不用修改
num.network.threads=3    
#42行，broker 处理网络请求的线程数量，一般情况下不需要去修改
num.io.threads=8         
#45行，用来处理磁盘IO的线程数量，数值应该大于硬盘数
socket.send.buffer.bytes=102400       
#48行，发送套接字的缓冲区大小
socket.receive.buffer.bytes=102400    
#51行，接收套接字的缓冲区大小
socket.request.max.bytes=104857600    
#54行，请求套接字的缓冲区大小
log.dirs=/usr/local/kafka/logs        
#60行，kafka运行日志存放的路径，也是数据存放的路径
num.partitions=1    
#65行，topic在当前broker上的默认分区个数，会被topic创建时的指定参数覆盖
num.recovery.threads.per.data.dir=1    
#69行，用来恢复和清理data下数据的线程数量
log.retention.hours=168    
#103行，segment文件（数据文件）保留的最长时间，单位为小时，默认为7天，超时将被删除
log.segment.bytes=1073741824    
#110行，一个segment文件最大的大小，默认为 1G，超出将新建一个新的segment文件
zookeeper.connect=192.168.170.1118:2181,192.168.170.113:2181,192.168.170.114:2181    
#123行，配置连接Zookeeper集群地址，保存后退出
vim /etc/profile
#编辑全局变量文件，添加kafka全局环境变量，内容如下
export KAFKA_HOME=/usr/local/kafka
export PATH=$PATH:$KAFKA_HOME/bin
#export全局生效，修改完后保存退出
source /etc/profile
#刷新全局配置变量文件
#编写管理kafka服务的脚本
vim /etc/init.d/kafka
#!/bin/bash
#chkconfig:2345 22 88
#description:Kafka Service Control Script
KAFKA_HOME='/usr/local/kafka'
case $1 in
start)
	echo "---------- Kafka 启动 ------------"
	${KAFKA_HOME}/bin/kafka-server-start.sh -daemon ${KAFKA_HOME}/config/server.properties
;;
stop)
	echo "---------- Kafka 停止 ------------"
	${KAFKA_HOME}/bin/kafka-server-stop.sh
;;
restart)
	$0 stop
	$0 start
;;
status)
	echo "---------- Kafka 状态 ------------"
	count=$(ps -ef | grep kafka | egrep -cv "grep|$$")
	if [ "$count" -eq 0 ];then
        echo "kafka is not running"
    else
        echo "kafka is running"
    fi
;;
*)
    echo "Usage: $0 {start|stop|restart|status}"
esac
脚本内容为当执行脚本位置变量1为star，stop，restart，status，*时执行对应的服务管理脚本(安装时自带管理服务的脚本)
chkconfig --add kafka
#设置开机自启并使用service管理服务
service kafka   start
service kafka   status
#开启并查看服务状态
 
###随便一台机器执行：
kafka-topics.sh --create --zookeeper 192.168.170.111:2181,192.168.170.113:2181,192.168.170.114:2181 --replication-factor 2 --partitions 3 --topic test
#kafka创建topic即主题test
#--zookeeper：定义 zookeeper 集群服务器地址，如果有多个 IP 地址使用逗号分割，一般使用一个 IP 即可
#--replication-factor：定义分区副本数，1 代表单副本，建议为 2 
#--partitions：定义分区数 
#--topic：定义 topic 名称
kafka-topics.sh --list --zookeeper  192.168.170.111:2181,192.168.170.113:2181,192.168.170.114:2181
#查看当前服务器中的所有 topic
kafka-topics.sh  --describe --zookeeper 
 192.168.170.111:2181,192.168.170.113:2181,192.168.170.114:2181  
#查看某个 topic 的详情
kafka-console-producer.sh --broker-list  192.168.170.111:9092,192.168.170.113:9092,192.168.170.114:9092 --topic test
#进入test的topic主机发布消息，输入完命令后输入123456
kafka-console-consumer.sh --bootstrap-server   192.168.170.111:9092,192.168.170.113:9092,192.168.170.114:9092  --topic test --from-beginning
#在另外一台主机输入消费信息的命令，查看是否可以收到发布的消息
#--from-beginning：会把主题中以往所有的数据都读取出来，即从最开始读取
kafka-topics.sh --zookeeper 192.168.170.111:2181,192.168.170.113:2181,192.168.170.114:2181 --alter --topic test --partitions 6
#修改名为test的topic主题的分区数
kafka-topics.sh --delete --zookeeper 192.168.170.111:2181,192.168.170.113:2181,192.168.170.114:2181 --topic test
#删除名为test的topic

10、kafka报错分析

[2023-04-10 20:01:57,373] WARN [Producer clientId=console-producer] Bootstrap broker 192.168.30.18:2181 (id: -1 rack: null) disconnected (org.apache.kafka.clients.NetworkClient)
[2023-04-10 20:01:57,475] WARN [Producer clientId=console-producer] Bootstrap broker 192.168.30.19:2181 (id: -2 rack: null) disconnected (org.apache.kafka.clients.NetworkClient)
[2023-04-10 20:01:57,577] WARN [Producer clientId=console-producer] Bootstrap broker 192.168.30.20:2181 (id: -3 rack: null) disconnected (org.apache.kafka.clients.NetworkClient)
[2023-04-10 20:01:57,679] WARN [Producer clientId=console-producer] Bootstrap broker 192.168.30.18:2181 (id: -1 rack: null) disconnected (org.apache.kafka.clients.NetworkClient)
[2023-04-10 20:01:57,782] WARN [Producer clientId=console-producer] Bootstrap broker 192.168.30.19:2181 (id: -2 rack: null) disconnected (org.apache.kafka.clients.NetworkClient)
 
 
###报错信息

ERROR org.apache.kafka.common.errors.InvalidReplicationFactorException: Replication factor: 2 larger than available brokers: 1(kafka.admin.TopicCommand$)
 
##三台kafka只起来一台，查看是否配置文件中的broker.id相同了，或者其他俩台防火墙启动错误

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：/a/547346.html

如若内容造成侵权/违法违规/事实不符，请联系我们进行投诉反馈qq邮箱809451989@qq.com，一经查实，立即删除！

相关文章

[阅读笔记1][GPT-3]Language Models are Few-Shot Learners

[阅读笔记1][GPT-3]Language Models are Few-Shot Learners

首先讲一下GPT3这篇论文，文章标题是语言模型是小样本学习者，openai于2020年发表的。 这篇是在GPT2的基础上写的，由于GPT2还存在一些局限，这篇对之前的GPT2进行了一些完善。GPT2提出了多任务学习，也就是可以零样本地用在…
阅读更多...
ABAP MESSAGE 常用的类型

ABAP MESSAGE 常用的类型

类型文本描述A终止处理终止，用户必须重启事务X退出与消息类型A 类似，但带有程序崩溃 MESSAGE_TYPE_XE错误处理受到干扰，用户必须修正输入条目,左下角提示!W警告处理受到干扰，用户可以修正输入条目,左下角提示!I信息处理受到干扰&a…
阅读更多...
数字的字面表示：正负数、进位制、数学浮点数与科学计数法

数字的字面表示：正负数、进位制、数学浮点数与科学计数法

示例&#xff1a; /*** brief how about plain-number? show you here.* author wenxuanpei* email 15873152445163.com(query for any question here)*/ #define _CRT_SECURE_NO_WARNINGS//support c-library in Microsoft-Visual-Studio #include <stdio.h>static…
阅读更多...
【代码随想录】【动态规划】day43：● 1049. 最后一块石头的重量 II ● 494. 目标和 ● 474.一和零

【代码随想录】【动态规划】day43：● 1049. 最后一块石头的重量 II ● 494. 目标和 ● 474.一和零

最后一块石头的重量 与分割等和子集类似 思路&#xff1a;尽量分割成两个sum值相近的数组1和2&#xff0c;求其中一个数组为sum(stone)//2时的一种情况 dp[j]:容量&#xff08;这里说容量更形象&#xff0c;其实就是重量&#xff09;为j的背包&#xff0c;最多可以背最大重量…
阅读更多...
DFS专题：力扣岛屿问题（持续更新）

DFS专题：力扣岛屿问题（持续更新）

DFS专题&#xff1a;力扣岛屿问题 一、岛屿数量 题目链接: 200.岛屿数量 题目描述 代码思路 使用for对每一个网格点进行判断&#xff0c;如果遇到未搜索过的’1’&#xff0c;则使岛屿数加一&#xff0c;并利用dfs将与其相连的‘1’都进行标记&#xff0c;确保每次搜索到1都…
阅读更多...
51单片机-LED模块

51单片机-LED模块

文章目录 1.点亮一个LED灯2.LED闪烁3.LED流水灯 1.点亮一个LED灯 #include <REGX52.H> void main() {P20xFE; //1111 1110while(1){} }2.LED闪烁 增加延时&#xff0c;控制LED的亮灭间隙 延时函数的添加依靠STC-ISP软件的延时函数功能代码自动生成&#xff0c;如图 #i…
阅读更多...
数据库查询：查询入参类型和数据库字段类型不匹配导致的问题

数据库查询：查询入参类型和数据库字段类型不匹配导致的问题

问题&#xff1a;假设我们现在有这样的一张表 CREATE TABLE test_person (id int(20) NOT NULL COMMENT 主键,name varchar(20) DEFAULT NULL COMMENT 姓名,gender char(2) DEFAULT NULL COMMENT 性别,birthday date DEFAULT NULL COMMENT 生日,created_time timestamp NULL D…
阅读更多...
【电控笔记8】前馈技术

【电控笔记8】前馈技术

2.4前馈 前馈可以减轻控制器的负担
阅读更多...
安宝特方案 | AR工业解决方案系列-工厂督查

安宝特方案 | AR工业解决方案系列-工厂督查

在工业4.0时代&#xff0c;增强现实&#xff08;AR&#xff09;技术正全面重塑传统工业生产&#xff0c;在工厂监督领域&#xff0c;其应用不仅大幅提升了生产效率、监测准确性和规范执行程度&#xff0c;而且为整体生产力带来了质的飞跃。 01 传统挑战与痛点 在制造业生产流程…
阅读更多...
【前端面试3+1】17 伪类和伪元素的区别、CSS权重、图片显示优化、【二叉树最大深度】

【前端面试3+1】17 伪类和伪元素的区别、CSS权重、图片显示优化、【二叉树最大深度】

一、伪类和伪元素的区别 1、伪类&#xff1a; 伪类是用来描述元素的特定状态的选择器&#xff0c;比如:hover、:active、:first-child等。伪类在选择器中以冒号&#xff08;:&#xff09;开头&#xff0c;用于匹配处于特定状态的元素。伪类可以用于选择DOM元素的特定状态&#…
阅读更多...
ARM看门狗定时器

ARM看门狗定时器

作用 在S3C2440A中&#xff0c;看门狗定时器的作用是当由于噪声和系统错误引起的故障干扰时恢复控制器的工作。 也就是说&#xff0c;系统内部的看门狗定时器需要在指定时间内向一个特殊的寄存器内写入一个数值&#xff0c;俗称喂狗。 如果喂狗的时间过了&#xff0c;那么看门…
阅读更多...
基于springboot+vue实现的疫情防控物资调配与管理系统

基于springboot+vue实现的疫情防控物资调配与管理系统

作者主页&#xff1a;Java码库 主营内容&#xff1a;SpringBoot、Vue、SSM、HLMT、Jsp、PHP、Nodejs、Python、爬虫、数据可视化、小程序、安卓app等设计与开发。 收藏点赞不迷路 关注作者有好处 文末获取源码 技术选型 【后端】&#xff1a;Java 【框架】&#xff1a;spring…
阅读更多...
探索顶级短视频素材库：多样化选择助力创作

探索顶级短视频素材库：多样化选择助力创作

在数字创作的浪潮中&#xff0c;寻找优质的短视频素材库是每位视频制作者的必经之路。多种短视频素材库有哪些&#xff1f;这里为您介绍一系列精选的素材库&#xff0c;它们不仅丰富多样&#xff0c;而且高质量&#xff0c;能极大地提升您的视频创作效率和质量。 1.蛙学网 蛙学…
阅读更多...
git操作基本命令

git操作基本命令

Git命令操作&#xff1a; 1、服务器上面有新的修改&#xff0c;pull出现错误操作如下 git stash git pull origin master git stash pop 2、删除本地一个文件test.py,想重新download远程服务器最新的文件 #git checkout test.py 3、查看当前处于哪一个分支 #git …
阅读更多...
stm32开发之threadx整合letter-shell 组件记录

stm32开发之threadx整合letter-shell 组件记录

前言 使用过rt-thread的shell 命令交互的方式&#xff0c;觉得比较方便,所以在threadx中也移植个shell的组件。这里使用的是letter-shellletter-shell 核心的逻辑在于组件通过链接文件自动初始化或自动添加的两种方式&#xff0c;方便开发源码仓库 实验(核心代码) shell 线程…
阅读更多...
ECMA进阶1之从0~1搭建react同构体系项目1

ECMA进阶1之从0~1搭建react同构体系项目1

ECMA进阶 ES6项目实战前期介绍SSRpnpm 包管理工具package.json 项目搭建初始化配置引入encode-fe-lint 基础环境的配置修改package.jsonbabel相关tsconfig相关postcss相关补充scripts脚本webpack配置base.config.tsclient.config.tsserver.config.ts src环境server端&#xff1…
阅读更多...
链表--经典题

链表--经典题

题目一&#xff1a;移除链表元素 示例 1&#xff1a; 输入&#xff1a;head [1,2,6,3,4,5,6], val 6 输出&#xff1a;[1,2,3,4,5]示例 2&#xff1a; 输入&#xff1a;head [], val 1 输出&#xff1a;[]示例 3&#xff1a; 输入&#xff1a;head [7,7,7,7], val 7 输出…
阅读更多...
【转】关于vsCode创建后，不显示NPM脚本解决

【转】关于vsCode创建后，不显示NPM脚本解决

刚刚使用vue ui新建了个vue项目&#xff0c;打开vs-code发现&#xff0c;无论怎么设置都找不到NPM脚本显示&#xff0c;苦恼了很久&#xff0c;突然发现&#xff01;打开了package-lock.json&#xff0c;然后立马把vs-code关闭&#xff0c;重新打开&#xff0c;就显示了npm脚本…
阅读更多...
计算机网络(三)数据链路层

计算机网络(三)数据链路层

数据链路层 基本概念 数据链路层功能&#xff1a; 在物理层提供服务的基础上向网络层提供服务&#xff0c;主要作用是加强物理层传输原始比特流的功能&#xff0c;将物理层提供的可能出错的物理连接改在为逻辑上无差错的数据链路&#xff0c;使之对网络层表现为一条无差错的…
阅读更多...
03-echarts如何画立体柱状图

03-echarts如何画立体柱状图

echarts如何画立体柱状图 一、创建盒子1、创建盒子2、初始化盒子&#xff08;先绘制一个基本的二维柱状图的样式&#xff09;1、创建一个初始化图表的方法2、在mounted中调用这个方法3、在方法中写options和绘制图形 二、画图前知识1、坐标2、柱状图图解分析 三、构建方法1、创…
阅读更多...
最新文章

Copyright @ 2022~2023