OBS: Open Broadcaster Software

allen@MBP:~$ speedtest-cli
Retrieving speedtest.net configuration...
Testing from ShenZhen Topway Video Communication Co. (116.77.73.255)...
Retrieving speedtest.net server list...
Selecting best server based on ping...
Hosted by ShenZhen Telecom (Shenzhen) [0.00 km]: 59.718 ms
Testing download speed................................................................................
Download: 2.74 Mbit/s
Testing upload speed................................................................................................
Upload: 2.19 Mbit/s
allen@MBP:~$ speedtest-cli --version
2.0.2

allen@MBP:~$ speedtest-cli

Retrieving speedtest.net configuration...

Testing from ShenZhen Topway Video Communication Co. (116.77.73.255)...

Retrieving speedtest.net server list...

Selecting best server based on ping...

Hosted by ShenZhen Telecom (Shenzhen) [0.00 km]: 59.718 ms

Testing download speed................................................................................

Download: 2.74 Mbit/s

Testing upload speed................................................................................................

Upload: 2.19 Mbit/s

allen@MBP:~$ speedtest-cli --version

2.0.2

allen@ubuntu16:~/Downloads$ speedtest-cli --simple
Ping: 58.35 ms
Download: 5.13 Mbit/s
Upload: 1.58 Mbit/s
allen@ubuntu16:~/Downloads$ speedtest-cli --version
0.3.4
allen@ubuntu16:~/Downloads$ speedtest-cli
Retrieving speedtest.net configuration...
Retrieving speedtest.net server list...
Testing from ShenZhen Topway Video Communication Co. (116.77.73.255)...
Selecting best server based on latency...
Hosted by W Professional Services Limited (New Territories) [18.14 km]: 364.703 ms
Testing download speed........................................
Download: 1.48 Mbit/s
Testing upload speed..................................................
Upload: 2.29 Mbit/s

allen@ubuntu16:~/Downloads$ speedtest-cli --simple

Ping: 58.35 ms

Download: 5.13 Mbit/s

Upload: 1.58 Mbit/s

allen@ubuntu16:~/Downloads$ speedtest-cli --version

0.3.4

allen@ubuntu16:~/Downloads$ speedtest-cli

Retrieving speedtest.net configuration...

Retrieving speedtest.net server list...

Testing from ShenZhen Topway Video Communication Co. (116.77.73.255)...

Selecting best server based on latency...

Hosted by W Professional Services Limited (New Territories) [18.14 km]: 364.703 ms

Testing download speed........................................

Download: 1.48 Mbit/s

Testing upload speed..................................................

Upload: 2.29 Mbit/s

对比：https://netbeez.net/blog/differences-between-iperf-and-speedtest/

树莓派3b+测速：https://netbeez.net/blog/raspberry-pi-3b-iperf-wifi-performance/

mysql 文件

Posted on 2018年6月22日 by allenmo

数据库存放路径：

/var/lib/mysql

一个库一个文件夹

MYISAM的表的文件以.frm, .MYD, .MYI,格式保存

Innodb的表的文件以.frm, .ibd, 格式保存

配置文件路径：

/etc/mysql/mysql.conf.d/mysql.cnf

blog 飞鱼博客

Posted on 2018年6月22日, updated on 2018年6月22日 by allenmo

https://flyfish.im/

iconarchive link

Posted on 2018年6月19日 by allenmo

http://www.iconarchive.com

jgraph link

Posted on 2018年6月13日, updated on 2018年6月13日 by allenmo

https://jgraph.github.io/mxgraph/javascript/examples/grapheditor/www/index.html

draw.io

https://www.draw.io

mxgraph

https://github.com/jgraph/mxgraph

JointJS link

Posted on 2018年6月11日, updated on 2018年6月13日 by allenmo

http://resources.jointjs.com/demos/kitchensink

作者blog:

http://www.daviddurman.com

SVG Attribute reference

https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute

dia.Graph.events

http://resources.jointjs.com/docs/jointjs/v2.1/joint.html#dia.Graph.events

