winney

It is never too old to learn.

0%
winney

发表于 更新于 分类于

Windows环境下利用CMD命令批量修改文件名

核心命令

·文件重命名 ren

1、ren即rename的缩写，使用ren或者rename命令均可实现文件重命名的操作；命令的使用方法很简单，格式为 ren old_name new_name ；例如，想要将D盘根目录下的文件 a.txt 重命名为 b.doc ，只需要在CMD中进入D盘根目录，执行 ren a.txt b.doc ；或者使用绝对路径，执行 ren D:\a.txt b.doc ，也可以达到同样的效果

2、需要注意的是，旧文件名 old_name 可以使用相对路径，也可以包含绝对路径，但新文件名 new_name不能包含任何文件路径，只能是纯文件名；所以，要想批量修改包含子文件夹的多个路径下的大量文件名，还需要用到一款支持通配符匹配查询替换的文本编辑器，以便从路径+文件名的文件目录系统中提取出文件名的部分

3、另外， ren 也支持使用通配符；例如，想要将扩展名为 .docx 的文件扩展名批量修改为 .doc ，执行 ren *.docx *.doc 即可；但通配符的使用规则十分复杂，若无法完全理解其中的匹配规则，建议只使用通配符来修改文件扩展名

摘抄自：https://blog.csdn.net/hitomitoi/article/details/81566494

发表于 更新于 分类于

使用option

HTML：

1
2
3
4
5
6
7
8
<div class="layui-form-item">
    <label class="layui-form-label">账号：</label>
    <div class="layui-input-block">
        <select name="account" lay-filter="account">
            <option value="">请选择账号</option>
        </select>
    </div>
</div>

<option value="">请选择账号</option> ，value值为空

如图所示：

使用option加上placeholder.png (395×188) (raw.githubusercontent.com)

使用定位元素模拟placeholder

”所属项目“默认不选择。”账号“下拉框的数据，是根据所选的”所属项目“进行动态渲染。

因”所属项目“默认不选择，”账号“初始化时没有下拉框列表数据。需求还要求不显示可选项，也就是<option value="">请选择账号</option> 也不显示。

1
2
3
4
5
6
7
<div class="layui-form-item">
    <label class="layui-form-label">账号：</label>
    <div class="layui-input-block">
        <select name="account" lay-filter="account">
        </select>
    </div>
</div>

  1. 如果不加option选项，下拉框默认样式如下图所示：

    select框没有选项时初始化样子.png (389×180) (raw.githubusercontent.com)

    项目中使用的是layui是v2.5.6 版本。而更换版本，可能会带来其他影响，而且layui也停更了。

  2. 所以使用定位元素覆盖掉默认的placeholder

    HTML:

    1
    2
    3
    4
    5
    6
    7
    <div class="layui-form-item">
        <label class="layui-form-label">账号：</label>
        <div class="layui-input-block" id="account-select">
            <div class="account-placeholder">请选择账号</div>
            <select name="account" lay-filter="account"></select>
        </div>
    </div>

    CSS：

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    #account-select{
        position: relative;
    }
    #account-select .account-placeholder {
        position: absolute;
        left: 3px;
        top: 3px;
        z-index: 10;
        padding-left: 8px;
        height: 32px;
        line-height: 32px;
        width: 184px;
        pointer-events: none;
        color: rgb(117, 117, 117);
        background-color: #fff;
    }

    定位元素模拟placeholder0.png (390×214) (raw.githubusercontent.com)

    定位元素模拟placeholder.png (376×389) (raw.githubusercontent.com)

  3. select框初始化时设置为disabled

    如上图所示，使用了定位元素挡住了默认的placeholder，但是还是会显示”没有选项“这一项。

    所以干脆初始化时，将select框初始化时设置为disabled

    HTML：

    1
    2
    3
    4
    5
    6
    7
    <div class="layui-form-item">
        <label class="layui-form-label">账号：</label>
        <div class="layui-input-block" id="account-select">
            <div class="account-placeholder">请选择账号</div>
            <select name="account" lay-filter="account" disabled></select>
        </div>
    </div>

其他细节处理

  1. 点击下拉框时，弹出”需要选择所属项目“的提示语

    1
    2
    3
    4
    5
    6
    7
    // 点击账号下拉框
    layui.$("#account-select").on('click', '.layui-form-select', function(){
        var project = layui.$('[name="project"]:checked').val();
        if(!project) {
            layer.msg('需选择所属项目', {time: 1000});
        }
    })

  2. 向下箭头为禁用的样式，修改为正常样式：

    1
    2
    3
    #account-select .layui-select-disabled .layui-edge{
        border-top-color: #c2c2c2;
    }

  3. 鼠标放在select框上，是禁止图标，然而鼠标移到下拉框的向下箭头，光标显示为小手；

    如图所示：

    鼠标移到下拉框的向下箭头-显示小手.png (339×129) (raw.githubusercontent.com)

    解决：

    1
    2
    3
    #account-select .layui-select-disabled .layui-edge{
        cursor: not-allowed;
    }

  4. 选择”所属项目“时，追加对应的数据，同时需要去除select框的disabled属性，以及隐藏模拟placeholder的定位元素

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    // 渲染 select 框的数据
     function renderSelectData(dataList) {
        var selectElem = layui.$('select[name="account"]');
        selectElem.empty(); // 清空原有选项
        selectElem.append('<option value="">请选择账号</option>');

        // 添加新的选项
        layui.$.each(dataList, function(index, item) {
            var optionElem = layui.$('<option>');
            optionElem.val(item.value);
            optionElem.text(item.name);
            selectElem.append(optionElem);
        });

        layui.form.render('select'); // 重新渲染 select 框
    }
    var accountList = {
        "1": [
            { value: 1, name: '项目AAA_account1'},
            { value: 2, name: '项目AAA_account2'},
            { value: 3, name: '项目AAA_account3'},
        ],
        "2": [
            { value: 4, name: '项目BBB_account1'},
            { value: 5, name: '项目BBB_account2'},
        ]
    }
    // 监听单选框
    form.on('radio(project)', function(data){
        // 渲染账号下拉列表
        renderSelectData(accountList[data.value]);

        layui.$('select[name="account"]').removeAttr('disabled');
        form.render('select');
        layui.$('.account-placeholder').hide();	// 隐藏模拟的placeholder
    });

    最终效果：

    鼠标移上显示禁止图标效果.png (347×274) (raw.githubusercontent.com)

发表于 更新于 分类于

跳转到新页面

1
window.location.assign('https://www.baidu.com/');
1
window.location.href = https://www.baidu.com/

如果想在新标签中打开：

1
window.open("https://www.baidu.com/");

阻止浏览器的默认行为

1
2
3
4
5
function stopDefault(e) { 
	if ( e && e.preventDefault ) {
		e.preventDefault(); 
	}
}