摘要： 业务需求 以共享单车界面为例，地图上分布着大量的共享单车，鼠标悬浮在单车上，弹出一个吸附弹窗，内容显示单车详细信息。 分析 很明显，因为单车的数量可能非常多，我们不可能用显示隐藏的方式实现； 合理的做法是，所有单车公用一个弹窗面板，悬浮的时候刷新面板上的数据。 方案 看着改吧，element-ui里 阅读全文

摘要： 在 element-ui 环境下，给选项卡添加右击事件，是相当麻烦的一件事情， 主要是麻烦，很多东西都需要注意，并没有太多难点。 注意项 el-tabs 的右击事件 事件的名称是 contextmenu.prevent.native，这个很快就能找到，需要注意的是： 选项卡整个头部都能触发右击事件， 阅读全文

摘要： 在 vue 环境下，制作一个与菜单联动的选项卡（el-tabs）。 能看到这个文章，大体是有自己动手的打算了，这里给一下关键思路。 关键点 路由的设计 传统的选项卡设计，一般通过 iframe 实现，在 vue 环境中，则是使用 router-view。 问题是，一个界面上，同时存在多个 route 阅读全文

摘要： 使用场景：部署项目的时候，需要统一修改 IP 地址等内容。 缺点：这些命令，都缺少必要的校验功能，容易因为操作失误，会出现 未替换，或者替换成空串 的情况。 比如说：写了好多行的 sed命令，不小心删了一行代码，这种情况下，执行代码不会报错，因此很容易埋下安全隐患。 推荐：要进行很复杂的替换时，还是 阅读全文

摘要： syntax error unexpected end of file # 检测语法 sh -n [filesName] # 报错，这个报错很容易触发，同时，也很容易解决 syntax error unexpected end of file 原因： 1、换行符问题，windows 系统和 linu 阅读全文

摘要： 函数中的 return 只能返回整数，且是 0-255 的整数。 返回值限定范围这么小，显然和我们代码中的函数，不是一个概念。 应用场景：返回值表示执行结果，0表示成功，其它状态码都是失败。 #!/bin/bash # 声明一个函数 function sysout(){ return 1; } # 阅读全文

摘要： if条件语句 if condition then # do sth. elif condition then # do another. else # do others. fi # 有些人喜欢这样写，看起来更紧凑一些 if condition; then # do sth. elif condit 阅读全文

摘要： 记录一些与或非相关的逻辑运算 数字比较 -eq 等于,如: if [ "$a" -eq "$b" ] -ne 不等于,如: if [ "$a" -ne "$b" ] -gt 大于,如: if [ "$a" -gt "$b" ] -ge 大于等于,如: if [ "$a" -ge "$b" ] -lt 阅读全文

摘要： 变量声明 # 注意：以 num=1 为例，等号两边不能有空格 # 数字 num=1 # 字符串 str0=test str1='test' str2="test" # 字符串的三种声明方式是有区别的: # 1. 单引号中的内容回原样输出，不会转义，不会取值。 # 2. 双引号中的内容输出，会转义，会 阅读全文

摘要： NFS（全称 Network File System），即网络文件系统。通过网络，让不同的机器、不同的操作系统可以共享彼此的文件。 一般的挂载，是买一个新硬盘，然后挂载到我们的系统，而 NFS 挂载，是把其它主机的文件夹，挂载到我们的系统，完成 NFS 挂载之后，操作其它主机的文件，就像操作本机的文 阅读全文