border-collapse的使用，属性值collapse可以使边框合并，默认值sparate边框分开
border-collapse属性，属性值collapse可以使边框合并，默认值sparate边框分开在表格中不加collapse，默认值是sparate：添加border-collapse:collapse;边框合并：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="wid..
子元素选择器，以 ＞ 分隔开，会选择亲儿子元素
菜单栏显示，某一级菜单获得焦点会展开对应的下一级菜单；需要选择该菜单的亲儿子元素，使用 > 子选择器。如果使用后代选择器，某一级菜单获得焦点其下一级、下下一级……都会显示。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-s
清除浮动的几种方法——浮动元素脱离标准流，会影响页面的排版布局
浮动元素脱离标准流，会影响页面的排版布局，对后面的元素有影响，但不影响前面的元素。清除浮动：给父元素添加高度，那么父元素会占据空间而且是标准流，包含了浮动的元素不会影响下面的元素。 给父元素设置了overflow:hidden;属性，就会为这个块级元素生成一个独立的块圾上下文，就像在window全局作用域内，声明了一个function就会生成 一个独立的作用域一样，使这个块圾元素内部的排版完全独立隔绝。（涉及BFC） 在父元素内部，最后面添加类名为clear的盒子，设置样式clear: bot.
行高和高度的三两事：行高 ＞ 高度 文字靠下；行高 ＜ 高度 文字靠上
先明白行高的原理，行高包含内容区域的高度、上半行间距和下班行间距。如果line-heigt:300px; font-size:20px;算出间距280px，上下半行间距都为140px。行高 > 高度 文字靠下；height: 200px;line-height: 300px;行高 < 高度 文字靠上；height: 200px;line-height: 100px;...
H5和CSS做出三角形，利用border，同时宽高设为0
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> .box { .
图片和文字对齐，vertical-align的用法
vertical-align设置行内元素垂直对齐的方式，属性值有：baseline：与基线对齐top：与顶端对齐text-top－将支持valign特性的对象的文本与对象顶端对齐middle－将支持valign特性的对象的内容与对象中部对齐bottom－将支持valign特性的对象的文本与对象底端对齐text-bottom－将支持valign特性的对象的文本与对象顶端对齐...
STX(0x2)和ETX(0x3)怎么写入到字符串中。
char a[128] = {0};方法1：知道自己要写到哪位，直接替换字符值：a[0]=0x2;a[1]=0x3;方法2：转义写入snprintf(a,sizeof(a), “\002 \003”);例子：环境: ubuntuctrl alt t进入命令行界面vi test.c#include<stdio.h>#include<string.h>int main(){ char a[128] = {0}; char b[128] =
力扣题目：687. 最长同值路径
力扣题目：687. 最长同值路径给定一个二叉树，找到最长的路径，这个路径中的每个节点具有相同值。 这条路径可以经过也可以不经过根节点。注意：两个节点之间的路径长度由它们之间的边数表示。示例 1:输入: 5 / \ 4 5 / \ \ 1 1 5输出:2示例 2:输入: 1 / \ 4 5 / \ \ 4
ES5.5.0查询不稳定情况分析及解决方案
问题描述根据关键字查询数据时，前一次能查到，再次查询时可能查不到（出现在数据刚写入情形下）使用通用查询接口时，查询条数不稳定（出现在数据刚写入情形下）总结：数据消费写入到ES后，经过一个刷新周期（大量数据时一般为30s或60s），数据被批量处理生成segment及其索引前缀，对外可以被查询到，但此时查询会出现查询不稳定情况，一般不超过1分钟就可以稳定下来。原因分析elasticsearch的索引分片有主分片和副本两种属性，副本的功能为故障转移及负载均衡。故障转移：主分片所在主机或节点出现故障
ES5.5.0集群建设优化点
如何决定要部署多少个数据节点？依据以下原则：单节点上单个索引shards不超过3个每个shard数据量不超过30G如果单个索引数据量过大，节点资源不足时，考虑拆分索引如何查询更快速？Routing。结合业务，根据Routing查询，能大幅度提高查询速度。节点所在主机需要修改的系统配置最大文件打开数修改/etc/security/limits.conf文件，添加或修改如下行： （请切换到root用户 然后强制修改文件）* hard nofile 65536* soft..
Elasticsearch全量分页可行性
前言在分布式系统中深度分页理解为什么深度分页是有问题的，我们可以假设在一个有 5 个主分片的索引中搜索。 当我们请求结果的第一页（结果从 1 到 10 ），每一个分片产生前 10 的结果，并且返回给协调节点，协调节点对 50 个结果排序得到全部结果的前 10 个。现在假设我们请求第 1000 页--结果从 10001 到 10010 。所有都以相同的方式工作除了每个分片不得不产生前10010个结果以外。 然后协调节点对全部 50050 个结果排序最后丢弃掉这些结果中的 50040 个结果。可以
Logstash数据顺序写ES
适用场景业务需要将操作ES的多条命令先后执行，如先插入再更新、先删除再插入等，且多条命令执行间隔很短。由于Logstash为批量提交事件，Elasticsearch为异步线程池处理，普通使用方式无法保证数据的事务性。Elasticsearch的乐观锁机制Elasticsearch对每条存储的数据都有版本控制，每一次对一条记录的增删改都会使该条记录的版本号增加1。如果在进行某一次操作时，先进行版本号检查，若当前版本号不是预期的版本号，则本次操作将被取消。删除一条记录后，该记录的版本信息默认将保存1分钟
ES双中心数据稽核（同步）
数据稽核场景基于ES双中心使用场景，需要近实时周期性验证2个ES索引双写的数据差异，并采取措施保证数据的一致性。数据稽核方案由于ES一般承载的数据量较大，无法直接查询到内存中进行明细比对，采用的方案如下：根据业务时间字段查询2个集群索引相同时间段内数据总量，并计算对比所有数据关键字段的CRC32累计值。对比结果有差异的时间段不断细分，重复进行数据量及CRC32比对，最终在内存中进行小数据量明细比对，找出不一致的数据。数据稽核步骤获取指定时间范围内索引数据时间段划分类型查询并统计指定时间范围内的
Spring学习_第一个Spring项目
下载Spring框架spring-framework-4.3.10.RELEASE-dist.zip:http://maven.springframework.org/release/org/springframework/spring/4.3.10.RELEASE/初期学习需要使用其中五个jar:spring-beans-4.3.10.RELEASE.jarspring-aop-4.3...
Spring学习_三种依赖注入对象属性_各种类型注入_特殊值注入_自动装配_注解加入ioc容器
1、三种依赖注入对象属性set注入、构造器注入与命名空间注入<?xml version="1.0" encoding="UTF-8"?><beans xmlns="http://www.springframework.org/schema/beans" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" ...
Spring学习_注解与事务
1、通过注解使方法全部成功或全部失败jar包：事务：spring->lib->spring-tx-4.3.10.RELEASE.jar数据库：ojdbc.jar数据源：commons-dbcp-1.4.jar连接池：commons-pool2-2.6.2.jarspringJDBC：spring-jdbc-4.3.10.RELEASE.jarAOP：aopalliance...
Spring学习_AOP_通知
AOP为什么要使用AOP?有三个类，每个类里都有一个add Student()方法，如果我们每次执行addStudent()前都需要检查数据库内是否已经存在我们要增加的学生，就需要分别在三个方法前添加check()方法，很麻烦，不是吗？so…有了AOP（当然远不止这点功能呢），可以指定那谁谁，虚拟机你在每次跑addStudent()前都来给我调用check()来检查下，哈哈，苦逼的虚拟机。...
Spring学习_基于注解实现AOP_基于配置(Schema)形式实现AOP
基于注解实现AOP新建LogAnnotation.java通知类package com.itheima.aop;//@Component("logAnnotation") //注解将本类加入Spring容器中@Aspect //注解AOPpublic class LogAnnotation{ //注解前置通知 @Before("...
周排行