1 대중적인 Ajax 프레임워크 기술 소개 기존 Ajax를 프레임워크 관점에서 분류하면 다음과 같이 분류할 수 있다.
Ø 레벨 0은 원본 객체를 확장하는 방법과 상대적으로 간소화된 Ajax 통신 부분을 포함한 기본 작업을 완료합니다.
Ø 레벨 1은 트윈, 드래그, 마스크 레이어, 페이드 등과 같은 특수 효과와 같은 일반적인 효과 변환 기능 추가를 포함하여 효과 작업을 완료합니다.
Ø 레벨 2는 대화 상자, 목록, 트리, 달력 등과 같은 구성 요소를 포함한 구성 요소 작업을 완료합니다.
레벨 3은 사용자가 특정 기능을 달성할 수 있는 모듈을 정의할 수 있도록 하는 완전한 프런트엔드 플랫폼을 포함하여 애플리케이션 작업을 완료합니다.
Prototype.js와 같은 일부 프레임워크는 레벨 0만 수행하고, jQuery와 같은 일부 프레임워크는 레벨 1을 수행하며, Asp.net Ajax 및 EXT와 같은 일부 프레임워크는 레벨 3을 수행합니다.
적절한 Ajax 프레임워크를 선택하면 프로그램 효율성이 향상되고, 개발 작업량이 줄어들며, 디스플레이 효과가 최적화될 수 있습니다.
1.1 Asp.net Ajax 소개 홈페이지: http://www.asp.net/cn/
디자인적 사고
ASP.NET Ajax는 클라이언트 측 스크립트 라이브러리 세트를 통합하여 기능이 풍부한 서버 기반 개발 플랫폼 ASP.NET과 통합합니다. 서버측 프로그래밍 모델은 클라이언트측 프로그래밍 모델보다 간단하며 기존 ASP.NET 프로그램과 쉽게 통합할 수 있습니다. 일반적으로 복잡한 기능을 구현하려면 페이지에서 몇 가지 컨트롤만 드래그하면 됩니다. 또한 서버 측 프로그래밍을 위한 ASP.NET AJAX 제어 도구 키트에는 ASP.NET의 원래 서버 컨트롤에 대한 수많은 독립적인 AJAX 컨트롤과 AJAX 기능 확장이 포함되어 있습니다.
1.2 Jquery 소개 홈페이지: http://jquery.com/
디자인 아이디어는 간단합니다. 거의 모든 작업은 DOM 요소 선택(강력한 선택기 사용)으로 시작한 다음 DOM 요소에 대한 작업(체인 및 기타 기능)으로 시작됩니다. 시작하기가 매우 쉽고, 코드가 매우 간단하고, 원본 JavaScript와 매우 유사하며, 파일이 매우 작습니다.
1.3 Extjs 소개 홈페이지: http://extjs.com/
디자인적 사고
100% 객체 지향 및 구성 요소 기반 사고, 일관된 구문 및 전역 네임스페이스입니다. 문서는 완전하고 표준화되었으며 편리합니다. 모든 구성요소(위젯)는 별도의 설정 없이 바로 사용 가능
2 성능 비교
Ajax 애플리케이션의 성능은 웹 애플리케이션의 여러 측면에 따라 달라집니다.
Ø
Ø
Ø 클라이언트 자바스크립트 처리 시간
다양한 프레임워크를 사용하여 프로그램 샘플을 만들고 FireBug를 사용하여 성능을 테스트할 수 있습니다.
생성 메커니즘의 관점에서
Asp.net Ajax 서버 컨트롤은 제어 코드를 생성하며 생성된 js 파일은 약간 더 클 수 있습니다.
Microsoft Ajax의 원본 파일은 82k로 비교적 작으며 로딩 속도도 비교적 빠릅니다.
원본 Jquery 파일은 40k 정도로 상대적으로 작고 로딩 속도도 비교적 빠릅니다.
Ext2.0의 원본 파일은 500k가 넘고 로딩 속도가 약간 느립니다.
물론 성능 최적화, 불필요한 추가 기능 감소, 캐싱 및 기타 기술 사용을 통해 Ajax 성능을 향상시킬 수 있습니다.
3 사용 편의성 비교
3.1 Asp.net Ajax 사용
VS2008 개발 환경과 통합되어 개발 및 디버깅이 매우 편리합니다.
일반적으로 복잡한 기능을 구현하려면 심층적인 작업 원리를 이해할 필요 없이 페이지에서 몇 가지 컨트롤만 드래그하면 됩니다. 또한 서버측 프로그래밍을 위한 ASP.NET AJAX 컨트롤 툴킷에는 수많은 독립적인 컨트롤이 포함되어 있습니다. AJAX 컨트롤 및 ASP.NET 기본 요소 서버 컨트롤을 위한 AJAX 함수 확장이 있으며 이 확장도 구현이 매우 간단합니다. 인터넷에는 수많은 책, 소스 코드 및 비디오 자료가 있으며 공식 Microsoft 커뮤니티에서도 지원됩니다.
3.2 제이쿼리 활용
Microsoft의 Visual Studio 2008 sp1은 jquery에 대한 동적 프롬프트를 지원합니다. 코드 페이지에서 해당 vsdoc 스크립트를 가져와서 지능형 프롬프트를 실현할 수 있습니다. 또한 프레임워크에는 수많은 예제가 있고 문서가 매우 완벽하며 다양한 애플리케이션이 자세히 설명되어 있고 선택할 수 있는 성숙한 플러그인이 많이 있습니다.
3.3 Extjs 사용법
Microsoft의 Visual Studio 2008은 Extjs에 대한 동적 프롬프트도 지원합니다. 해당 vswd-ext 스크립트를 코드 페이지로 가져오는 한 지능형 프롬프트를 실현할 수 있습니다. 또한 프레임워크에는 수많은 소스 예제가 있고 문서가 매우 완벽하며 다양한 응용 프로그램도 자세히 설명되어 있습니다.