选项卡

4.11、Bootstrap V4自学之路-----组件---导航

孤街醉人 提交于 2019-12-16 19:11:39
【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 关于易用性 如果你使用导航来制作一个导航栏,请确保向 <ul> 的逻辑父元素添加了 role="navigation" 或者给整个导航条包裹一个 <nav> 元素。不要在 <ul> 的本身上面添加这个role,因为这将阻止它被使用辅助技术的用户声明为一个真正的列表。 基础导航 通过扩展基础的 .nav 组件,实现你自己的导航样式。所有的Bootstrap的导航组件都建立在这个基础上。包含禁用状态,但是 不包含激活状态 。 <ul class="nav"> <li class="nav-item"> <a class="nav-link" href="#">Link</a> </li> <li class="nav-item"> <a class="nav-link" href="#">Link</a> </li> <li class="nav-item"> <a class="nav-link" href="#">Another link</a> </li> <li class="nav-item"> <a class="nav-link disabled" href="#">Disabled</a> </li> </ul> 伪代码附上:(看结构) 《ul class="nav"》 --| 《li class=

vue切换选项卡能用版

只谈情不闲聊 提交于 2019-12-12 20:56:09
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> #card{ width: 500px; height: 350px; } .title{ height:50px; } .title span{ width: 100px; height: 50px; background-color:#666; display: inline-block; line-height: 50px; /* 设置行和当前元素的高度相等,就可以让文本内容上下居中 */ text-align:center; } .content .list{ width: 500px; height: 300px; background-color: palevioletred; display: none; } .content .active{ display: block; } .title .current{ background-color: palevioletred; } </style> <script src="js/vue.js"></script> </head> <body> <div id="card"> <div class="title"> <span

如何有效地在Vim中处理多个文件?

房东的猫 提交于 2019-12-12 18:09:28
【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 我已经开始使用Vim开发Perl脚本,并且开始发现它非常强大。 我喜欢的一件事是能够使用 vi main.pl maintenance.pl 例如一次打开多个文件,然后使用以下命令在它们之间跳转: :n :prev 并查看打开哪个文件 :args 要添加文件,我可以说: :n test.pl 我希望它将添加到我的文件列表中,但是它将清除当前文件列表,当我键入 :args 我只打开了 test.pl 那么如何将文件添加和删除到我的args列表中? #1楼 如果您使用的是osx,并且希望能够单击选项卡,请使用MouseTerm和SIMBL(从 此处获取 )。 另外,请查看此 相关讨论 。 #2楼 您可能需要使用 Vim全局标记 。 这样,您可以快速在文件之间跳动,甚至跳到文件中标记的位置。 而且,关键命令很简短: 'C 带我进入正在使用的代码, 'T 带我进入正在使用的单元测试。 当您更改位置时,重置标记也很快: mC 标记新的代码点, mT 标记新的测试点。 #3楼 尝试以下地图以方便编辑多个文件 分割窗户 nmap <leader>sh :leftabove vnew<CR> nmap <leader>sl :rightbelow vnew<CR> nmap <leader>sk :leftabove new

Linux防火墙|Linux

狂风中的少年 提交于 2019-12-11 07:01:37
文章目录 一、Firewalld概述 1.Firewalld简介 二、Firewalld和iptables的关系 1.什么是iptables 1.1 Firewalld和iptables的区别 2. 四表五链 2.1 具体的四表 2.2 五链 2.3 四表五链之间的关系 3.iptables语法格式 三、Firewalld网络区域 1. 区域介绍 2. Firewalld数据处理流程 四、Firewalld防火墙的配置方法 1. 运行时配置 2. 永久配置 五、Firewall-config图形工具 5.1 /etc/firewalld中的配置文件 5.2 运行时配置/永久配置 5.3 Firewall-cmd命令行工具 5.4 重新加载防火墙 5.5 关联网卡到指定区域 5.6 修改默认区域 5.7 连接状态 ‘区域’选项卡 ‘服务’选项卡 六、Firewalld防火墙维护命令 6.1 防火墙进程操作 6.2 防火墙管理操作 6.3 查询Firewalld状态 6.4 重新加载Firewall的配置 七、查询预定义信息命令 7.1 获取预定义信息 7.2 显示网络连接或接口的默认区域 7.3 设置网络连接或接口的默认区域为internal 7.4 显示已激活的所有区域 八、Firewalld区域操作命令 8.1 显示ens33接口绑定的区域 8.2

Firewalld防火墙基础

