Post(s) tagged "*WEB制作"
— 【JavaScript】パターンマッチ比較 match、search、test、exec ( しゃいん☆のブログ| 名古屋市 Webシステム開発 サーバ構築 ネットワーク構築 株式会社コネクティボ )パターンマッチ比較 match、search、test、exec
マッチパターンを全て抜き出したい場合はmatch、
繰り返し操作で順々にマッチパターンが欲しい場合はexec、
exec同様の捜査でマッチパターンがあるかどうかだけを知りたい場合はtest、
単純に先頭のマッチパターンだけが欲しい場合はsearch（パターンにgを付けないmatchでも可）
— ウェブページの高速化に必要なもの (Yahoo! JAPAN Tech Blog)サイトのパフォーマンスを向上させるための14個のルール
- HTTPリクエストを減らす
- CDNを使う
- Expireヘッダを設定する
- コンポーネントをgzipする
- スタイルシートは先頭に置く
- スクリプトは最後に置く
- CSS expressionの使用を控える
- JavaScriptとCSSは外部ファイル化する
- DNSルックアップを減らす
- JavaScriptを縮小化する
- リダイレクトを避ける
- スクリプトを重複させない
- ETagの設定を変更する
- Ajaxをキャッシュ可能にする
— はてな記法におけるエスケープシーケンスの利用 - 自己否定回路 ～駄目サークルの駄目Blog～エスケープシーケンス
& & < < > > " “ 半角スペース ( ( ) ) [ [ ] ] | |
ただApacheとLinuxを使えば安全になるというわけではない。この記事で説明するように、Apacheを安全にするためには、多くの手順が必要となる。
— CSSハック | BLOG × WORLD ENDINGCSSハック
- IE 7ハック
- Windows IE 7のみにスタイルを適用するハック。適用したいセレクタの前に「*:first-child+html」を付ける。CSS Validatorに通る。
- *:first-child+html p { color:#FF0000; }
- スターハック
- Windows IE 4〜6、Mac IE 4〜5のみにスタイルを適用する場合に用いる。スターつまり*を利用することからこのネーミングになったものと思われる。利用法としては、適用したいセレクタの前に「* html」を付ける。書式上は正しいのでCSS Validatorに通るが、それにマッチする要素はHTML文書には出現し得ない。
- * html p { color:#FF0000; }
— Top 10 custom JavaScript functions of all timeinsertAfter()
function insertAfter(parent, node, referenceNode) {
parent.insertBefore(node, referenceNode.nextSibling);
}
— 正規表現の解説 上級編正規表現の解説 上級編
- 先読み（lookahead）
- 「(?=pattern)」はゼロ幅の肯定的先読み表現です。「(?!pattern)」はゼロ幅の否定的先読み表現です。
- 「(?=pattern)」は’pattern’が続く位置にマッチします。つまり、この正規表現はアンカーです。厳密にいえばグループではないと言うことになります。この正規表現が示す位置はpatternの直前です。
- 後読み（lookbehind）
- 「(?<pattern)」でゼロ幅の肯定的後読み、「(!<pattern)」でゼロ幅の否定的後読みになります。
- 先読みを使った「(?=pattern)hoge」が「(?<pattern)hoge」とは違うのは、この動きをみると分かります。
に対して、「(?<RX)-\d」を検索すると、
- RX-3
- RX-7
- RX-8
がマッチします。「(?=RX)-\d」では何もマッチしません。これは「(?<RX)」がマッチするのはRXの後なのに対し、「(?=RX)」がマッチするのはRXの前であるからです。
- -3
- -7
- -8
— 全角英数字（+ ＿） ⇔ 半角英数字（+ _） - by AOK全角英数字（+ ＿）⇔ 半角英数字（+ _）
/* 全角英数字を半角英数字に置換する */
function z2h_word(src) {
return src.replace(/([Ａ-Ｚａ-ｚ０-９＿])/g,
function ($0) {
return String.fromCharCode($0.charCodeAt(0) - 65248);
});
}/* 半角英数字を全角英数字に置換する */
function h2z_word(src) {
return src.replace(/(\w)/g,
function ($0) {
return String.fromCharCode($0.charCodeAt(0) + 65248);
});
}
— JavaScriptの配列をちゃんと理解する：JavaやCとは大違い - builder by ZDNet Japan配列のループ処理
配列要素をループ処理するためには、配列オブジェクトが持つ「length」プロパティを使うのが普通です。lengthプロパティは配列の「長さ」を返します。
for (var i = 0; i < a.length; i++) {
…
}ちなみに上のコードは、下のようにするとパフォーマンスが大きく向上します。その理由は、「a.length」を最初の一度しか参照しないためです。JavaScriptのドット（.）演算子は、すでにご存じの通りハッシュテーブルの検索処理を伴いますので、かなりの処理コストを伴うためです。
for (var i = 0, n = a.length; i < n; i++) {
…
}
JavaScript addEventListener() - とみぞーノート 通常登録したイベントハンドラはイベント伝搬のバブリングフェーズで呼ばれる。このため、DOM Treeの下の方のエレメントからイベントハンドラが順番に呼ばれる。 useCaptureをtrueにしてイベントハンドラを登録すると、キャプチャフェーズでイベントハンドラが呼ばれるようになる。このため、その他のイベントハンドラに先だって呼び出されるようになる。
- DOMエレメントのプロパティに設定したイベントハンドラ
- HTMLタグに埋め込んだイベントハンドラ
- ‘useCapture = false’でaddEventListenerされたイベントハンドラ
