- 博客(67)
- 收藏
- 关注
RSS订阅原创 算法每天一练
快排原理取第一个元素作为参考值进行保存，比参考值大的放入右边，比参考值小的放入左边，依次类推，得到有序的数组代码package com.company;import java.util.Arrays;public class Main { public static void main(String[] args) { // write your code here int[] arr = {3,5,1,5,2,6,8,9,0,-1,4,6,7,9,0,-6
2021-09-30 01:36:21
86
原创 前端之立体动画
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> * { margin: 0; padding: 0; } #cube { margin: 200px; width: 300px; height: 300px; /* border: 1.
2021-07-29 09:34:00
90
原创 前端之transform
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> * { margin: 0; padding: 0; } .box { float: left; position: relative; width: 1200px; heigh.
2021-07-29 08:46:56
271
原创 前端之阴影效果
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>标题</title> <style> *{ padding: 0; margin: 0; } input[type='checkbox'] { -webkit-appearance: none; margin: 50px; .
2021-07-27 19:23:01
450
原创 前端之排行榜
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>电影排行榜</title> <style> /* 样式重置：将页面的元素进行初始化 */ * { margin: 0; padding: 0...
2021-07-24 10:04:50
618
原创 前端之OVERFLOW的使用
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> section { width: 800px; margin: 100px auto; } section article { float: left; width: 200px; height.
2021-07-23 21:14:20
208
原创 前端之HTML智能表单
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> * { margin: 0; padding: 0; } form { width: 350px; background-color: #9CBC2B; margin: 20px auto;.
2021-07-23 20:43:11
113
原创 前端之语义化标签
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> * { margin: 0; padding: 0; } .header1 { width: 100%; height: 200px; background-color: #008000; .
2021-07-23 20:03:48
52
原创 前端之样式的hover效果
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> .test { width: 100px; height: 100px; background-color: #000000; } /* 划入效果 */ .test:hover { backgr.
2021-07-23 19:45:43
316
原创 前端之样式的布局定位
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>布局定位</title> <style> html, body { margin: 0; padding: 0; } .fix { width: 100%; height: 200px; /* 定位元素感觉像浮动，但又没有浮动效.
2021-07-23 19:25:13
128
原创 前端之样式元素的不同类型
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>不同类型</title> </head> <!-- 元素类型： 1.块元素：可以设置宽高大小，默认宽度100%，独占一行 如：p ul li h1~h6 div form table 2.内联（行内）元素：无法设置宽高大写，元素大小随内容变化，所有元素默认排在一行，显示出文.
2021-07-23 18:48:35
133
原创 前端之HTML样式总结篇(七)
backgroundbackground-color：背景颜色background-repeat：是否平铺background-image：背景图片background：gray（背景色）url(XXX/xxx.png) (背景图片)no-repeat(平铺方式)省略也可以borderborder-width:边框宽度border-style：边框样式border-color：边框颜色border：1px(宽度) solid（样式）white（颜色，默认是...
2021-07-22 21:20:15
139
原创 前端之HTML盒子模型篇（六）
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>盒子模型</title> <style> /* 所有元素边距为0 */ * { margin: 0px; } body { background-color: green; } #box { width: 1020px;.
2021-07-22 21:02:20
103
原创 前端之HTML元素浮动篇（五）
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>文字环绕和浮动</title> <style> .red { width: 100px; height: 100px; background-color: red; /* 浮动元素会脱了网页文档，与其他元素发生重叠，但是不能与文字内容，所以产生了环绕效果.
2021-07-22 20:12:03
111
原创 前端之HTML图片篇（四）
RGB：R（红色）、G（绿色）、B（蓝色）图片压缩：GIF：支持动画、全透明和不透明两种模式、256种颜色JPG：无损压缩、体积小、不支持透明、不支持动画PNG：无损压缩、体积小、支持透明、不支持动画SVG：矢量图片<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>背景图的使用</title> <style>
2021-07-22 18:52:37
100
原创 前端之HTML样式篇（三）
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>表单</title> </head> <body> <!-- form表情必须有action标签，表示提交地址 方法为post或get --> <form action="www.baidu.com" method="post"> <t.
2021-07-19 16:47:30
172
原创 前端之HTML表单提交（二）
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>表单</title> </head> <body> <!-- form表情必须有action标签，表示提交地址 方法为post或get --> <form action="www.baidu.com" method="post"> <t.
2021-07-19 15:21:49
115
原创 前端之HTML常见标签（一）
<!--告诉浏览器，使用HTML5来解析网页--><!DOCTYPE html><html> <!--头部，网页的整体说明--> <head> <meta charset="utf-8" /> <title></title> </head> <!--主体，网页的内容--> <body> <p>p标签表示段落，独占一行</p>.
2021-07-19 13:36:44
74
原创 springcloud+springcloudalibaba之config（七）
概念微服务意味着要将单体应用中的业务拆分成一个个子服务，每个服务的粒度相对较小，因此系统中会出现大量的服务。由于每个服务都需要必要的配置信息才能运行，所以一套集中式的、动态的配置管理设施必不可少。springcloud提供configServer来解决这个问题，我们每一个微服务自己带着application.yml，上百个配置文件的管理会让我们很无语，所以配置服务器为不同微服务应用的所有环境提供了一个中心化的外部配置作用编码前提pom<?xml version="1..
2021-03-23 02:29:18
213
原创 springcloud+springcloudalibaba之gateway(六)
原理底层使用netty，使用异步非阻塞模型功能限流 日志监控 反向代理 鉴权 熔断架构特性动态路由 集成hystrix断路器 集成springcloud服务发现 易于编写的predicate（断言）和filter（断路器） 请求限流 支持路径重写zuul和gateway区别zuul：阻塞，不支持长连接 gateway：非阻塞，支持长连接zuul流程重要概念route：路由是构建网关的基础模块，它由id，目标url，一系列的路由，过滤器组成 predi..
2021-03-22 22:34:22
338
原创 springcloud+springcloudalibaba之hystrix（五）
服务雪崩多个微服务之间调用的时候，如果某个微服务的响应时间过长或不可用，调用方会占用越来越多的系统资源，进而引起系统崩溃，这就是所谓的雪崩效应。解决方案hystrix用于处理分布式系统的延迟和容错的开源库，他能保证一个依赖出问题的情况下，不会导致整体服务失败，避免级联故障，以提高分布式的系统的弹性短路器本身是一种开关装置，当某个服务单元发生故障之后，通过断路器的故障监控（类似熔断保险丝），向调用方返回一个符合预期的，可处理的备选响应（FallBack），而不是长时间的等待或者调用方无法处理的异常
2021-03-22 11:48:30
453
1
原创 springcloud+springcloudalibaba之openfeign（四）
简介一个声明式的web服务客户端，让编写web服务客户端变得非常容易，只需要创建一个接口并在接口上添加注解即可。 作用 feign旨在使编写javahttp客户端变的非常容易 ribbon使用负载均衡+RestTemplate，但实际过程中接口不仅仅被调用一次，所以对每一个微服务自行封装一些客户端来包装这些依赖服务的调用。所以，feign在基础上进行进一步封装，由他来帮助我们定义和实现依赖服务接口的定义。在feign的实现下，我们只需要创建接口并使用注解的方式来配置它，即可完成服务提供方的.
2021-03-21 09:38:48
171
原创 springcloud+springcloudalibaba之ribbon（三）
基本概念LB负载均衡（loadbalance）将用户请求分配平摊的的分配到多个服务上，从而得到系统的HA（高可用）常见负载均衡软件：nginx，lvs，slb ribbon本地负载均衡客户端（进程内）与nginx服务器端负载均衡（集中式）区别 nginx：客户端将请求交给nginx，由nginx进行转发，即负载均衡是由服务队实现的 ribbon：在调用微服务接口的时候，会在注册中心上获取注册信息之后缓存到jvm本地，从而在本地实现rpc远程服务调用技术 策略 引入代.
2021-03-21 08:14:19
173
原创 springcloud+springcloudalibaba之Eureka（二）
服务治理定义服务治理是主要针对分布式服务框架的微服务，处理服务调用之间的关系、服务发布和发现、故障监控与处理，服务的参数配置、服务降级和熔断、服务使用率监控等。服务与dubbo对比...
2021-03-21 06:38:29
538
原创 springcloud+springcloudalibaba之前篇（一）
架构对比集中式架构（单体架构）：所有功能、模块集中在一个项目中，部署到单个服务器而对外提供服务 分布式架构：把不同的功能和模块拆成到不同的子项目中，部署到不同的服务器中，子项目相互协作提供服务 微服务架构：属于分布式架构...
2021-03-20 05:04:16
178
原创 docker+k8s之docker
虚拟化与容器化的区别虚拟化和容器话的性能对比namespace资源隔离docker安装yum install -y epel-releaseyum install -y yum-utilsyum-config-manager --add-repo http://mirros.aliyun.com/docker-ce/linux/centos/docker-ce.repoyum install -y doker-cesystemctl enable docker.
2021-03-18 09:49:57
180
原创 redis之哨兵模式
简介哨兵（seninel）是一个分布式系统，用于对主从结构中的每台服务器进行监控，当出现故障时通过投票机制选择master并将所有slave连接到新的master中作用监控：不断检查master和slave是否正常运行。通知：当被监控的服务器出现问题时，向其他（哨兵，客户端）发送通知自动故障转移：断开master与slave连接，选取一个slave作为master，将其它slave连接到新的master，并告知客户端新的服务器地址注意：哨兵也是redis服务器，不提供数据服务，通
2021-03-14 17:46:18
168
2
原创 mycat之数据分片（三）
垂直分库根据业务划分配置步骤：在两台机器都创建orders库 修改schema.xml如下图 启动mycat 依次创建customer，orders等表 发现customer创建在154机器中，而其它表在155中说明：下面的创建的好处就是设置好配置文件，就可以不要来回的切换数据库来创建表，但我们也可以用数据库连接工具（如navicate）来进行操作<?xml version="1.0"?><!DOCTYPE mycat:schema SYSTEM "sch
2021-03-14 11:21:38
182
1
原创 mycat之读写分离（二）
说明要想搭mycat读写分离，先搭建mysql主从复制主机数据库配置文件（/etc/my.cnf）#主服务器唯一IDserver-id=1#启动二进制日志log-bin=mysql-bin#设置不要复制的数据库（可设置多个）binlog-ignore-db=mysqlbinlog-ignore-db=information_schema#设置需要复制的数据库binlog-do-db=testdb#设置logbin格式#binlog_format=STATEMENT从机
2021-03-13 19:24:02
173
2
原创 mycat之安装（一）
概念mycat是连接应用软件和数据库的数据库中间件要解决问题java程序与数据库解耦（多数据库在mycat进行配置） 高访问量高并发对数据库压力 读写请求数据量不一致（读写分离）作用读写分离（mycat集群） 数据分片（垂直和水平来拆分数据库或表） 多数据源整合原理mycat的原理是拦截，它拦截用户发过来的sql，做了如下分析，然后发往后端真实的数据库分片分析 路由分析 读写分离分析 缓存分析安装启动下载地址：https://pan.baidu.com/s/1
2021-03-13 17:03:06
67
原创 rocketMq之安全性（结尾：十）
顺序消息的重试顺序消息消费失败后，rocketMq会进行不断地重试（1秒），所以使用顺序消息要保证及时监控，避免阻塞现象发生无序消息的重试无序消息消费失败时，是可以设置返回状态的。无序消息的重试只针对集群模式，广播模式不会进行重试重试次数默认情况下，总共16次，会进入死信队列，如果配置大于16次，则时间间隔是2小时，下面是表示间隔时间：注意：重试时messageId不会变化配置方式消息消费失败，重试配置方式，推荐方式1死信队列当超过最大重试测试仍然还无法消费时，消息会进
2021-02-10 21:18:46
454
原创 rocketMq之高可用（九）
消息消费高可用性默认消费者会从master中读，当master忙或不可用的时候，消费者自动切换到从slave中读，而不需要进行其它配置消息发送高可用性设置多master的架构主从复制如果一个broker组有master和slave，那么master同步消息到slave有同步复制和异步复制两种同步复制master和slave均写成功才能反馈到客户端表示写成功状态，优点是容易恢复，缺点是降低吞吐量异步复制master写成功就能反馈到客户端表示写成功状态主从配置SYNC_MASTE
2021-02-10 14:47:57
90
原创 rocketMq之消息存储（八）
因为有高可用的需求，所以要进行持久化存储消息存储顺序写保证存储速度，是随机写的6000倍消息发送使用零拷贝，省去内核态到用户态的转化，使用了零拷贝技术，底层使用MappedByteBuffer的api技术消息存储结构commitlog存储消息的元数据 consumerQueue存储消息在commitlog的索引 indexfile存储通过key或时间查询消息的办法，不影响主流程刷盘机制由安全性和性能决定使用同步刷盘或异步刷盘...
2021-02-10 14:06:49
81
原创 rocketMq之消息种类（七）
消费模式负载均衡模式（默认模式）消费者共同分担消费任务，例如，生产者来10个消息，总共有两个消费者，一个消费者消费2个，一个消费者消费8个广播模式所有消费者都要消费生产者发送的全部消息，例如，生产者来10个消息，总共两个消费者，一个消费者消费10，另一个消费者也消费10个...
2021-02-04 07:12:50
406
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人