liuliaixue

当白云悠然褪去我已等不及登上高山仰望西方的天空但最美的不是夕阳是夜色如水月色流离


  • 首页

  • 归档

  • 标签

css隐藏多余文本

发表于 2018-05-01
1
2
3
4
5
6
div{
white-space: nowrap; //不换行
width: 200px;//宽度
overflow: hidden;//多余的隐藏
text-overflow: ellipsis;//多余的显示成点点点
}

converter突然连接不上rabbitMQ ?

发表于 2018-05-01

安装rabbitMQ后,以服务的方式启动(开机启动),某些时候回出现converter连接不上的问题

先在 windows-任务管理器-服务 中停用 RabbitMQ,以服务器的方式启动

"c:\Program Files\RabbitMQ Server\rabbitmq_server-3.6.4\sbin\rabbitmq-server.bat" start

如果这种方式可以正常转换模型,那么你遇到了和作者相同的问题

$.ajax 中boolean变成string

发表于 2018-05-01
1
2
3
var url = 'http://www.test.com/api/test'
var data = {name:'Xiaomi',member:true}
$.post(url, data, () => {})
1
2
//express 服务器接收到的参数
req.body.member === 'true'// true

产生原因是,httpRequest header中 默认是 contentType = application/x-www-form-urlencoded, 如果相传boolean 应该改为 json

1
2
3
4
5
6
7
$.ajax({
type: 'POST',
contentType: 'application/json; charset=utf-8',
url: url,
data: JSON.stringify(data),
success: (res) => { }
});

前端表单

发表于 2018-05-01

表单

#jquery select input:radio input:checkbox

1 取得下拉选单select的选取值

