sticky

kafka里consumer采用的是pull的方式从broker里取数据 push推的方式很难适应消费速率不同的消费者，消息发送速率是有broker决定的，典型的问题表现是消费端拒绝访问和网络堵塞 pull的方式的消费速率是由consumer来确定，如果kafka的topic里没有数据，consumer会长期获取空数据，kafka会在消费时传入一个timeout，如果拉取没有数据，就会等待timeout时长后再返回 Kafka消费分区访问策略： 一个consumer group中有多个consumer，一个topic里有多个partition，这就涉及了partition的分配问题，确定那个partition由哪个consumer来消费 kafka有三种分配策略：range（范围模式，默认的），roundrobin（均衡），sticky（粘性方式v0.11新增） range：默认的分区消费策略 无论多少个分区，只有一个消费者，那么所有分区都分配给这个消费者，每次新的消费者加入消费者组都会触发新的分配 分配策略： 按照topic进行一组来分配给订阅了这个topic的consumer group中的consumer n=分区数/消费者数量，m=分区数%消费者数量，第一个消费者分配n+m个分区，后面的分配n个分区 roundrobin：负载均衡的方式 按照消费者组里的消费者进行平均分配

问题 ：edge浏览器下，固定列的边框消失 原因 ：ng-zorro-antd表格组件使用nzLeft和nzRight指令固定的表格列，这两个指令的实现css3中的标签： position: -webkit-sticky !important; position: sticky !important; 谷歌、火狐及-webkit-内核的浏览器均支持该属性（css3），IE不支持该属性，所以在IE中，会自动降级，表格无固定列，可滑动的形式。 Edge浏览器在1703之后的版本使用了chromium内核，对css3的属性支持较好，也支持sticky属性，可以使用，可以固定表格列，但边框会消失。 解决方案 ： 目前可行的解决方案有如下几种： 不使用固定列，若产品没有明确要求使用固定列，可以放弃使用nzLeft及nzRight来固定表格。从而使各个浏览器下的展示效果一致。 针对Edge浏览器降级处理，与IE浏览器效果一致，无固定列，整体可横向滚动。 自定义实现固定列，不使用组件的固定列实现，通过使用 position: absolute; 这种方式来实现表格的固定列。 第二个方案的详细过程如下： 使用div包裹表格，当表格宽度超过div宽度时，开启滚动： .scroll-table { width: 100%; overflow-x: scroll; } 针对表格，我们可以指定宽度

定位 定位 ：通过定位可以将元素摆放在页面中 任意位置 语法：position属性设置元素的定位 可选值：static：默认值，开启定位 　　　　relative开启 相对定位 　　　　absolute开启 绝对定位 　　　　fixed开启 固定定位 相对定位 ： 当元素设置 position:relative; 开启元素的相对定位 1 开启相对定位，元素不会发生任何变化 2 开启相对定位后，元素 不会脱离文档流 3 相对定位的元素，是相对于其在文档流中的位置进行定位的 4 相对定位会使元素 提升一个层级（可以遮盖其他块） 5 相对定位 不会改变元素的性质，块还是块，行内还是行内 当元素开启定位后，可以通过 四个方向的偏移量（offset） 来控制元素的位置： 　　top:元素与其定位位置的顶部距离 　　bottom：元素与其定位位置的底部距离 　　left:元素与其定位位置的左侧距离 　　 right:元素与其定位位置的右侧距离 绝对定位 ：（难点：参照物？？） 当元素设置 position:absolute; 开启元素的绝对定位 1 绝对定位会完全 脱离文档流 2 绝对定位会改变元素的性质，行内变块，块宽高被内容撑开 3 开启绝对定位后 若不设置偏移量 ，元素的位置不发生变化，位置还在那里 4 绝对定位会相对于离它最近的开启了定位的祖先元素进行定位 5

首先需要创建数据库 我这里是创建本地数据库 代码为 1 conn.execute ( ''' CREATE TABLE IF EXISTS StudentTable( 2 ID INTEGER PRIMARY KEY AUTOINCREMENT, 3 StuId INTEGER NOT NULL, 4 NAME TEXT NOT NULL, 5 CLASS INT NOT NULL, 6 AGE INTEGER Not NULL); ''' ) 7 print ( " Table created successfully " ); 对主页的设计，添加本地图片 1 # 打开本地数据库用于存储用户信息 2 conn = sqlite3.connect( ' student1.db ' ) 3 # 主界面 4 root= Tk() 5 root.title( " 学生信息管理系统 " ) 6 root.config(width=600 ) 7 root.config(height=600 ) 8 9 # 添加窗口背景图片 10 canvas= tkinter.Canvas(root, 11 width=600, # 指定Canvas组件的宽度 12 height=600, # 指定Canvas组件的高度 13 bg= ' white ' # 指定Canvas组件的背景色 14 # im

