과거에는 프론트 엔드 개발 (웹 또는 모바일)이 주로 jQuery + Native JS를 사용했습니다. 일부 프론트 엔드 UI 프레임 워크가 사용되는 경우 사용할 API도 제공 할 수도 있습니다. 또한, 많은 UI 프레임 워크는 jQuery를 기반으로하므로 jQuery에서 AngularJS까지의 범위는 비교적 큽니다. 나는 잠시 동안 AngularJS를 공부했습니다. 전반적인 경험에 대해 이야기합시다.
jQuery와의 비교에 대해
우선, Angular는 MVC 프레임 워크입니다. IT와 JQuery의 차이점은 전자가 MVC 코드의 분리에 최선을 다하고 있으며 모델, 컨트롤러 및보기를 사용하여 코드 구성을 구성한다는 것입니다. 후자는 많은 API 기능을 제공합니다. 애니메이션, $ .animate와 같은 더 복잡한 효과를 달성하기 위해 많은 기본 J를 작성할 필요가 없습니다. 기본 J를 작성 해야하는 경우 코드 볼륨이 비교적 커집니다.
둘째, jQuery는 코드 구성 방식을 정의하지 않습니다. 참조를 위해 별도의 JS 파일에 배치하거나 페이지에 직접 작성하여 스크립트 태그로 래핑하거나 HTML 태그로 직접 쓸 수 있습니다. 그러나 AngularJS는 HTML 페이지를 여러 모듈로 나누고 각 모듈은 자체 범위, 서비스 및 지침을 가질 수 있으며 모듈간에 통신을 수행 할 수 있지만 전체 구조는 비교적 명확합니다. 즉, 코드 구성 방법은 모듈 식입니다.
마지막으로 JQuery의 아이디어는 먼저 페이지를 디자인 한 다음 기존 페이지에서 DOM 작업을 수행하고 페이지를 표시하는 것입니다. 그러나 각도 뷰는 단지 프레임 워크 일 수 있으며, 뷰의 DOM 작업 또는 시간 모니터링은 지침으로 구현됩니다. 일반적으로 모델을 듣는 한 직접적으로 직접 작성되지 않습니다. 모델이 변경된 후에도보기도 변경됩니다.
적용 가능한 경우에 대해
jQuery는 대부분의 웹 개발에 적합해야하며 모바일 측면에는 jQueryMobile도 있습니다. 어떤 사람들은 AngularJS가 스파에 더 적합하다고 말합니다 (개인적으로 휴대 전화의 스파는 더러운 점검 메커니즘이 성능에 영향을 미치기 때문에 성능 문제를 일으킬 수 있다고 생각합니다). 웹 측에서는 일부 CRUD 응용 프로그램 또는 관리 소프트웨어를 여전히 사용할 수 있습니다 (물론 여기서 이해는 정확하지 않을 수 있으며 심층 학습에서 더 이해하고 사용할 수 있습니다).
UI의 조합에 대해
제품을 개발하려면 프론트 엔드 UI를 사용해야합니다. 현재 많은 UI는 jQuery를 기반으로합니다. 즉, AngularJS와 이러한 UI 구성 요소를 사용하려면 AngularJS의 지침을 사용하여 일부 구성 요소를 다시 작성해야합니다. 이 과정은 매우 번거 롭습니다. 다행스럽게도 Angular는 사용할 수있는 일부 UI 구성 요소 (웹 측면은 주로 부트 스트랩 프론트 엔드 구성 요소를 결합 함), http://angular-ui.github.io/ 및 모바일 측면에서 주로 이온적 프레임 워크 http://ionicframework.com을 결합합니다. 그러나 각도의 개발로 많은 HTML5 프론트 엔드 프레임 워크는 사용하기 위해 점차적으로 AngularJS 버전을 통합했습니다.
Angularjs의 특징에 대해
1. 데이터의 양방향 바인딩 : 이것은 가장 흥미로운 기능 일 수 있습니다. 뷰 계층의 데이터 및 모델 계층의 데이터는 양방향 결합입니다. 그들 중 하나가 변경되면 다른 쪽이 그에 따라 변경됩니다. 코드를 작성할 필요가 없습니다! (jQuery 모드에서 수행하는 방법에 대해 생각하십시오)
2. 코드는 모듈 식이며 각 모듈의 코드에는 자체 범위, 모델, 컨트롤러 등이 있습니다.
3. 강력한 지침은 많은 기능을 HTML 태그, 속성 또는 의견 등으로 캡슐화하여 HTML의 구조를 크게 아름답게하고 가독성을 향상시킬 수 있습니다.
4. 의존성 주입,이 백엔드 언어의 설계 패턴을 프론트 엔드 코드에 제공하는데, 이는 프론트 엔드 코드가 재사용 성과 유연성을 향상시킬 수 있음을 의미합니다. 앞으로이 모델은 클라이언트에 많은 수의 작업을 배치 할 수 있으며 서버는 다른 클라이언트가 완료 할 수없는 데이터 소스 및 작업 만 제공합니다.
5. 테스트 중심의 개발, AngularJS는 이것으로 시작하는 것을 목표로합니다. Angular를 사용하여 개발 된 응용 프로그램은 단위 테스트 및 엔드 투 엔드 테스트를 쉽게 수행 할 수 있으며, 이는 기존 JS 코드의 단점을 테스트하고 유지하기가 어렵습니다.
위의 것은 일정 기간 동안 AngularJS를 연구함으로써 그려진 결론입니다. 일부 지역은 생략 될 수 있습니다. 중요하지 않습니다. 다음으로, 우리는 포인트 중 하나를 개발하고 단계별로 학습 할 것입니다.