准备一个下拉选择框。

1
2
3
4
5

<div class="layui-input-block">
    <select name="" id="card-select" lay-verify="required">
        <option value="0">one</option>
    </select>
</div>

用jquery的id选择器清空select的内容。
$("#card-select").empty();

ajax获取后台数据，循环拼接成字符串。英文状态下点击tab上面的键两下组成一对结构符。

1
2
3
4
5
6
7
8
9
10
11

……
success: function(ret) {
    let data = JSON.parse(ret);
    let str = '';
    $(data).each(function (i,n) {
        console.log(n);
        str += `<option value=${n.bankNum}>${n.bankName}/${n.cardName}/${n.bankNum}</option>`  //在结构符中拼接字符串
    });
    $('#card-select').append(str);
    form.render('select');
}

end

在table上添加一个div盒子，添加如下的style就会出现水平滚动条和垂直滚动条。

1
2
3
4
5

<div id="table-box" style="overflow:auto;width:100%">
    <table width="auto" style="white-space:nowrap">
        ……          
    </table>
</div>

改造一下，用jquery监听屏幕高度调整table-box盒子的高度，让垂直滚动条自适应屏幕高度。

1
2
3
4
5
6

var h = $(window).height()-200;  //200px指table-box盒子以外其他div盒子的高度总和。
    $('#table-box').css({'height': h});
    window.onresize = function () {
        h = $(window).height()-200;
        $('#table-box').css({'height': h});
    }

end

1
2
3

<select name="" lay-verify="required">
    <option value="/up_passkey?id=10000&passkey=">passKey</option>  <!-- 可以多写几个option，这里写一个方便演示。-->
</select>

1
2
3
4

form.on("select", function (data) {   
    var value = data.value;   //`value`值就是select的`/up_passkey?id=10000&passkey=`
    var index = data.elem[ret.elem.selectedIndex].text;  //`index`就是select的`passKey` 
}

多个下拉列表框同样适用，form.on(……)只获取当前下拉列表框的值。

一头在现代化畜牧场里的小牛。小牛出生后立即与母亲分开，关在一个不比身体大多少的笼子里。小牛得在这里度过一辈子，但它的一辈子平均也只有大约4个月。它这一辈子再也不会离开笼子，从没有机会和其他小牛玩，甚至连走路的机会也被剥夺，这一切都是为了避免它的肌肉因运动而变硬。肌肉越柔软，牛排也就越鲜嫩、多汁。于是，这只小牛第一次有机会走路、伸展筋骨、遇见其他小牛的时候，也就是在前往屠宰场的路上。就演化而言，牛可能是有史以来最成功的动物。但同时，它们也是地球上生活最悲惨的动物。

ajax的返回值有时需要通过JSON.parse()转换为对象，否则会报错。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

function sendAjax(url,type,data) {
    $.ajax({
        url: url,
        type: type,
        data: data,
        success: function (data) {
        var data = JSON.parse(data);
            if(data.msg){
                alert(data.msg);
            }
            if(data.url){
                location.reload();
            }
        }
    });
}

给时光以生命，给岁月以文明。

比如我想发布一篇名为读《三体》的文章，并把这篇文章归纳到读书分类。

start

在HEXO的目录下，shift键按住不放，空白处鼠标右击选择打开命令窗口；如果安装了git，可以直接右击打开git的命令窗口。下面以git的命令窗口做演示：
输入hexo new "读《三体》"

在HEXO的根目录下会生成相应的文件：

用编辑器打开读《三体》.md这个文件，并在tags下面添加一行categories: 读书，此时这个文件便属于读书这个分类了。在这个文件中写点内容：给时光以生命，给岁月以文明。

在git的命令窗口中分两次输入执行下面的语句：
hexo g
hexo s
在浏览器输入http://127.0.0.1:4000打开博客看效果

end

onclick的方法写在$(document).ready(func···)中是不会执行的，但是onclick方法方便传值。
.on(‘click’,function…)写在$(document).ready(func···)中可以执行。

start

1

<a href="javascript:void(0);" onclick="get('hello')">传值</a>

1
2
3
4
5

$(document).ready(function () {
    function get(ret) {
        alert(ret);
    }   
});

end

sublime安装了sublime terminal插件可以实现快捷键打开浏览器。

1. 安装sublime terminal插件。打开sublime，菜单栏点击preference->browse packages打开安装插件的文件夹，里面默认只有一个user文件夹。
   

2. 下载sublime terminal解压出来放到刚才打开那个packages文件夹下。
   
3. 菜单栏点击preference->package settings->terminal->key bindings-user，输入以下代码块ctrl+s保存即可：

   1 2 3 4 5 6 7 8 9 10 11

   [ { "keys": ["ctrl+shift+c"], "command": "copy_path" }, //chrome { "keys": ["f2"], "command": "side_bar_files_open_with", "args": { "paths": [], "application": "C:\\Users\\Administrator\\AppData\\Local\\Google\\Chrome\\Application\\chrome.exe", "extensions":".*" } } ]

   效果如图：
   

Ps:application后面的值是浏览器安装的路径，f2是打开浏览器的快捷键。

End

1. 打开sublime，菜单栏点击preference->package control输入install package安装插件出现错误时，就需要自己手动安装插件了。
   
2. 菜单栏点击preference->browse packages打开安装插件的文件夹，里面默认只有一个user文件夹。
   
3. 打开github根据插件名搜索需要安装的插件并下载，把下载的文件解压出来放到刚才打开那个packages文件夹下，重启sublime方可生效。下面以SublimeLinter插件为例。
   
4. 下面就是放在preference->browse packages下packages文件夹中的插件。
   

Ps：附上图上所有插件在github上的下载地址。

End