HTTPリクエストを減らすために【CSS Sprite編】スプライト地獄からの解放 - MOL
このシリーズはHTTPリクエストの理解を通じてWebパフォーマンスの重要性について考える5章構成になっている。 【序章】HTTPリクエストは甘え 【CSS Sprite編】スプライト地獄からの解放 【WebFont編】ドラッグ＆ドロップしてコマンド叩いてウェーイ 【DataURI編】遅延ロードでレンダリングブロックを回避 【終章】我々には1000msの猶予しか残されていない 2日目は、HTTPリクエストを減らす最もポピュラーな手法、CSSスプライトについて説明する。 まずは動画をご覧頂きたい。 img要素読み込み | WebPagetest Test Result CSS Sprite読み込み | WebPagetest Test Result 左が30個のアイコン画像を一つ一つimg要素として読み込んでいるのに対して、右は１つの背景画像（CSSスプライト）として読み込んでいる。この場合、
JavaScript 第5版 11章 正規表現パターンマッチング | MOL
StringとRegExpクラスで正規表現パターンが使える 11.1 正規表現の定義 RegExpオブジェクトはコンストラクタでも生成できるが特殊なリテラル形式でも生成可能 スラッシュ(/)で囲んで記述 var pattern = /s$/; 最後が「s」という英字の任意の文字列に一致する コンストラクタでかくとこうなる↓ var pattern = new RegExp("s$"); JSはPerlの正規表現を採用 11.1.1 リテラル文字 正規表現では英数字はそのまま使われる バックスラッシュ（\）でエスケープシーケンスの形式で英数字以外の文字もサポート 正規表現のリテラル文字 \t タブ \n 改行 以下の句読点文字は正規表現中では特別な意味をもつ ^ $ . * + ? = ! : | \ / () [] {} どの句読点文字をエスケープしなければならないかわからないと
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
