linux基础命令

Linux命令行技巧与实践

runlevel 查看系统运行级别

init 3 修改系统运行级别

echo 命令详解

echo $SHELL 显示变量的值加$符号

echo -n hello 不自动换行

带-e需要加引号 启用\字符的解释功能

sleep 10; echo -e "\a" 操作完成发声提醒

type -a echo 查看echo是否有外部和内部命令0(不显示路径的为内部命令)

enable -a 查看所有内部命令

which echo 查看echo来自哪里

echo -n "hello" 不换行显示

-e 启用命令

echo -e "\a" 发出声音

echo -e "abc\befg" 退格键 把e移到c 覆盖

echo -e "abc\c" 不加换行。

echo -e "abcd\abefg" 会发出时声音

echo -e "abc\nxyyz\n123" -e \n 联合用表示 换行

echo -e "abc\rxyyz" \r 表示回车换行

linux /n 表示换行

windows \r \n 表示换行

echo -e "\\" 转义字符

echo -e 'a\tb' \t 表示tab

echo -e '\\\\' 打2个斜线

针对‘’ ‘’‘’ ··三个符号的详细解说

‘’强引用,不识别变量

"" 弱引用,识别变量

``识别命令

hexdump -c f1 查看2进制文件

man ascii 查看ascii码

echo "ibase=16;obase=2;6C49" |bc

iconv -l 全世界的字符集

iconv -f gb2312 w.txt -o win.txt 把gb2312转化成uncould

 

调用 `_this.$flexTabs.openIframe()` 方法时,若需要在新打开的 tab 页面上添加遮罩层,可以通过在打开 tab 时动态插入遮罩元素的方式实现。遮罩层的实现依赖于 DOM 操作,确保遮罩层的 `z-index` 高于 iframe 的 `z-index`,并且设置为 `position: absolute`,以覆盖在 iframe 上方。 ### 实现方式 在调用 `openIframe` 方法时,可以在打开 tab回调中插入遮罩层。例如: ```javascript _this.$flexTabs.openIframe({ url: 'https://example.com', title: '示例页面', callback: function () { // 获取当前 tab 的容器 const tabContainer = document.querySelector('.flex-tabs-content .active'); if (tabContainer) { // 创建遮罩层 const overlay = document.createElement('div'); overlay.style.position = 'absolute'; overlay.style.top = '0'; overlay.style.left = '0'; overlay.style.width = '100%'; overlay.style.height = '100%'; overlay.style.backgroundColor = 'rgba(0, 0, 0, 0.5)'; overlay.style.zIndex = '9999'; overlay.style.display = 'flex'; overlay.style.justifyContent = 'center'; overlay.style.alignItems = 'center'; overlay.style.color = '#fff'; overlay.innerText = '加载中...'; // 将遮罩层插入到 tab 容器中 tabContainer.style.position = 'relative'; // 确保遮罩层定位正确 tabContainer.appendChild(overlay); // 可选:在 iframe 加载完成后移除遮罩层 const iframe = tabContainer.querySelector('iframe'); if (iframe) { iframe.onload = function () { setTimeout(() => { overlay.remove(); }, 1000); // 假设加载完成后 1 秒移除遮罩 }; } } } }); ``` ### 样式与交互控制 遮罩层可以自定义样式,例如设置背景透明度、文字提示、动画效果等。此外,还可以绑定遮罩层的交互事件,例如点击关闭遮罩或执行其他逻辑: ```javascript overlay.addEventListener('click', function () { overlay.remove(); }); ``` ### 注意事项 - **DOM 定位**:确保遮罩层的父容器设置了 `position: relative`,否则遮罩层的 `position: absolute` 无法正确定位。 - **事件拦截**:由于遮罩层的 `z-index` 高于 iframe,因此所有事件(如点击、鼠标移动等)都会首先被遮罩层捕获。如果需要将某些事件传递给 iframe,可以通过 JavaScript 手动触发 iframe 内部的事件处理逻辑。 - **性能优化**:遮罩层的存在可能会对页面性能产生一定影响,尤其是在频繁操作 iframe 的情况下。因此,建议在不需要遮罩层时及时移除或隐藏它。 通过上述方法,可以在调用 `_this.$flexTabs.openIframe()` 时动态添加遮罩层,并实现对遮罩层的样式控制和交互处理[^3]。 ---
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

linux土老帽

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值