1. 2010.08.18 정규표현식 한글, 한자, 일어 검색
  2. 2010.07.14 CSS Sprites 기법... 문제점...

정규표현식 한글, 한자, 일어 검색

반드시 utf-8로 인코딩 되어있어야 한다.
아니라면 iconv()를 이용해서 utf-8로 변환후 하자..
유니코드 이용시 마지막에 u옵션을 넣어줘야 한다..
// 한글
preg_match_all('/[\x{1100}-\x{11FF}\x{3130}-\x{318F}\x{AC00}-\x{D7AF}]+/u', $text, $match);
print_r($match);

// 한자
preg_match_all('/[\x{2E80}-\x{2EFF}\x{31C0}-\x{31EF}\x{3200}-\x{32FF}\x{3400}-\x{4DBF}\x{4E00}-\x{9FBF}\x{F900}-\x{FAFF}\x{20000}-\x{2A6DF}\x{2F800}-\x{2FA1F}]+/u', $text, $match);
print_r($match);

//  일어
preg_match_all('/[\x{3040}-\x{309F}\x{30A0}-\x{30FF}\x{31F0}-\x{31FF}]+/u', $text, $match);
print_r($match);

'WebDevelop > 정규표현식' 카테고리의 다른 글

정규 표현식 - 룩어라운드(lookaround)  (0) 2010.09.09
정규표현식 한글 표현 방법  (0) 2008.08.19
정규식 예제 [jsscript]  (0) 2007.12.17

CSS Sprites 기법... 문제점...

작은 아이콘 같은 경우 각각의 파일로 존재한다면 매번 해당 파일을 로드 하기 위해서 HTTP접속을 하게 되는데... 이걸 줄이기 위해서 하나의 이미지에 아이콘들을 모아서 1번의 HTTP 요청으로 해당 아이콘들을 모두 로드 할수있다.
사용은 CSS의 background-position 속성을 이용해서 해당 이미지의 위치를 좌표로 잡아주고 해당 이미지의 영역 만큼의 사이즈를 적용하게 되면 된다.
그런데 문제가 있다.
해당 이미지가 정적인 이미지일 경우엔 문제가 없으나 마우스 hover효과를 통해 이미지의 position을 이동하게 될경우 이미지를 다시 요청하는 현상으로 인해 깜빡거리는 현상이 발생한다.
이럴경우 해당 이미지를 캐쉬해뒀다가 다시 사용하다록 하는 방법들이 있는데..
여러 방법들중 가장 효과적이라 생각해서 남겨둔다...
try {
	document.execCommand('BackgroundImageCache', false, true);
} catch(e) {}
Return top