佐手、 提交于 2019-12-11 05:39:15
Firewalld概述 Firewalld简介 支持网络区域所定义的网络链接以及接口安全等级的动态防火墙管理工具 支持IPv4、IPv6防火墙设置以及以太网桥 支持服务或应用程序直接添加防火墙规则接口 拥有两种配置模式 运行时配置 永久配置 Firewalld和iptables的关系 netfilter 位于Linux内核中的包过滤功能体系 称为Linux防火墙的“内核态” Firewalld/iptables CentOS7默认的管理防火墙规则的工具(Firewalld) 称为Linux防火墙的“用户态” iptables与内核交互,firewalld与不与内核交互,与iptables交互 Firewalld和iptables的区别 Firewalld网络区域 区域介绍 区域介绍 区域如同进入主机的安全门,每个区域都具有不同限制程度的规则 可以使用一个或多个区域,但是任何一个活跃区域至少需要关联源地址或接口 默认情况下,public区域是默认区域,包含所有接口(网卡) Firewalld数据处理流程 检查数据来源的源地址 若源地址关联到特定的区域,则执行该区域所指定的规则 若源地址未关联到特定的区域,则使用传入网络接口的区域并执行该区域所指定的规则 若网络接口未关联到特定的区域,则使用默认区域并执行该区域所指定的规则 Firewalld防火墙的配置方法 运行时配置 实时生效

如何将类库里的控件添加到工具箱

六眼飞鱼酱① 提交于 2019-12-09 04:18:46
因为是个业余,所以对一些简单的操作因为生疏而不记得,特记录以作备忘。 包含窗体控件的类库,在引用里添加了引用后,并不会在工具箱出现相关控件,从而不能通过拖拽来进行可视化设计,虽然可以通过代码,但十分不方便。 解决办法是:不需要添加引用, 打开任意窗体设计 ,鼠标指向左边 工具箱 ,可以在任意 选项卡 下(也可以通过<添加选项卡>增加新的选项卡,再将需要添加的控件添加到新的选项卡里,以方便分类查找),从 右击 菜单里选择 < 选择项 >,并 <浏览>选中你需要引用的类库,然后<确定>,所需引用的类库控件便出现在 工具箱 里了。将控件从工具箱 拖 到你的窗体上后,引用里就自动添加了对相关类库的引用了。 来源: CSDN 作者: zslefour 链接: https://blog.csdn.net/zslefour/article/details/22367145

C# 添加dll中的窗体

ε祈祈猫儿з 提交于 2019-12-09 04:14:12
sharp要添加dll中设计的窗体,必须先把窗体添加到工具箱中,具体如下: 工具箱右键->添加选项卡。 选项卡右键->选择项->.net framework 组件->浏览->选择dll,窗口添加到工具箱中,可以使用了 来源: CSDN 作者: atansuozhe 链接: https://blog.csdn.net/atansuozhe/article/details/79203323

mui开发APP中子页面操作父页面的方式总结。

假如想象 提交于 2019-12-08 10:13:00
mui开发APP过程中学习使用滑动切换底部选项卡时遇到一个问题,底部选项卡和头部是在父页面,其中有四个子页面是底部选项卡对应的四个窗口页面,但是在子页面打开一个新webview页面时发现打不开,甚至还出现即使打开了,父页面还在,毕竟是在子页面操作的,所以父页面存在也合理,所以就需要在子页面来操作父页面。 当然,发现 在子窗口页面中打开新页面的方式 最简单的就是就是top方式,这样新的webview页面就会沾满整个窗口,父页面被遮住。 top.mui.openWindow(url) 如果想在子页面来操作父页面,又该用什么方法呢?那就是evalJS,需要配合一个触发事件比如点击才能执行。 直接用下面的代码演示,都是亲自测试过完全可以用的,案例中使用了hcoder的h.js,也可以不用, h.js最大的好处就是简化了对dome页面的操作,可以说是小型的jQuery吧,我是特别喜欢用的。 案例中是子页面在执行完向左滑动后,修改父窗口页面的底部选项卡的状态和头部的title文字内容。 <script src="js/mui.min.js"></script> <script src="js/libs/h.js"></script> <script> mui.init({ preloadPages:[{ url: 'parcar-search.html', id : 'parcar

HTML系列:css3选项卡

怎甘沉沦 提交于 2019-12-06 12:42:04
<!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>tab选项卡</title> <style> * { margin:0 auto; padding:0 auto; } .tabBox { margin: 20px auto; width:500px; } .tabBox ul { position:relative; top:1px; right:40px; /* 相对于之前的位置向下移动1px,使边框重合 */ } .tabBox ul li { display: inline-block; /* 同一行,块标签 */ margin-right:10px; padding:0 10px; line-height: 33px; border:1px solid #AAA; cursor: pointer; } .tabBox ul li.active { color:lightcoral; font-weight:bold; border