jQuery를 기반으로 한 JavaScript 기본 시스템 Architecture_jquery

jQuery의 사용은 JavaScript 개발자가 선택하는 주요 제품이 되기 시작했습니다. 그러나 전체적인 계획이 없으면 단순한 채택으로 인해 나중에 유지 관리 비용이 증가할 수밖에 없습니다. edged Sword는 한편으로는 많은 비용을 절감시켜 주지만, WEB 페이지 로딩에 대한 부담을 주기 때문에 유지 관리 및 2차 확장 비용이 발생하게 됩니다. , 기본 기능 구성 요소를 명확하게 이해할 수 있는 가장 기본적인 JavaScript 아키텍처 시스템이 필요합니다. 플러그인 구성 요소가 효과적으로 구현되고 확장됩니다.

결국 jQuery는 요소 선택기, 이벤트 등을 캡슐화하는 기본적이고 가장 낮은 수준의 도구 집합일 뿐이며 기본적으로 일반적인 요구 사항을 충족할 수 있지만 전체적인 관점에서 보아야 한다고 생각합니다. WEB, JavaScript 개발의 효율성과 재사용성을 향상시키기 위해서는 전체적인 레이아웃이 필요합니다. Biuuu는 가장 간단한 아이디어가 다음과 같다고 믿습니다.

1. 기존 Ajax 인터페이스 위에 작업 계층을 캡슐화합니다. 주로 ajax 입구를 통일하는데 사용되며, 동시에 GET과 POST를 분리하여 구분할 수 있으며, 매개변수 필터링, 매개변수 확인, 전역 매개변수 추가 등의 구성을 확인할 수 있습니다. ., 한 단계로 재사용성이 매우 높으며 구현은 다음과 같습니다.

코드 복사 코드는 다음과 같습니다. 다음:

var ajax = {
get : function(){
jQuery.get(url, [data], [callback], [type])
}
post : function(){
jQuery.post(url, [data], [callback], [type])
}
}

2, 통합 캡슐화 통합된 인터페이스를 통해 팝업 상자, 대화 상자 및 기타 대화형 창 팝업 창 작업의 상호 작용을 실현하고 개발 시간을 절약하며 전체 스타일의 조정 및 최적화에 도움이 됩니다.

3. 팩토리 모드와 유사한 기본 플러그인 로딩 기능을 제공하며, 이를 통해 플러그인 로딩 및 호출이 용이해집니다. 플러그인 업데이트 및 업그레이드에 대해 걱정할 필요가 없습니다. 통합 인터페이스를 호출하기만 하면 됩니다.

4는 실제로 가장 기본적이고 일반적으로 사용되는 기능 중 일부이며 특정 프로젝트와 관련되어 있으며 전역 도구 클래스 역할을 합니다.

위의 네 가지 점에서 전체적인 아키텍처 아이디어는 상대적으로 얕은 해결책일 뿐입니다. 사실 보안이나 성능 등의 고려 사항도 있지만 적어도 이 점에서는 아이디어가 있어야 합니다. 아키텍처의 합리성을 많이 반영할수록 자바스크립트 시스템도 예외는 아닙니다. 실제 사용 과정에서는 통합과 최적화를 통해 자바스크립트 개발 효율성을 높이고 자바스크립트 기능을 향상시키는 것이 매우 간단합니다.