<< 2007년 10월 26일 (금) | | 2007년 10월 28일 (일) >>

Prototype and jQuery: A code comparison

주요 내용은 utility functions, selectors, DOM manipulation, DOM walking, events, Ajax transport, and browser detection 기능들을 위주로 비교를 해 놓았습니다.


요즘 jQuery를 많이 쓰는 추세인데 두 framework를 비교하여 원하는 것을 쓰시면 될 듯 한데 Open Source가 그렇듯이 불필요한 기능들이 많아서 자신이 필요한 기능을 경량화/최적화하는 것이 필요한데.. 아직까지 오픈소스 진영에서는 그런 기능들에 대한 부분은 기본 기능에 뒤쳐져 관심을 끌지는 못하고 있는것 같습니다.

좀 더 사용자 입장에서의 필요 기능을 Adapter처럼 취사선택할 수 있게 모듈을 만들면 좋을듯 합니다.

 

태그 :

JSMIN, The JavaScript Minifier

JSMIN은 JavaScript 압축기입니다.
뭐냐면 자바스크립트 코드에 들어있는 주석, 공백 등을 제거해 용량을 줄여 페이지 로딩속도를 높이는 방법입니다. 웹 사이트의 성능 향상을 위한 방법중에 하나입니다.

실제 사용 방법은 [#]jsmin jslint.js 입니다. 아래는 실제 구동하여 전과 후를 나타내는 javascript파일입니다.

Before:

// is.js

// (c) 2001 Douglas Crockford
// 2001 June 3

// is

// The -is- object is used to identify the browser.
//Every browser edition
// identifies itself, but there is no standard way of doing it,
//and some of the identification is deceptive.
//This is because the authors of web browsers are liars.
//For example, Microsoft's IE browsers claim to be
// Mozilla 4. Netscape 6 claims to be version 5.

var is = {
ie: navigator.appName == 'Microsoft Internet Explorer',
java: navigator.javaEnabled(),
ns: navigator.appName == 'Netscape',
ua: navigator.userAgent.toLowerCase(),
version: parseFloat(navigator.appVersion.substr(21)) ||
parseFloat(navigator.appVersion),
win: navigator.platform == 'Win32'
}
is.mac = is.ua.indexOf('mac') >= 0;
if (is.ua.indexOf('opera') >= 0) {
is.ie = is.ns = false;
is.opera = true;
}
if (is.ua.indexOf('gecko') >= 0) {
is.ie = is.ns = false;
is.gecko = true;
}

After:

var is={ie:navigator.appName=='Microsoft Internet Explorer'
,java:navigator.javaEnabled(),
ns:navigator.appName=='Netscape',
ua:navigator.userAgent.toLowerCase(),
version:parseFloat(navigator.appVersion.substr(21))||
parseFloat(navigator.appVersion),
win:navigator.platform=='Win32'}
is.mac=is.ua.indexOf('mac')>=0;
if(is.ua.indexOf('opera')>=0){is.ie=is.ns=false;is.opera=true;}
if(is.ua.indexOf('gecko')>=0){is.ie=is.ns=false;is.gecko=true;}

 

  • 다운로드 사이트 : http://www.crockford.com/javascript/jsmin.html
태그 :