>  기사  >  웹 프론트엔드  >  세 가지 주류 웹 프런트엔드 프레임워크를 비교하고 분석하는 방법

세 가지 주류 웹 프런트엔드 프레임워크를 비교하고 분석하는 방법

醉折花枝作酒筹
醉折花枝作酒筹원래의
2021-07-27 15:42:5213059검색

비교는 다음과 같습니다. 1. 제공되는 API인 Vue는 DOM 템플릿을 사용하여 비교적 간단하고 직관적입니다. 2. Angular, 데이터의 더티 검사에 의존하므로 감시자가 많을수록 속도가 느려집니다. 3. 특수 JSX를 사용하여 반응합니다. 구문을 사용하면 Virtual DOM을 사용하여 렌더링된 결과에 대해 더티 검사를 수행합니다.

세 가지 주류 웹 프런트엔드 프레임워크를 비교하고 분석하는 방법

이 튜토리얼의 운영 환경: Windows 7 시스템, JavaScript 버전 1.8.5, Dell G3 컴퓨터.

MVX 프레임워크 패턴: MVC+MVP+MVVM

1.MVC: 모델+뷰+컨트롤러, 주로 계층화 목적을 기반으로 서로의 책임을 분리합니다.

View는 Controller를 통해 Model과 통신합니다. Controller는 View와 Model의 조정자이며, 기본 통신은 단방향입니다.

사용자는 컨트롤러를 통해 템플릿 모델을 작동하여 뷰를 변경합니다.

2.MVP: MVC 모델에서 진화한 것으로 논리적 처리를 담당하는 Controller/Presenter + 데이터를 제공하는 모델 + 표시를 담당하는 View를 사용합니다.

MVP에서 Presenter는 View와 Model을 완전히 분리하고, 주요 프로그램 로직은 Presenter에서 구현됩니다.

또한 Presenter와 View는 정의된 인터페이스를 통해 상호 작용하므로 View가 변경되어도 Presenter는 변경되지 않습니다.

MVP 모델 프레임워크: Riot, js.

3.MVVM: MVVM은 MVC의 컨트롤러와 MVP의 프레젠터를 ViewModel로 변경합니다. 모델+뷰+뷰모델.

뷰의 변경 사항은 모델에 자동으로 업데이트되고, 모델의 변경 사항도 뷰에 자동으로 동기화되어 표시됩니다.

이 자동 동기화는 ViewModel의 속성이 Observer를 구현하고 속성이 변경되면 해당 작업이 트리거될 수 있기 때문입니다.

Vue.js란 무엇인가요?

위의 프레임워크 패턴 소개를 보면 MVVM 패턴에 속하는 프레임워크임을 알 수 있습니다. 그렇다면 그 특징은 무엇입니까?

사실 Vue.js는 뷰 레이어에만 초점을 맞추고 데이터 기반 웹 인터페이스를 구축하기 위한 라이브러리이기 때문에 프레임워크가 아닙니다.

Vue.js는 간단한 API(Application Program Interface)를 통해 효율적인 데이터 바인딩과 유연한 구성 요소 시스템을 제공합니다.

Vue.js의 기능은 다음과 같습니다:

1. 경량 프레임워크

2. 양방향 데이터 바인딩

3. 명령

4. Vue.js와 차이점은 무엇입니까? 다른 프레임워크?

1. 차이점

AngularJS와의 유사점:

두 지침 모두 기본 제공 지침과 사용자 지정 지침을 지원합니다.

둘 다 필터를 지원합니다: 내장 필터와 사용자 정의 필터.

둘 다 양방향 데이터 바인딩을 지원합니다.

저사양 브라우저는 지원하지 않습니다.

차이점:

1. AngularJS는 종속성 주입 기능 추가 등 학습 비용이 높은 반면, Vue.js 자체에서 제공하는 API는 비교적 간단하고 직관적입니다.

2. 성능 측면에서 AngularJS는 데이터 확인에 의존하므로 감시자가 많을수록 속도가 느려집니다.

Vue.js는 종속성 추적 기반 관찰을 사용하고 비동기 대기열 업데이트를 사용합니다. 모든 데이터는 독립적으로 트리거됩니다.

대규모 애플리케이션의 경우 이러한 최적화 차이는 매우 분명합니다.

2. React와의 차이점

유사점:

React는 특수 JSX 구문을 사용하며 Vue.js는 구성 요소 개발 시 .vue 특수 파일 형식 작성을 권장하며 파일 내용에 대한 몇 가지 규칙이 있으며 둘 다 컴파일 후 사용합니다. .

핵심 아이디어는 동일합니다. 모든 것이 구성 요소이고 구성 요소 인스턴스가 중첩될 수 있습니다.

모두 합리적인 후크 기능을 제공하여 개발자가 필요에 따라 맞춤 설정할 수 있습니다.

핵심 패키지에는 AJAX, Route 및 기타 기능이 내장되어 있지 않지만 플러그인으로 로드됩니다.

구성 요소 개발에서 믹스인 기능을 지원합니다.

차이점:

React는 Virtual DOM을 사용하는 반면 Vue.js는 DOM 템플릿을 사용합니다. React에서 사용하는 Virtual DOM은 렌더링된 결과에 대해 더티 검사를 수행합니다.

Vue.js는 DOM을 매우 편리하고 빠르게 운용할 수 있는 명령어, 필터 등을 템플릿에 제공합니다.

【추천 학습:

javascript 고급 튜토리얼

위 내용은 세 가지 주류 웹 프런트엔드 프레임워크를 비교하고 분석하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.