saber酱的抱枕

Vive la France

08/11
07:49
学习

使用html5的classList对象操作DOM节点的class

在以前,要使用JavaScript来操作DOM节点的class属性比较麻烦,很多时候都要借助第三方js库。但html5新增的classList对象使这一操作变得简便多了,而且这个对象已经实现了五六年了,浏览器兼容性也比较好。(IE从IE10开始支持,其他浏览器支持得更好)

在html5中,每个DOM节点都有个classList对象,我们可以借助该对象的方法、属性来便利的操作节点的class属性。

浏览器能力检测:

"classList" in document.createElement("a");
// in 操作符用于检测索引是否在该数组中,或属性是否在该对象中。判断的是key不是value

classList对象的属性和方法如下:

element.classList.length // 返回节点的class数量

element.classList.value // 返回节点的所有class名,等价于element.className

element.classList.add(string) // 给节点添加class。示例:
document.body.classList.add("c1"); // 添加一个class
document.body.classList.add("c1","c2","c3"); // 添加多个class

element.classList.remove(string) // 从节点删除class,语法同add()

element.classList.toggle(string) // 切换添加/删除class。如果不存在该class则添加,否则删除
// 如果执行的是添加操作则返回true,如果执行的是删除操作则返回false
// toggle方法可以有第二个参数,根据第二个参数的结果是true还是false来添加/删除该class

element.classList.contains(string) // 检查节点是否含有指定的class

element.classList.item(number) // 返回指定索引的class的名字
// 其实这个方法比较麻烦,一般情况下我们可以直接在element.classList后面用序号查询。如下操作是等价的:
document.body.classList[0];
document.body.classList.item(0);
// 区别在于如果参数指定的class不存在,它们的返回值不同
document.body.classList[1000];       // undefined
document.body.classList.item(1000);  // null

MDN 资料

使用html5的classList对象操作DOM节点的class

08/8
08:25
软件

窗口置顶软件DeskPins

DeskPins software topmost 窗口置顶 软件

DeskPins 是一款windows 下的窗口置顶软件。这款软件是2004年的,颇有些年头了,不过得益于windows强大的向后兼容性,这款软件至今仍然可以正常生效(测试环境为win7)。

这个程序安装后运行它,它会出现在系统托盘区域。点击它之后鼠标就会变成图钉样式,之后将鼠标在要置顶的窗口上点击一下就ok了。

置顶成功之后,就会在窗口右上角显示红色的图钉标识,点击该标识可以取消置顶。操作起来非常的简单呢。

度盘下载

窗口置顶软件DeskPins

08/6
13:38
ACG

fate go:厨力放出, Servent孙悟空登场!

 Fate/Grand Order fgo 厨力放出 孙悟空 齐天大圣

今天做了个孙悟空在Fate/Grand Order 里面的设定,忙了快8个小时才做完(主要是P图)。

这次的孙悟空在fgo里的技能组并不算破格,主要是我不想脚做英灵=。= 不过摆脱fgo的限制的话,战斗力肯定强得多。

一开始我是发在NGA的(NGA联动帖子),欢迎给我打call(滑稽)

下面是设定图~
Read More →

fate go:厨力放出, Servent孙悟空登场!

08/5
06:31
学习

在sql中使用正则表达式

前几天我对数据库进行了一次批量修改,但是今天发现有些地方改出了毛病,需要针对这些地方再进行修改。

什么问题呢?就是内链变成了以“/”开头的链接。问题在于http后面只有一个斜杠,所以要修复这个问题。

但是修复时还有个问题,就是如果直接匹配“/”的话,正常链接的“http://”也会被匹配到。为了避免这种失误,我只好尝试用正则表达式来解决。

我对着教程折腾许久,终于用术语叫做“零宽度负回顾后发断言”的方式达成了目标,累觉不爱。

/{1}+(?!/{1})
// 意思是 匹配“/”,但需要它后面不再有其他斜杠

然后我就去MySQL里用这个正则去查询一下试试:

select post_content from wp_posts where post_content REGEXP '/{1}+(?!/{1})';
// 报错  SQL错误(1139):Got error 'repetition-operator operand invalid' from regexp

emmmmm……上面的语法没错,但是问题在于MySQL对正则表达式的支持很简单,不支持零宽断言,所以悲剧了。所以这篇文章不幸成了反面教材……

后续:
我用了笨办法,先导出数据库,用文本编辑器替换之后再导回去,姑且也算解决了问题(逃

在sql中使用正则表达式

08/2
04:13
ACG

2017年7月里番合集

2017年7月里番 H hentai 动画 磁链 福利 资源 里番

脸肿字幕组:
magnet:?xt=urn:btih:U3GFGWGHORUSYJWSPM2KV6S26E246KEM

目录:
[Animan]SWAMP STAMP AnimeEdition
[BOOTLEG]マヨヒガのお姉さん THE ANIMATION
[Collaboration Works]ヌキどきッ!Revolution~天使と悪魔の搾精バトル~ 白濁お風呂でお肌スベスベ! ののあとフィリカがエッチっちぃ!? 編_v2
[PoRO] 牝教師4~穢された教壇~「はしたない学園長・優理~窓際ハメる征服露出」
[QueenBee]いちごショコラふれーばー1[NAZ]
[ばにぃうぉ~か~]バカだけどチンチンしゃぶるのだけはじょうずなちーちゃん #2 しあわせになるもん
[ピンクパイナップル]手垢塗れの天使 THE ANIMATION
[メリー・ジェーン]魂インサート 上巻女体へのファーストコンタクト
[メリー・ジェーン]虜ノ鎖~処女たちを穢す淫らな楔~ 上巻奪われた日常
[鈴木みら乃 petit] 自宅警備員 3rdミッション ホシガリ爆乳人妻・翔子 編

2017年7月里番合集

08/2
03:38
其他

如何看待将“五胡乱华”改为“少数民族南下”的行为?

知乎:如何看待将“五胡乱华”改为“少数民族南下”的行为?

近日一位作家的新书在审核时,被提出“五胡乱华”是“旧历史观”,应该为“少数民族南下”。

这“新历史观”真是好,彻底颠覆了封建传统的“旧历史观”。倘若这些“专家”的先祖泉下有知,不知是否后悔生下这样的子孙。(不过也许“专家”本身就不是汉人呢)

我们这些驴民,现在只能发发牢骚罢了,毕竟民族团结大于天 两少一宽亚克西

(所谓“两少一宽”,即中共中央1984年第5号文件提出的:“对少数民族的犯罪分子要坚持‘少捕少杀’,在处理上一般要从宽)

2009年7月五日的回回屠杀汉人的暴乱中,也没多少回回真的受到严厉处罚

反倒是两天后汉人的反抗运动,被当局干净利落的镇压了下去

现如今这天下是少民的天下,tg是少民的tg,四等汉民可以休矣

什么时候才能真正的民族平等,而不是少民大过汉民呢?

以斗争求团结则团结存,以退让求团结则团结亡 ——毛泽东

如何看待将“五胡乱华”改为“少数民族南下”的行为?