각도 소개 및 기능 소개_AngularJS

이전에는 프런트엔드 개발(웹 또는 모바일)에서는 주로 jQuery 네이티브 js를 사용했습니다. 일부 프런트엔드 UI 프레임워크를 사용하는 경우 사용할 수 있는 일부 API도 제공할 수 있습니다. 그리고 현재 많은 UI 프레임워크가 jQuery를 기반으로 하고 있으므로 jQuery에서 Anglejs까지의 큰 범위에 대해 이야기해 보겠습니다. 저는 잠시 동안Angularjs를 연구해 왔습니다.

jquery와의 비교에 대하여

우선 Angular는 MVC 프레임워크이며 jQuery의 차이점은 전자는 MVC 코드를 분리하고 모델, 컨트롤러 및 뷰를 사용하여 코드를 구성하는 반면, 후자는 많은 API 기능을 제공한다는 것입니다. 필요하지 않습니다. 애니메이션, $.animate와 같은 더 복잡한 효과를 얻기 위해 네이티브 js를 많이 작성합니다. 이러한 효과를 작성하는 데 네이티브 js가 필요한 경우 코드의 양이 상대적으로 커집니다.

둘째, jQuery는 코드 구성 방식을 정의하지 않습니다. 참조용으로 별도의 js 파일에 넣을 수도 있고, 페이지에 직접 작성하고 스크립트 태그로 래핑할 수도 있고, 직접 작성할 수도 있습니다. inline.html 태그에서 anglejs는 HTML 페이지를 여러 모듈로 나눕니다. 각 모듈은 자체 범위, 서비스 및 지시문을 가질 수 있습니다. 각 모듈은 서로 통신할 수도 있지만 전체 구조는 비교적 명확합니다. 코드 구성은 모듈식입니다.

마지막으로 jQuery의 아이디어는 페이지를 먼저 디자인한 다음 기존 페이지에서 DOM 작업을 수행한 다음 페이지를 표시하는 것입니다. 그러나 각도 보기는 단지 프레임일 수도 있고 DOM 작업이나 시간 모니터링이 필요할 수도 있습니다. 뷰는 모두 지시문에 구현되어 있으며 일반적으로 모델을 듣는 한 Dom 작업 코드를 직접 작성하는 경우는 거의 없습니다. 모델이 변경되면 뷰도 변경됩니다.

해당 경우에 대해

jQuery는 대부분의 웹 개발에 적합해야 하며, 모바일 버전(jQuery mobile)도 있습니다. SPA에는angularjs가 더 적합하다고 말하는 사람들도 있습니다(개인적으로 휴대폰의 SPA는 지저분하기 때문에 성능 문제가 발생할 수 있다고 생각합니다. 확인 메커니즘이 성능에 영향을 미칠 수 있음) 웹 측에서는 일부 CRUD 애플리케이션 또는 관리 소프트웨어를 계속 사용할 수 있습니다(물론 여기에서 이해한 내용이 정확하지 않을 수 있으므로 이에 대해 자세히 알아보고 심층적인 연구를 통해 사용하겠습니다).

UI 조합에 대하여

모든 제품을 개발하려면 프런트엔드 UI를 사용해야 합니다. 현재 많은 UI가 jQuery를 기반으로 합니다. 즉,Angularjs와 이러한 Ui 구성 요소를 사용하려면 Anglejs 지시문을 사용하여 일부 구성 요소를 다시 작성해야 합니다. 이 프로세스는 더 까다롭습니다. 다행히도 Angle은 사용할 수 있는 일부 UI 구성 요소를 제공합니다(웹 측은 주로 부트스트랩 프런트 엔드 구성 요소와 결합됩니다).

http://angular-ui.github.io /, 그리고 모바일 단말에서는 주로 ionic 프레임워크http://ionicframework.com/를 결합하고 있지만, Angle의 발전과 함께 많은 HTML5 프론트엔드 프레임워크가 점차적으로angularjs를 통합하고 있습니다. 사용하기 위한 버전입니다.

Angularjs의 기능에 대하여

1. 데이터의 양방향 바인딩: 이는 뷰 레이어의 데이터와 모델 레이어의 데이터가 양방향으로 바인딩됩니다. . 코드를 작성할 필요가 없습니다! (jQuery로 어떻게 할지 고민해보세요)

2. 코드 모듈화, 각 모듈의 코드는 자체 범위, 모델, 컨트롤러 등을 독립적으로 갖습니다.

3. 강력한 지시문은 HTML 태그, 속성 또는 주석 등으로 ​​많은 기능을 캡슐화하여 HTML의 구조를 크게 향상시키고 가독성을 향상시킵니다.

4. 종속성 주입, 이 백엔드 언어 디자인 패턴은 프런트엔드 코드가 재사용성과 유연성을 향상시킬 수 있음을 의미합니다. , 서버는 다른 클라이언트가 완료할 수 없는 데이터 소스 및 작업만 제공합니다.

5. 테스트 중심 개발,Angularjs는 처음부터 이것을 목표로 삼았습니다.Angular를 사용하여 개발된 애플리케이션은 단위 테스트와 엔드 투 엔드 테스트를 쉽게 수행할 수 있어 테스트하기 어려운 기존 js 코드의 단점을 해결합니다. 그리고 유지

위 내용은 한동안Angularjs를 공부하면서 얻은 결론입니다. 일부 누락된 내용이 있을 수 있습니다. 다음으로 일부 내용을 확장하여 단계별로 학습하겠습니다.