首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

五. css 布局之 position(定位)

相对定位: 当元素的position属性值设置为relative时则开启了元素的相对定位 相对定位的特点: 1.元素开启相对定位以后,如果不设置偏移量元素不会发生任何的变化 2.相对定位是参照于元素在文档流中的位置进行定位的...position属性设置为fixed则开启了元素的固定定位 固定定位也是一种绝对定位,所以固定定位的大部分特点都和绝对定位一样, 唯一不同的是固定定位永远参照于浏览器的视口进行定位, 固定定位的元素不会随网页的滚动条滚动...​ 当元素的position属性设置为sticky时则开启了元素的粘滞定位 粘滞定位和相对定位的特点基本一致, 不同的是粘滞定位可以在元素到达某个位置时将其固定 时则开启了元素的粘滞定位 - 粘滞定位和相对定位的特点基本一致,...不同的是粘滞定位可以在元素到达某个位置时将其固定 */ position: sticky; top: 10px;

2.2K41

常用指令&权限管理

(后翻,下一页)b(意味着back),ctrl+b向上滚动一屏(前翻,上一页)q退出查看enter向下n行,需要定义。...(后翻,下一页) b(意味着back),ctrl+b,pagedown 向上滚动一屏(前翻,上一页) d,ctrl + d 向下滚动半屏 u,ctrl + u 向上移动半屏 ↓,j 向下滚动一行 ↑,k...可以将数据重定向到压缩包中,这样在不删除源文件的同时还不会将数据打印到屏幕上 -d # 对压缩包解压 -f # 强行压缩或解压文件,不理会文件名或者硬连接是否存在以及该文件是否为符号连接。...,加上了粘滞位的目录,具有w权限的用户不能删除目录下别人的文件了,只能删除自己的文件 chmod +t 目录 只有 root 和 目录所有者 才能给目录加上粘滞位 将work目录加上粘滞位之后,yujin...就没办法删除root创建的文件root_work2了 当一个目录被加上粘滞位的时候,该目录下的文件只能由 root删除 该目录的所有者删除 该文件的所有者删除 关于权限的总结 目录的可执行权限是表示你可否在目录下执行命令