$(‘#testSelect option:selected’).text();

或$(“#testSelect”).find(‘option:selected’).text();

或$(“#testSelect”).val();

2 取得input type=”radio”值 (一类radio的名字必须是相同的)

男

女

$(‘input[name=”testradio”]:checked’).val();

或$(‘input:radio:checked’).val();

jQuery选择器

发表于 2018-05-01
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
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
jQuery 的选择器可谓之强大无比,这里简单地总结一下常用的元素查找方法 

$("#myELement") 选择id值等于myElement的元素,id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元素
$("div") 选择所有的div标签元素,返回div元素数组
$(".myClass") 选择使用myClass类的css的所有元素
$("*") 选择文档中的所有的元素,可以运用多种的选择方式进行联合选择:例如$("#myELement,div,.myclass")

层叠选择器:
$("form input") 选择所有的form元素中的input元素
$("#main > *") 选择id值为main的所有的子元素
$("label + input") 选择所有的label元素的下一个input元素节点,经测试选择器返回的是label标签后面直接跟一个input标签的所有input标签元素
$("#prev ~ div") 同胞选择器,该选择器返回的为id为prev的标签元素的所有的属于同一个父元素的div标签

基本过滤选择器:
$("tr:first") 选择所有tr元素的第一个
$("tr:last") 选择所有tr元素的最后一个
$("input:not(:checked) + span")

过滤掉:checked的选择器的所有的input元素

$("tr:even") 选择所有的tr元素的第0,2,4... ...个元素(注意:因为所选择的多个元素时为数组,所以序号是从0开始)

$("tr:odd") 选择所有的tr元素的第1,3,5... ...个元素
$("td:eq(2)") 选择所有的td元素中序号为2的那个td元素
$("td:gt(4)") 选择td元素中序号大于4的所有td元素
$("td:ll(4)") 选择td元素中序号小于4的所有的td元素
$(":header")
$("div:animated")
内容过滤选择器:

$("div:contains('John')") 选择所有div中含有John文本的元素
$("td:empty") 选择所有的为空(也不包括文本节点)的td元素的数组
$("div:has(p)") 选择所有含有p标签的div元素
$("td:parent") 选择所有的以td为父节点的元素数组
可视化过滤选择器:

$("div:hidden") 选择所有的被hidden的div元素
$("div:visible") 选择所有的可视化的div元素
属性过滤选择器:

$("div[id]") 选择所有含有id属性的div元素
$("input[name='newsletter']") 选择所有的name属性等于'newsletter'的input元素

$("input[name!='newsletter']") 选择所有的name属性不等于'newsletter'的input元素

$("input[name^='news']") 选择所有的name属性以'news'开头的input元素
$("input[name$='news']") 选择所有的name属性以'news'结尾的input元素
$("input[name*='man']") 选择所有的name属性包含'news'的input元素

$("input[id][name$='man']") 可以使用多个属性进行联合选择,该选择器是得到所有的含有id属性并且那么属性以man结尾的元素

子元素过滤选择器:

$("ul li:nth-child(2)"),$("ul li:nth-child(odd)"),$("ul li:nth-child(3n + 1)")

$("div span:first-child") 返回所有的div元素的第一个子节点的数组
$("div span:last-child") 返回所有的div元素的最后一个节点的数组
$("div button:only-child") 返回所有的div中只有唯一一个子节点的所有子节点的数组

表单元素选择器:

$(":input") 选择所有的表单输入元素,包括input, textarea, select 和 button

$(":text") 选择所有的text input元素
$(":password") 选择所有的password input元素
$(":radio") 选择所有的radio input元素
$(":checkbox") 选择所有的checkbox input元素
$(":submit") 选择所有的submit input元素
$(":image") 选择所有的image input元素
$(":reset") 选择所有的reset input元素
$(":button") 选择所有的button input元素
$(":file") 选择所有的file input元素
$(":hidden") 选择所有类型为hidden的input元素或表单的隐藏域

表单元素过滤选择器:

$(":enabled") 选择所有的可操作的表单元素
$(":disabled") 选择所有的不可操作的表单元素
$(":checked") 选择所有的被checked的表单元素
$("select option:selected") 选择所有的select 的子元素中被selected的元素



选取一个 name 为”S_03_22″的input text框的上一个td的text值
$(”input[@ name =S_03_22]“).parent().prev().text()

名字以”S_”开始,并且不是以”_R”结尾的
$(”input[@ name ^='S_']“).not(”[@ name $='_R']“)

一个名为 radio_01的radio所选的值
$(”input[@ name =radio_01][@checked]“).val();





$("A B") 查找A元素下面的所有子节点,包括非直接子节点
$("A>B") 查找A元素下面的直接子节点
$("A+B") 查找A元素后面的兄弟节点,包括非直接子节点
$("A~B") 查找A元素后面的兄弟节点,不包括非直接子节点

1. $("A B") 查找A元素下面的所有子节点,包括非直接子节点

例子:找到表单中所有的 input 元素

HTML 代码:

<form>
<label>Name:</label>
<input name="name" />
<fieldset>
<label>Newsletter:</label>
<input name="newsletter" />
</fieldset>
</form>
<input name="none" />
jQuery 代码:

$("form input")
结果:

[ <input name="name" />, <input name="newsletter" /> ]

2. $("A>B") 查找A元素下面的直接子节点
例子:匹配表单中所有的子级input元素。

HTML 代码:

<form>
<label>Name:</label>
<input name="name" />
<fieldset>
<label>Newsletter:</label>
<input name="newsletter" />
</fieldset>
</form>
<input name="none" />
jQuery 代码:

$("form > input")
结果:

[ <input name="name" /> ]

3. $("A+B") 查找A元素后面的兄弟节点,包括非直接子节点
例子:匹配所有跟在 label 后面的 input 元素

HTML 代码:

<form>
<label>Name:</label>
<input name="name" />
<fieldset>
<label>Newsletter:</label>
<input name="newsletter" />
</fieldset>
</form>
<input name="none" />
jQuery 代码:

$("label + input")
结果:

[ <input name="name" />, <input name="newsletter" /> ]


4. $("A~B") 查找A元素后面的兄弟节点,不包括非直接子节点
例子:找到所有与表单同辈的 input 元素

HTML 代码:

<form>
<label>Name:</label>
<input name="name" />
<fieldset>
<label>Newsletter:</label>
<input name="newsletter" />
</fieldset>
</form>
<input name="none" />
jQuery 代码:

$("form ~ input")
结果:

[ <input name="none" /> ]

JSON

发表于 2018-05-01

JSON.parse()和JSON.stringify()使用介绍

parse用于从一个字符串中解析出json对象,如

1
2
3
4
5
6
7
8
var str = '{"name":"alanliu","age":"23"}'
JSON.parse(str)
/*
{
age: "23"
name: "huangxiaojian"
}
*/

注意:单引号写在{}外,每个属性名都必须用双引号,否则会抛出异常。

stringify()用于从一个对象解析出字符串,如

1
2
3
var a = {a:1,b:2}
JSON.stringify(a)
//"{"a":1,"b":2}"

nodejs file system

发表于 2018-05-01

fs

创建文件夹

1
2
3
4
5
6
7
const fs = require('fs');
fs.mkdirSync('folder_name_1');


fs.mkdir('folder_name_2', function(err) {
console.log(err);
});

删除文件夹

1
2
3
4
5
6
7
const fs = require('fs');
fs.rmdirSync('folder_name_1');


fs.rmdir('folder_name_2', function(err) {
console.log(err);
});

创建文件,删除文件

const buffer = Buffer.alloc(1024 * 1024);
fs.writeFileSync(‘file_1M’, buffer);
fs.unlinkSync(‘file_1M’)

只读日志文件

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
const fs = require('fs');
const accessLogfile = fs.createWriteStream('./access.log', { flags: 'a' }); //访问日志


const test = () => {
for (let i = 0; i < 100; i++) {
var now = new Date();
var time = now.getFullYear() + '-' + now.getMonth() + '-' + now.getDate() + ' '
+ now.getHours() + ':' + now.getMinutes() + ':' + now.getSeconds();
accessLogfile.write(time + '\r\n\r\n\r\n')
}

console.log('ccc');
}
test();

module.exports = test;

bootbox

发表于 2018-05-01
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
var confirmBox = function() {
bootbox.confirm({
buttons: {
confirm: {
label: '确认按钮',
className: 'btn-sm btn-primary'
},
cancel: {
label: '取消按钮',
className: 'btn-sm btn-default'
}
},
message: '提示信息',
callback: function(result) {
if (result) {
console.log('点击确认按钮了');
} else {
//return false
}
},
//title: "bootbox confirm也可以添加标题哦",
});

return
}
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
bootbox.dialog({
title : "修改密码",
message : "<div class='well ' style='margin-top:25px;'><form class='form-horizontal' role='form'><div class='form-group'><label class='col-sm-3 control-label no-padding-right' for='txtOldPwd'>旧密码</label><div class='col-sm-9'><input type='text' id='txtOldPwd' placeholder='请输入旧密码' class='col-xs-10 col-sm-5' /></div></div><div class='space-4'></div><div class='form-group'><label class='col-sm-3 control-label no-padding-right' for='txtNewPwd1'>新密码</label><div class='col-sm-9'><input type='text' id='txtNewPwd1' placeholder='请输入新密码' class='col-xs-10 col-sm-5' /></div></div><div class='space-4'></div><div class='form-group'><label class='col-sm-3 control-label no-padding-right' for='txtNewPwd2'>确认新密码</label><div class='col-sm-9'><input type='text' id='txtNewPwd2' placeholder='再次输入新密码' class='col-xs-10 col-sm-5' /></div></div></form></div>",
buttons : {
"success" : {
"label" : "<i class='icon-ok'></i> 保存",
"className" : "btn-sm btn-success",
"callback" : function() {
var txt1 = $("#txtOldPwd").val();
var txt2 = $("#txtNewPwd1").val();
var txt3 = $("#txtNewPwd2").val();

if(txt1 == "" || txt2 == "" || txt3 == ""){
bootbox.alert("密码不能为空");
return false;
}
if(txt2 != txt3 ){
bootbox.alert("两次输入新密码不一致,请重新输入!");
return false;
}
var info = {"opt":"changepassword","oldpwd":txt1,"newpwd1":txt2,"newpwd2":txt3};
//$.post("../CommonServlet",info,function(data){
bootbox.alert("密码更新成功");
//},'json');
}
},
"cancel" : {
"label" : "<i class='icon-info'></i> 取消",
"className" : "btn-sm btn-danger",
"callback" : function() { }
}
}
});

linux定时任务

发表于 2018-05-01

工具和命令

  • ubuntu OS
  • cron, crontab

一个简单的定时任务

1 开启日志记录

1
2
3
4
sudo vim /etc/rsyslog.d/50-default.conf
# remove the '#' before cron.*
# save 50-default.conf
sudo service rsyslog restart

2 日志文件测试

1
crontab -e

1
2
# this task will be done once per minute
* * * * * echo "@@@@@@@ test for crontab" >> /tmp/test.txt 2>&1

3 查看日志文件

1
2
3
4
# we openned the cron log
cat /var/log/cron.log
# we log the echo to this file
cat /tmp/test.txt

4 删除这条定时任务

1
2
crontab -e
# delete the command line

一个复杂的定时任务 auto renew https certs

1 开启日志记录

1
2
3
4
sudo vim /etc/rsyslog.d/50-default.conf
# remove the '#' before cron.*
# save 50-default.conf
sudo service rsyslog restart

2 准备shell 脚本

尽量使用绝对路径, 不知道命令的路径可以使用which 查看, 比如: which node, which pm2

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

#/home/ubuntu/shell/renew.sh
echo "===================== stop https server ..."
/home/ubuntu/.nvm/versions/node/v8.9.1/bin/pm2 delete all
echo "@@@@@@@ stop nginx ..."
sudo service nginx stop
echo "renew ..."

# Be careful with this line, you can only generate 7 certs per week using letsencript
# You can comment this line or remove '--force-renewal' when you test
sudo certbot renew --force-renewal
echo "@@@@@@@ restart nginx ..."
sudo service nginx restart
echo "@@@@@@@ start https server ..."
NODE_ENV=cnProduction /home/ubuntu/.nvm/versions/node/v8.9.1/bin/pm2 start /home/ubuntu/MODELO_backend/server.js
echo "===================== renew finished"

3 添加定时任务

1
crontab -e

1
2
# this task will be done at 1st 01:01 in month 2,4,6,8,10,12
1 1 1 2,4,6,8,10,12 * /bin/sh /home/ubuntu/shell/renew.sh >> /tmp/test.txt 2>&1

4 查看日志

1
2
cat /var/log/cron.log
cat /tmp/test.txt

常见错误

/usr/bin/env:node No such file or directory

非常大可能是 环境变量不对
我遇到的是使用pm2 时node路径不对,找不到node

1
2
3
ln -s /usr/bin/nodejs /usr/bin/node
# ln -s _your_node_path /usr/bin/node
# ln -s /usr/local/bin/nodejs /usr/bin/node

ref https://github.com/nodejs/node-v0.x-archive/issues/3911

No MTA installed, discarding output

没有邮件服务器,放弃日志
通常在每个命令末尾加上>> /tmp/test.txt 2>&1将日志输出到文件

XXXXXXX not found

such as pm2: not found
something like No such file or directory
we can use the absolute path

1
2
3
4
5
# wrong
pm2 start

# right
/home/ubuntu/.nvm/versions/node/v8.9.1/bin/pm2 start

ajax request

发表于 2018-03-25
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
<script type="text/javascript">
function loadXMLDoc() {
var xmlhttp;
if (window.XMLHttpRequest) { // code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp = new XMLHttpRequest();
} else { // code for IE6, IE5
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange = function () {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
document.getElementById("myDiv").innerHTML = xmlhttp.responseText;
}
}
xmlhttp.open("GET", "/ajax/demo_get.asp", true);
xmlhttp.send();
}



var url = "https://www.alal.io/files/assets/token";
xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = state_Change;
xmlhttp.open("POST", url, true);
xmlhttp.setRequestHeader("Content-Type", "application/json; charset=utf-8");
var params = { "fileSize": "1000" };
xmlhttp.send(JSON.stringify(params));
var state_Change = function () {
console.log(xmlhttp.readyState, xmlhttp.status)
console.log(xmlhttp)
}

</script>
1234…6
Alan

Alan

55 日志
92 标签
© 2019 Alan
由 Hexo 强力驱动
主题 - NexT.Muse