数据库的创建 conn = sqlite3.connect('student1.db') """ #在该数据库下创建学生信息表 conn.execute ('''CREATE TABLE StudentTable( ID INTEGER PRIMARY KEY AUTOINCREMENT, StuId INTEGER NOT NULL, NAME TEXT NOT NULL, CLASS INT NOT NULL, AGE INTEGER Not NULL);''') print("Table created successfully"); 基于界面的设计有增删改查四个选项 1 from tkinter import * 2 from tkinter import messagebox 3 from tkinter import filedialog 4 from PIL import Image,ImageTk 5 import tkinter 6 import sqlite3 7 # 打开本地数据库用于存储用户信息 8 conn = sqlite3.connect( ' student1.db ' ) 9 # 主界面 10 root= Tk() 11 root.title( " 学生信息管理系统 " ) 12 root.config(width=600 ) 13 root

摘要 　　 近期开发中遇到导航栏下滑吸顶的需求，经过方案调研，发现position：sticky可以简单快捷的实现功能。 sticky（粘贴定位）可以被认为是相对定位和固定定位的混合，元素在跨越特定阀值前为相对定位，之后为固定定位 。根据sticky的特性，只需要添加简单的几行CSS样式代码即可实现导航栏吸顶效果，大大的节省了开发效率。 功能代码实现 .activity-tabs { position: sticky; top: 0; z-index: 999999999; } 效果展示 图片资源来源地址： 　　 https://www.zhangxinxu.com/wordpress/2018/12/css-position-sticky/ 来源： oschina 链接： https://my.oschina.net/u/4406496/blog/4296570

原文: 深入理解CSS绝对定位 CSS中有3种定位机制：普通流，浮动和绝对定位。除非专门指定，否则所有框都在普通流中定位。顾名思义，普通流中元素框的位置由HTML元素的位置决定。块级框一个接一个地垂直排列，框之间的垂直距离由框的垂直外边距计算出。在本文中，我们主要讲解3种定位机制之一的绝对定位，这就需要深入了解relative（相对定位），absolute（绝对定位）两种position属性值。 position的所有属性值如下所示： absolute，生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。 relative，生成相对定位的元素，相对于其正常位置进行定位。 fixed, 生成固定定位的元素，相对于浏览器窗口进行定位。 Fixed 定位在 IE7 和 IE8 下需要描述 !DOCTYPE 才能支持。Fixed定位使元素的位置与文档流无关，因此不占据空间。 static，默认值。没有定位，元素出现在正常的流中（忽略 top, bottom, left, right 或者 z-index 声明）。粘性定位的元素是依赖于用户的滚动，在 position:relative 与 position:fixed 定位之间切换。元素定位表现为在跨越特定阈值前为相对定位，之后为固定定位。（ Internet Explorer, Edge 15 及更早 IE

原文: 深入理解CSS定位—浮动模型 前面我们讲到了绝对定位，在这篇文章中，我们将讲到3种定位模型中的浮动模型。主要参考 张鑫旭在慕课网的 深入理解float 那些年我们一起清过的浮动---by 一丝丝凉 精通CSS 注意 ：第二小节基本参考一丝丝凉的内容，看过这篇就可以略过我的那部分内容。 1. 浮动 浮动： 浮动的框可以左右移动，直到它的外边缘碰到包含框或另一个浮动框的边缘 。和绝对定位元素一样，使用浮动后，该元素也会脱离文档流，即 浮动框不属于文档中的普通流 。 当一个元素浮动之后，不会影响到块级框的布局而只会影响内联框（通常是文本）的排列，文档中的普通流就会表现得和浮动框不存在一样，当浮动框高度超出包含框的时候，也就会出现包含框不会自动伸高来闭合浮动元素（“高度塌陷”现象）。 顾名思义，就是漂浮于普通流之上，像浮云一样，但是只能左右浮动。 正是因为浮动的这种特性，导致本属于普通流中的元素浮动之后，包含框内部由于不存在其他普通流元素了，也就表现出高度为0（高度塌陷）。在实际布局中，往往这并不是我们所希望的，所以需要 闭合浮动元素 ，使其包含框表现出正常的高度。 1.1 浮动设计的初衷与特性 浮动设计的初衷是为了实现文本环绕效果 。明白了浮动的设计初衷，我们就能明白浮动的特性表现了。浮动具有以下两个特性： 包裹性 破坏性 单纯只是说浮动的特性：包裹性与破坏性