47320
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    页面中元素的吸顶

    [需求] 滚动页面到顶部,实现某元素固定到顶部效果 点击某个按钮,页面滚动到相应的位置 滚动页面,当到达某个位置时,高亮对应的相关按钮 [元素吸顶实现方式] 关于元素吸顶效果,通过查阅相关资料和相关测试...sticky元素效果完全受限于父级元素,使用条件: sticky元素的父元素的overflow只能设置为visible,否则会导致没有粘滞效果 sticky元素的父元素不能设置固定的高度,否则会导致没有粘滞效果...sticky满足条件变成fixed定位时,与标准fixed元素不一样,不会脱离文档流 sticky 定位的元素不能添加一个只包含自身的父元素,会导致没有粘滞效果 同一个父级元素中的sticky元素,如果定位值相等...因此我们需要注意的是,在监听页面滚动的过程中,需要将定位父级元素的偏移量也计算在内,可以如下写法: //获取当前元素的offsetTop getOffsetTop(obj) {...的mounted生命周期函数中添加监听事件滚动的事件: mounted() { /**通过给变成固定定位的元素添加一个同等高度的父元素,防止该元素变成固定定位时,脱离文档流导致的页面抖动 */

    1.3K30

    【linux】权限

    在Linux和其他类Unix系统中,“可执行权限”(execute permission),表示为 x,是用于控制用户或用户组是否有权限执行某个文件的一种文件权限。...当粘滞位设置在目录上时,它影响该目录中文件的删除。粘滞位可以确保只有文件的所有者或根用户(root)可以删除或重命名目录内的文件。这一特点特别对公共目录很有用,如/tmp。...在/tmp等临时文件目录中,许多用户都有写入权限,系统利用粘滞位可以防止用户删除或重命名不属于他们的文件。即便用户有目录的写权限,没有粘滞位他们也不能删除他人的文件。...要设置一个名为 shared_dir 的目录的粘滞位: chmod +t shared_dir 要取消设置该目录的粘滞位: chmod -t shared_dir 在设置粘滞位时,通常也会为该目录设置所有用户的可写权限...当一个目录被设置为"粘滞位"(用chmod +t),则该目录下的文件只能由 一、超级管理员删除 二、该目录的所有者删除 三、该文件的所有者删除 权限设置表示法 使用八进制数字设置粘滞位时,前面会增加一个

    8410

    liunx入门:Linux下基本指令

    若同时指定多个文件或目录,而最后的目的地并非一个已存 在的目录,则会出现错误信息 常用选项: -f 或 --force 强行复制文件或目录, 不论目的文件或目录是否已经存在 -i 或 --interactive...-i :若目标文件 (destination) 已经存在时,就会询问是否覆盖 cat 语法: cat [选项][文件] 功能: 查看目标文件的内容 常用选项: -b 对非空输出行编号 -n 对输出的所有行编号...*选项: -i 忽略搜索时的大小写 -N 显示每行的行号 /字符串:向下搜索“字符串”的功能 ?字符串:向上搜索“字符串”的功能 n:重复前一个搜索(与 / 或 ?...可写权限: 如果目录没有可写权限, 则无法在目录中创建文件, 也无法在目录中删除文件....粘滞位 为了防止拥有写权限的用户删除目录文件,Linux引入了粘滞位的概念 当一个目录被设置为"粘滞位"(用chmod +t),则该目录下的文件只能由 一、超级管理员删除 二、该目录的所有者删除

    2.1K20

    Interection Observer如何观察变化

    完成所有这些计算后,就像观察者一样,将数据存储在条目数组中。然后,在两者之间删除和应用类的功能完全相同。另外我使用了requestAnimationFrame对滚动事件进行了节流处理。...在根元素中滚动时,将出现目标,并且其位置将在按钮上方的输出中报告。...因此,我们根据输入对象的isIntersecting属性添加和删除类。...在此demo中,当粘滞状态处于活动状态时,在延迟的过渡中会出现一个隐藏的章节符号。没有Intersection Observer之类的辅助手段,很难达到这种效果。...当目标首次进入根元素时,将创建滚动事件侦听器,然后在目标离开根元素时将其删除。滚动时,输出仅显示每个事件的时间戳,以实时显示事件的变化-比单独的观察者要精确得多。 下面是JavaScript。

    2.6K20

    vim-神之编辑器-命令汇总笔记

    知识汇总: 1:移动光标 h j k l :对应左下上右, e :移动到下一个单词的末尾 w:动到下一个单词的开头 Ctrl + e 向下滚动一行 ​Ctrl + y 向上滚动一行 ​Ctrl + d...向下滚动半屏 ​Ctrl + u 向上滚动半屏 ​​Ctrl + f 向下滚动一屏 ​​Ctrl + b 向上滚动一屏 2:删除 x      删除光标所在位置的字符。...:%s/old/new/gc    会找到整个文件中的每个匹配串,并且对每个匹配串 提示是否进行替换。 ​    ​ddp 交换光标所在行和其下紧邻的一行。.../usr/bin/python3 % “设置python能够f Vimium 常用的按键功能解释: j:向下细微滚动窗口   k:向上细微滚动窗口 J:(Shift+j的意思,以下大写全部表示加...g+s:查看网页的源代码 r:重新载入当前网页(顺便提一句,这点上新浪微博和它是一样的,光标没有定位在发送框时,即便没有安装这个插件你也可以用j/k来控制页面上下滚动,用r在刷新,用f或者p来定位到发送框

    1K30

    程序与设计

    cat、less、grep cat命令 用途:显示出文件的全部内容 格式:cat 目标文件 less命令 用途:全屏方式分页显示文件内容 交互操作方法: 按Enter键向下逐行滚动...,例如:由普通用户1在 /tmp 目录中尝试删除 普通用户2的文件,对比是否设置粘滞位的区别 注意:为普通文件或者用户本没有写入权限的目录设置粘滞位语法上也是可行的,但没有实际意义(标记字符将变为大写字母...,例如:由普通用户1在 /tmp 目录中尝试删除 普通用户2的文件,对比是否设置粘滞位的区别 注意:为普通文件或者用户本没有写入权限的目录设置粘滞位语法上也是可行的,但没有实际意义(标记字符将变为大写字母...cat、less、grep cat命令 用途:显示出文件的全部内容 格式:cat 目标文件 less命令 用途:全屏方式分页显示文件内容 交互操作方法: 按Enter键向下逐行滚动...,例如:由普通用户1在 /tmp 目录中尝试删除 普通用户2的文件,对比是否设置粘滞位的区别 注意:为普通文件或者用户本没有写入权限的目录设置粘滞位语法上也是可行的,但没有实际意义(标记字符将变为大写字母

    68540

    RHCSA项目总结

    cat、less、grep cat命令 用途:显示出文件的全部内容 格式:cat 目标文件 less命令 用途:全屏方式分页显示文件内容 交互操作方法: 按Enter键向下逐行滚动...,例如:由普通用户1在 /tmp 目录中尝试删除 普通用户2的文件,对比是否设置粘滞位的区别 注意:为普通文件或者用户本没有写入权限的目录设置粘滞位语法上也是可行的,但没有实际意义(标记字符将变为大写字母...,例如:由普通用户1在 /tmp 目录中尝试删除 普通用户2的文件,对比是否设置粘滞位的区别 注意:为普通文件或者用户本没有写入权限的目录设置粘滞位语法上也是可行的,但没有实际意义(标记字符将变为大写字母...cat、less、grep cat命令 用途:显示出文件的全部内容 格式:cat 目标文件 less命令 用途:全屏方式分页显示文件内容 交互操作方法: 按Enter键向下逐行滚动...,例如:由普通用户1在 /tmp 目录中尝试删除 普通用户2的文件,对比是否设置粘滞位的区别 注意:为普通文件或者用户本没有写入权限的目录设置粘滞位语法上也是可行的,但没有实际意义(标记字符将变为大写字母

    37940

    末行模式中的基本操作 保存文件及退出vi编辑器 功能 命令 保存文件 :w :w rootnewfile 退出vi :q :q! 保存文件退出vi :wq 打开新文件或读入其他文件内容 命令

    cat、less、grep cat命令 用途:显示出文件的全部内容 格式:cat 目标文件 less命令 用途:全屏方式分页显示文件内容 交互操作方法: 按Enter键向下逐行滚动.../tmp 目录中尝试删除 普通用户2的文件,对比是否设置粘滞位的区别 注意:为普通文件或者用户本没有写入权限的目录设置粘滞位语法上也是可行的,但没有实际意义(标记字符将变为大写字母“T”) which.../tmp 目录中尝试删除 普通用户2的文件,对比是否设置粘滞位的区别 注意:为普通文件或者用户本没有写入权限的目录设置粘滞位语法上也是可行的,但没有实际意义(标记字符将变为大写字母“T”) which.../tmp 目录中尝试删除 普通用户2的文件,对比是否设置粘滞位的区别 注意:为普通文件或者用户本没有写入权限的目录设置粘滞位语法上也是可行的,但没有实际意义(标记字符将变为大写字母“T”) which.../tmp 目录中尝试删除 普通用户2的文件,对比是否设置粘滞位的区别 注意:为普通文件或者用户本没有写入权限的目录设置粘滞位语法上也是可行的,但没有实际意义(标记字符将变为大写字母“T”) which

    1.3K40

    shell命令概述 Shell作用:命令解释器 介于操作系统内核与用户之间,负责解释命令行 获得命令帮助 内部命令help 命令的“--help” 选项 使用man命令阅读手册页 命令行编辑的几个辅

    cat、less、grep cat命令 用途:显示出文件的全部内容 格式:cat 目标文件 less命令 用途:全屏方式分页显示文件内容 交互操作方法: 按Enter键向下逐行滚动.../tmp 目录中尝试删除 普通用户2的文件,对比是否设置粘滞位的区别 注意:为普通文件或者用户本没有写入权限的目录设置粘滞位语法上也是可行的,但没有实际意义(标记字符将变为大写字母“T”) which.../tmp 目录中尝试删除 普通用户2的文件,对比是否设置粘滞位的区别 注意:为普通文件或者用户本没有写入权限的目录设置粘滞位语法上也是可行的,但没有实际意义(标记字符将变为大写字母“T”) which.../tmp 目录中尝试删除 普通用户2的文件,对比是否设置粘滞位的区别 注意:为普通文件或者用户本没有写入权限的目录设置粘滞位语法上也是可行的,但没有实际意义(标记字符将变为大写字母“T”) which.../tmp 目录中尝试删除 普通用户2的文件,对比是否设置粘滞位的区别 注意:为普通文件或者用户本没有写入权限的目录设置粘滞位语法上也是可行的,但没有实际意义(标记字符将变为大写字母“T”) which

    58230

    Dubbo Cluster集群那点你不知道的事。

    3.默认的集群实现类是什么呢? 4.Failover Cluster调用失败之后,会自动进行几次重试呢? 5.什么是Dubbo的粘滞连接? 6.粘滞连接在Cluster中是怎么应用的?...对服务提供者来说,究竟是有状态的服务提供者,还是无状态服务,其判断依据就一句话: 从客户端发起的两个或者多个请求,在服务端是否具备上下文关系。 举个例子,我们经常会用到的session。...通过源码我们可以看出,select方法的主要逻辑集中在了对粘滞连接特性的支持上。...关于粘滞连接和可用性检测的默认配置如下: 即默认情况下粘滞连接是关闭状态。当粘滞连接开启时,默认会进行可用性检查。 关于select方法先分析这么多,继续向下分析。...6.粘滞连接在Cluster中是怎么应用的? 参照AbstractClusterInvoker select源码解析。select方法的主要逻辑集中在了对粘滞连接特性的支持上。

    43300

    Dubbo Cluster集群那点你不知道的事。

    3.默认的集群实现类是什么呢? 4.Failover Cluster调用失败之后,会自动进行几次重试呢? 5.什么是Dubbo的粘滞连接? 6.粘滞连接在Cluster中是怎么应用的?...w=1280&h=775&f=jpeg&s=80638] 所以,和之前相比,在Dubbo 2.7.5以后,对于多注册中心订阅的场景,选址时的多了一层注册中心集群间的负载均衡。...对服务提供者来说,究竟是有状态的服务提供者,还是无状态服务,其判断依据就一句话: 从客户端发起的两个或者多个请求,在服务端是否具备上下文关系。 举个例子,我们经常会用到的session。...通过源码我们可以看出,select方法的主要逻辑集中在了对粘滞连接特性的支持上。...当粘滞连接开启时,默认会进行可用性检查。 关于select方法先分析这么多,继续向下分析。

    76900

    权力与优雅:Linux 权限的隐秘诗篇

    用户权限 在 Linux 系统中,root 用户和普通用户是两类不同权限级别的用户,分别承担着系统管理和普通操作的角色。...从 root 用户切换到普通用户: 退出 root 用户: exit 指定切换到某个普通用户: su username su - 指令 su - 指令在切换用户时就相当于重新登录,不会在原有的目录下切换...粘滞位的作用 在常规权限设置下,如果一个用户对目录有写权限,就可以删除或修改该目录中的任何文件,而不管这些文件是否属于自己。...粘滞位的作用是限制这种行为,提供更精细的权限控制: 只有文件的所有者、目录的所有者或超级用户(root)才能删除或修改文件。 其他用户即使对目录有写权限,也不能删除或修改非自己创建的文件。...粘滞位的典型使用场景 公共目录: 如 /tmp 目录,所有用户都可以在其中创建文件,但不能随意删除其他用户的文件。

    12310

    Linux-RHSA总结

    cat、less、grep cat命令 用途:显示出文件的全部内容 格式:cat 目标文件 less命令 用途:全屏方式分页显示文件内容 交互操作方法: 按Enter键向下逐行滚动...,例如:由普通用户1在 /tmp 目录中尝试删除 普通用户2的文件,对比是否设置粘滞位的区别 注意:为普通文件或者用户本没有写入权限的目录设置粘滞位语法上也是可行的,但没有实际意义(标记字符将变为大写字母...,例如:由普通用户1在 /tmp 目录中尝试删除 普通用户2的文件,对比是否设置粘滞位的区别 注意:为普通文件或者用户本没有写入权限的目录设置粘滞位语法上也是可行的,但没有实际意义(标记字符将变为大写字母...cat、less、grep cat命令 用途:显示出文件的全部内容 格式:cat 目标文件 less命令 用途:全屏方式分页显示文件内容 交互操作方法: 按Enter键向下逐行滚动...,例如:由普通用户1在 /tmp 目录中尝试删除 普通用户2的文件,对比是否设置粘滞位的区别 注意:为普通文件或者用户本没有写入权限的目录设置粘滞位语法上也是可行的,但没有实际意义(标记字符将变为大写字母

    94030

    shell命令概述 Shell作用:命令解释器 介于操作系统内核与用户之间,负责解释命令行 获得命令帮助 内部命令help 命令的“--help” 选项 使用man命令阅读手册页 命令行编辑的几个辅助

    /tmp 目录中尝试删除 普通用户2的文件,对比是否设置粘滞位的区别 注意:为普通文件或者用户本没有写入权限的目录设置粘滞位语法上也是可行的,但没有实际意义(标记字符将变为大写字母“T”) which...cat、less、grep cat命令 用途:显示出文件的全部内容 格式:cat 目标文件 less命令 用途:全屏方式分页显示文件内容 交互操作方法: 按Enter键向下逐行滚动.../tmp 目录中尝试删除 普通用户2的文件,对比是否设置粘滞位的区别 注意:为普通文件或者用户本没有写入权限的目录设置粘滞位语法上也是可行的,但没有实际意义(标记字符将变为大写字母“T”) which.../tmp 目录中尝试删除 普通用户2的文件,对比是否设置粘滞位的区别 注意:为普通文件或者用户本没有写入权限的目录设置粘滞位语法上也是可行的,但没有实际意义(标记字符将变为大写字母“T”) which.../tmp 目录中尝试删除 普通用户2的文件,对比是否设置粘滞位的区别 注意:为普通文件或者用户本没有写入权限的目录设置粘滞位语法上也是可行的,但没有实际意义(标记字符将变为大写字母“T”) which

    30740

    使用man命令阅读手册页 命令行编辑的几个辅助

    cat、less、grep cat命令 用途:显示出文件的全部内容 格式:cat 目标文件 less命令 用途:全屏方式分页显示文件内容 交互操作方法: 按Enter键向下逐行滚动.../tmp 目录中尝试删除 普通用户2的文件,对比是否设置粘滞位的区别 注意:为普通文件或者用户本没有写入权限的目录设置粘滞位语法上也是可行的,但没有实际意义(标记字符将变为大写字母“T”) which.../tmp 目录中尝试删除 普通用户2的文件,对比是否设置粘滞位的区别 注意:为普通文件或者用户本没有写入权限的目录设置粘滞位语法上也是可行的,但没有实际意义(标记字符将变为大写字母“T”) which.../tmp 目录中尝试删除 普通用户2的文件,对比是否设置粘滞位的区别 注意:为普通文件或者用户本没有写入权限的目录设置粘滞位语法上也是可行的,但没有实际意义(标记字符将变为大写字母“T”) which.../tmp 目录中尝试删除 普通用户2的文件,对比是否设置粘滞位的区别 注意:为普通文件或者用户本没有写入权限的目录设置粘滞位语法上也是可行的,但没有实际意义(标记字符将变为大写字母“T”) which

    45130

    shell命令概述 Shell作用:命令解释器 介于操作系统内核与用户之间,负责解释命令行 获得命令帮助 内部命令help 命令的“--help” 选项 使用man命令阅读手册页 命令行编辑的几个辅

    cat、less、grep cat命令 用途:显示出文件的全部内容 格式:cat 目标文件 less命令 用途:全屏方式分页显示文件内容 交互操作方法: 按Enter键向下逐行滚动.../tmp 目录中尝试删除 普通用户2的文件,对比是否设置粘滞位的区别 注意:为普通文件或者用户本没有写入权限的目录设置粘滞位语法上也是可行的,但没有实际意义(标记字符将变为大写字母“T”) which.../tmp 目录中尝试删除 普通用户2的文件,对比是否设置粘滞位的区别 注意:为普通文件或者用户本没有写入权限的目录设置粘滞位语法上也是可行的,但没有实际意义(标记字符将变为大写字母“T”) which.../tmp 目录中尝试删除 普通用户2的文件,对比是否设置粘滞位的区别 注意:为普通文件或者用户本没有写入权限的目录设置粘滞位语法上也是可行的,但没有实际意义(标记字符将变为大写字母“T”) which.../tmp 目录中尝试删除 普通用户2的文件,对比是否设置粘滞位的区别 注意:为普通文件或者用户本没有写入权限的目录设置粘滞位语法上也是可行的,但没有实际意义(标记字符将变为大写字母“T”) which

    41430

    获得命令帮助 内部命令help 命令的“--help” 选项 使用man命令阅读手册页 命令行编辑的几个辅助

    cat、less、grep cat命令 用途:显示出文件的全部内容 格式:cat 目标文件 less命令 用途:全屏方式分页显示文件内容 交互操作方法: 按Enter键向下逐行滚动.../tmp 目录中尝试删除 普通用户2的文件,对比是否设置粘滞位的区别 注意:为普通文件或者用户本没有写入权限的目录设置粘滞位语法上也是可行的,但没有实际意义(标记字符将变为大写字母“T”) which.../tmp 目录中尝试删除 普通用户2的文件,对比是否设置粘滞位的区别 注意:为普通文件或者用户本没有写入权限的目录设置粘滞位语法上也是可行的,但没有实际意义(标记字符将变为大写字母“T”) which.../tmp 目录中尝试删除 普通用户2的文件,对比是否设置粘滞位的区别 注意:为普通文件或者用户本没有写入权限的目录设置粘滞位语法上也是可行的,但没有实际意义(标记字符将变为大写字母“T”) which.../tmp 目录中尝试删除 普通用户2的文件,对比是否设置粘滞位的区别 注意:为普通文件或者用户本没有写入权限的目录设置粘滞位语法上也是可行的,但没有实际意义(标记字符将变为大写字母“T”) which

    47930
    领券