dia.Element.events

http://resources.jointjs.com/docs/jointjs/v2.1/joint.html#dia.Element.events

dia.Link.events

http://resources.jointjs.com/docs/jointjs/v2.1/joint.html#dia.Link.events

查询A、B表中，A表中B表没有的数据

Posted on 2018年6月10日, updated on 2018年6月10日 by allenmo

(转)A、B两表，找出ID字段中，存在A表，但是不存在B表的数据。A表总共13w数据，去重后大约3W条数据，B表有2W条数据，且B表的ID字段有索引。
方法一

使用 not in ,容易理解,效率低 ~执行时间为：1.395秒~

1 select distinct A.ID from  A where A.ID not in (select ID from B)

1	1 select distinct A.ID from A where A.ID not in (select ID from B)

方法二

使用 left join…on… , “B.ID isnull” 表示左连接之后在B.ID 字段为 null的记录 ~执行时间：0.739秒~

1 select A.ID from A left join B on A.ID=B.ID where B.ID is null

1	1 select A.ID from A left join B on A.ID=B.ID where B.ID is null

方法三

逻辑相对复杂,但是速度最快 ~执行时间: 0.570秒~（感觉这种方式挺好）之前A/B表位置写反了，很明显可以看出为问题所在

，在碰到问题可以分一下

1  select * from  A

1	1 select * from A

2 where (select count(1) as num from B where A.ID = B.ID) = 0

1	2 where (select count(1) as num from B where A.ID = B.ID) = 0

参考：https://blog.csdn.net/long636/article/details/51733273

jquery 选择器

Posted on 2018年6月8日 by allenmo

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" /> ]

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>Newsletter:</label>

</fieldset>

</form>

jQuery 代码:

$("form input")

结果:

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

2. $("A>B") 查找A元素下面的直接子节点

例子：匹配表单中所有的子级input元素。

HTML 代码:

<form>

<label>Newsletter:</label>

</fieldset>

</form>

jQuery 代码:

$("form > input")

结果:

[ <input name="name" /> ]

3. $("A+B") 查找A元素后面的兄弟节点，包括非直接子节点

例子：匹配所有跟在 label 后面的 input 元素

HTML 代码:

<form>

<label>Newsletter:</label>

</fieldset>

</form>

jQuery 代码:

$("label + input")

结果:

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

4. $("A~B") 查找A元素后面的兄弟节点，不包括非直接子节点

例子：找到所有与表单同辈的 input 元素

HTML 代码:

<form>

<label>Newsletter:</label>

</fieldset>

</form>

jQuery 代码:

$("form ~ input")

结果:

[ <input name="none" /> ]

参考：https://www.cnblogs.com/onlys/articles/jQuery.html

http://www.w3school.com.cn/jquery/jquery_ref_selectors.asp

http://www.cnblogs.com/keepfool/archive/2012/06/02/2532203.html

bootstrap table link

Posted on 2018年6月8日 by allenmo

http://bootstrap-table.wenzhixin.net.cn/zh-cn/documentation/

sublime text 多行编辑

Posted on 2018年6月6日 by allenmo

1，鼠标选中多行，按下 Ctrl Shift L (Command Shift L) 即可同时编辑这些行；
2，鼠标选中文本，反复按 CTRL D (Command D) 即可继续向下同时选中下一个相同的文本进行同时编辑；
3，鼠标选中文本，按下 Alt F3 (Win) 或 Ctrl Command G(Mac) 即可一次性选择全部的相同文本进行同时编辑；
4，Shift 鼠标右键 (Win) 或 Option 鼠标左键 (Mac) 或使用鼠标中键可以用鼠标进行竖向多行选择；
5，Ctrl 鼠标左键(Win) 或 Command 鼠标左键(Mac) 可以手动选择同时要编辑。
6，Ctrl+Alt+键盘下键
7，Shift 鼠标右键

参考：https://blog.csdn.net/qq_37595946/article/details/77847499