웹개발 매거진 2.0 -

Kvz - Techblog를 운영하고 있는 Kevin van Zonneveld는 작년 12월부터 php.js프로젝트를 공개하기 시작합니다.
php.js은 이름 그대로 PHP 함수에 익숙한 사람들을 위해 자바스크립트로 PHP function들을 구현하여 공개하는 프로젝트입니다. 이미 array나 string 관련된 강력한 PHP함수들이 JavaScript로 포팅되어 100개 가까운 함수군을 가지게 되었습니다.

abs
addslashes
array_change_key_case
array_chunk
array_combine
array_count_values
array_diff
array_diff_assoc
array_diff_key
array_fill
array_flip
array_keys
array_key_exists
array_map
array_pad
array_pop
array_product
array_push
array_rand
array_reverse
array_search
array_shift
array_sum
array_unique
array_unshift

array_values
base64_decode
base64_encode
basename
checkdate
chr
compact
count
count_chars
crc32
date
defined
define
empty
end
explode
file
file_get_contents
function_exists
get_class
htmlentities
implode
include
include_once
in_array

isset
is_array
is_numeric
levenshtein
ltrim
md5
md5_file
mktime
nl2br
number_format
ord
preg_quote
printf
rand
range
reset
rtrim
serialize
setcookie
sha1
sha1_file
shuffle
soundex
sprintf
strcmp

stripslashes
strip_tags
stristr
strlen
strpos
strrev
strripos
strrpos
strstr
strtolower
strtoupper
str_pad
str_repeat
str_replace
str_rot13
substr_count
trim
ucfirst
ucwords
utf8_decode
utf8_encode
wordwrap

http://kevin.vanzonneveld.net/techblog/article/phpjs_licensing/ 에 공개된 php.js function

하지만 용량이 약 100kb가 되어서 사용하기에 부담되는것이 사실이었는데요. 지난 14일 WOWpc님 께서 주석을 제거한 버전과 압축된 버전을 공개해주셨습니다. 라이센스가 MIT 라이센스이니 문제는 없을것 같습니다.

http://wow-reference.tistory.com/74

약 1/3에 해당하는 주석을 제거한 버전이 55kb 또 이 버전을 다시 압축한 버전이 37kb정도군요
감사합니다.

님~

(0)

(0)

훌륭한 자바스크립트 라이브러리인 Prototype.js 잘 사용하고 계신가요?

http://thinkweb2.com 에서는 두번에 걸쳐 Prototype.js의 올바른 사용법에 대해서 포스팅 한 적이 있습니다.
소개 된지 좀 되었지만 몇가지는 계속 까먹게 되는군요

1편
http://thinkweb2.com/projects/prototype-checklist/

2편
http://thinkweb2.com/projects/prototype/2007/08/12/how-well-do-you-know-prototype-part-ii/

간단하게 소개 하면 다음과 같습니다.

1. document.getElementById('foo') 대신 $('foo') 를 사용 할 것

2. var woot = $('bar').value 대신 var woot = $F('bar') 를 사용 할 것

3.
$('footer').style.height = '100px';
$('footer').style.background = '#ffc';

대신

$('footer').setStyle({
height: '100px',
background: '#ffc'
})

를 사용 할 것

4.
$('coolestWidgetEver').innerHTML = 'some nifty content'

대신

$('coolestWidgetEver').update('some nifty content') 를 사용 할 것

5.
new Ajax.Request('ninja.php?weapon1=foo&weapon2=bar')

대신

new Ajax.Request('ninja.php', {
parameters: {
weapon1: 'foo',
weapon2: 'bar'
}
})

를 사용 할 것

6.

new Ajax.Request('blah.php', {
method: 'POST',
asynchronous: true,
contentType: 'application/x-www-form-urlencoded',
encoding: 'UTF-8',
})

대신

new Ajax.Request('blah.php')

사용 할 것

7.
Event.observe('myContainer', 'click', doSomeMagic)

대신

$('myContainer').observe('click', doSomeMagic)

사용 할 것

8.

$$('div.hidden').each(function(el){
el.show();
})

대신

$$('div.hidden').invoke('show')

(0)