sticky

sticky -- position定位属性sticky值之粘性定位;

痞子三分冷 提交于 2020-12-17 04:53:39
  sticky简述 sticky 是css定为新增的属性;可以说是相对定位relative和固定定位fixed的结合; 它主要用在对scroll事件的监听上,简单说在滑动过程中,某个元素的距离其父元素的距离达到 sticky 粘性定位 要求时; position:sticky 这时的效果就相对于 fixed 定位,固定到适当的位置。 使用条件: 1. 父元素不能设置 overflow:hidden; 或者 overflow:auto; 属性; 2. 必须制定 top、bottom 、left 、 right 4个值之一,否则只会处于相对定位; 3. 父元素的高度不能低于sticky 元素的高度; 4. sticky 元素仅在其父元素内生效; 基本使用示例 : (如果下面这个demo你能正常运行,说明当前浏览器是支持的)   兼容性一览: https://caniuse.com/#feat=css-sticky 111111 没错,我就是sticky,请向上滚动 2222222 3333333 444444444 55555555555 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width,

CSS粘性定位

痞子三分冷 提交于 2020-12-17 03:57:12
  position:sticky粘性定位   sticky是css定位中不太常用的一种定位,但是可以根据粘性定位的特性 在页面中达到你想要的效果。   像是某些网站,在主导航栏下面还会有副导航栏,要实现页面往下拉,副导航栏一直定位在页面顶部,除了可以用js监听onscroll事件来实现,还可以通过sticky定位轻松搞定。   这里拿炉石传说的官网举例,打开页面是这样 当下拉滚动条,内容部分的导航栏就会停留在页面顶部 简单写个demo <! DOCTYPE html > < html lang ="en" > < head > < meta charset ="UTF-8" > < meta name ="viewport" content ="width=device-width, initial-scale=1.0" > < meta http-equiv ="X-UA-Compatible" content ="ie=edge" > < title > Document </ title > < style > .sticky { width : 100% ; color : white ; background-color : cadetblue ; border : 1px solid red ; position : sticky ; top : 0 ; } .div

Android EventBus的基本用法(kotlin版)

别等时光非礼了梦想. 提交于 2020-12-16 12:10:15
EventBus https://github.com/greenrobot/EventBus EventBus是一种用于Android的事件发布-订阅总线。它简化了应用程序内各个组件之间进行通信的复杂度,尤其是碎片之间进行通信的问题,可以避免由于使用广播通信而带来的诸多不便。 接收方 class MainActivity : AppCompatActivity ( ) { override fun onCreate ( savedInstanceState : Bundle ? ) { super . onCreate ( savedInstanceState ) setContentView ( R . layout . activity_main ) EventBus . getDefault ( ) . register ( this ) //注册,重复注册会导致崩溃 MainActivity2 . start ( this ) } override fun onDestroy ( ) { super . onDestroy ( ) EventBus . getDefault ( ) . unregister ( this ) //解绑 } //接收消息 @Subscribe ( threadMode = ThreadMode . MAIN ) fun

转:Python 简单串口收发GUI界面

时光总嘲笑我的痴心妄想 提交于 2020-12-13 14:01:40
https://blog.csdn.net/freedom098/article/details/48211567 忙活了三个多小时,连学带做,总算是搞出来了一个具有基本功能的串口通信PC机的GUI界面,Tkinter在python中确实很好用,而且代码量确实也很少,不足的是Tkinter不自带combox,但是幸运的是我下载的2.7版本自带了包含有combox的ttk模块,于是乎问题就顺利解决了。下面是源代码,一些错误提示功能还没有做,目前只是简单地实现了下位机与PC的通信界面,下位机还是用的STM32F103 #encoding=utf-8 __author__ = 'freedom' from Tkinter import * from serial import * import ttk class GUI(Frame): def __init__(self,master): frame = Frame(master) frame.pack() #串口设置相关变量 self.port = 0 self.baudrate = 9600 #串口号提示 self.lab1 = Label(frame,text = 'Serial Number') self.lab1.grid(row = 0,column = 0,sticky = W) #串口号选择下拉菜单 self

session跨域共享问题解决方案

