疑似要素について

いちいちタグを追加しなくても、ちょっとした要素ならCSSの世界で擬似的に追加しちゃおうぜ！ってやつ。

<ul>
  <li>hoge</li>
</ul>

リストの先頭や後ろにマーカーを追加する際、こんな事をやっていたかもしれない。

<ul>
  <li><img src="xxx.png" />hoge</li>
</ul>

はたまたliに対してバックグラウンドイメージを持たせて、左余白開けて・・・とか。

それ、疑似要素でやればタグを汚さずに済むよね？

li::before {
  content: url(xxx.png);
}

ちなみに、シングルコロンはCSS２で、ダブルコロンはCSS3と厳格化されているので後者を使いましょう。

dstatコマンドいろいろ

CPU負荷

dstat -ta --top-cpu

IO負荷

dstat -ta --top-io-adv --top-bio-adv

Memory負荷

dstat -t -gs --mem --vm --ipc --top-mem

Network負荷

dstat -tn --socket --tcp --udp --unix

スレッドごとのCPU使用率が知りたい

$ ps auxww -L | grep java

USER       PID   LWP %CPU NLWP %MEM    VSZ   RSS TTY      STAT START   TIME COMMAND
root     18091  6982  0.0   78 28.3 3726268 544840 ?      Sl   Jul15   0:00 /usr/bin/java -Djava.util.logging.config.file=/usr/lib/tomcat/conf/logging.properties -Djava.util.logging.manager=org.apache.juli.ClassLoaderLogManager -Djdk.tls.ephemeralDHKeySize=2048 -Djava.protocol.handler.pkgs=org.apache.catalina.webresources -classpath /usr/lib/tomcat/bin/bootstrap.jar:/usr/lib/tomcat/bin/tomcat-juli.jar -Dcatalina.base=/usr/lib/tomcat -Dcatalina.home=/usr/lib/tomcat -Djava.io.tmpdir=/usr/lib/tomcat/temp org.apache.catalina.startup.Bootstrap start

a　自分以外のユーザーのプロセスについても表示
u　ユーザー名と開始時刻を表示
x　デーモンプロセスを表示
ww　出力列幅の制限を解除
-L　スレッド表示

Javaスタックトレースを取得する

タイミングによっては出力エラーになるので、-Fオプションで強制出力。
出力行数がはんぱないので、実際はテキスト出力が望ましい。

$ jstack -F <PID> > threaddump.txt

onを使ってイベント登録した場合、ブラウザバック等で多重登録される場合がある

onはイベント上書きでなく、追加になるので多重登録に注意。 呼び出し前に念のため、offでイベント削除するか、addEventlistnerを使う。後者の場合はイベント上書き扱いとなる。

$('.hoge').off('click.hoge');
$('.hoge').on('click.hoge.fire');