大城市里の小女人 提交于 2020-11-28 04:12:29
在讨论 session 跨域共享问题之前,我们首先要了解 session 做了什么,没做什么 1. HTTP 是 无状态 的,也就是说服务器不知道谁访问过他,但是有时间,又需要我们去保留这个状态比如说用户的登录信息,如果每次访问都要登录,这个用户体验实在是太糟糕了,session 就解决了这个问题,他把用户登录信息维护在服务端,会生成一个JSessionID给客户端,客户端下次访问的时候就带着这个JSessionID,服务端根据这个IP去查找用户信息。 2.当然,session 的缺点也很明显,session 是存在服务器的 内存 中的,如果 session 过多会 影响服务器的性能 。因为 session 只在一台服务器里,当有多台服务器的时候,访问别的服务器肯定会失败。 明确了 session所做的事以及它的缺陷之后,解决 session 存在的问题就容易多了,下面我简要说一下5种解决方案 Session Sticky Session复制 Session集中存储 Cookie Token Session Sticky:是指让 同一客户端 的请求,落在 同一台服务器 上,因为不会落在别的服务器上,所以自然就不会出现跨域问题。但是这个方案的 缺点 也是非常明显的。就是 不管比采用什么算法 ,用户的请求落在那一台服务器上都是由 用户来决定的 ,可能会造成 单点压力

如何获取物体表面的法向量?

两盒软妹~` 提交于 2020-11-03 11:33:12
点击上方 “ 小白学视觉 ”,选择加" 星标 "或“ 置顶 ” 重磅干货,第一时间送达 相信小伙伴们都会对Light Stage的惊人效果印象深刻。 这种逼真的效果,一个很重要的原因是获取到了人脸表面的法向量。在文章中我还提到,当需要在不同的视角下重建反射场时,是“通过表面的漫反射分量”来完成的,但这是如何做到的呢? 这就引入了我们今天想要讲的主题: 光度立体法 一、光度立体法原理 光度立体法,即Photometric Stereo, 最早是由当时在MIT的人工智能实验室的Robert J. Woodham教授在1978年左右提出,比较系统的阐述可以看他在1979年的论文《Photometric stereo: A reflectance map technique for determining surface orientation from image intensity》,以及1980年的论文《Photometric Method for Determining Surface Orientation from Multiple Images》。 这种方法的用途是可以重建出物体表面的法向量,以及物体不同表面点的反射率,最关键的是它不像传统的几何重建(例如立体匹配)方法那样需要去考虑图像的匹配问题,因为所需要做的只是采集三张以上,由不同方向的光照射物体的图像。这个过程中

文件权限管理

﹥>﹥吖頭↗ 提交于 2020-10-27 11:57:13
r w x 对文件的权限 对目录的权限 chown chgrp chmod 格式: MODE:who opt permission suid sgid sticky 访问控制列表 ACL setfacl getfacl setfacl -m u:wang:- f1.txt setfacl -m u:mage:rw f1.txt setfacl -b f1.txt #删除ACL所有配置 mask权限 影响所有者和other以外所有人的权限 来源: oschina 链接: https://my.oschina.net/u/4390196/blog/4690703

10月Flutter最新学习资料汇总

陌路散爱 提交于 2020-10-13 14:03:25
一文道尽Flutter最新最全的学习资料。 WARNING:内容较长建议收藏以便后续的查找和学习。 目录 文章 视频 组件 导航 模板 插件 框架 实验性 游戏 开源App 实用工具 社区 书籍 福利 文章 介绍 Google IO 2018 [1.1K👏] - 构建美观灵活的用户界面。 Presentation - 为什么我会选择Flutter 由 Helio S. Junior 提供。 Flutter Web - Flutter Web的来龙去脉 by Nash 提供. 网站/博客 Flutter技术专栏 Welcome to Flutter - 英文和法文博客致力于为Ditter Boelens提出的有关Flutter的最常见问题提供实用的解决方案。 SZAŁKO-BLOG - 渐进式高级设计由 Marcin Szalek 提供。 Flutter by Example - 基于ReduxFirebase自定义动画和UI的教程。 Flutter Institute - 非常原创的内容和教程由 Brian Armstrong 提供。 Iirokrankka.com - 关于FlutterDart和任何相关的文章和教程由 Iiro Krankka 提供。 Norbert - 深度文章、特色与应用创建由 Norbert515 提供。 Flutter Tips -