Angular, Vue, React의 세 가지 주요 프레임워크가 2018년에 본격화됩니다.

2018년 가장 뜨거운 프런트엔드 과대광고는 angular, vue 및 React의 세 가지 주요 프레임워크에 대한 나의 이해에 대해 이야기해 보겠습니다.

3~4년 전이나 그 이전에는 프론트엔드가 완전히 분리되지 않은 상태에서 네이티브 JS로 프론트엔드 페이지를 개발하는 것은 우아하지 않은 것 같았습니다. 매우 시간이 많이 걸리고 불편했던 유지 관리가 점차적으로 jQuery 라이브러리의 출현으로 인해 개발자의 효율성이 향상되고 브라우저 호환성이 한동안 감소했으며 일부 오래된 프로젝트는 사라졌습니다. 아직 사용 중입니다. 그러나 mvc 또는 mvvm 아키텍처가 없으므로 직접 구성해야 합니다.

나중에 상대적으로 비효율적인 MVC 프레임워크인 Angular가 등장했고, 변경 사항이 있는 한 계산을 다시 거쳐야 했습니다.

이후 React의 가상 DOM이 등장하여 DOM 작업이 줄어들었고, 효율성과 절차가 향상되었지만 React는 뷰 레이어를 기반으로 하며 Flux, Redux 등과 같은 다른 프레임워크와 협력해야 합니다. 예를 들어 React와 비교하면 사용하기가 상대적으로 복잡합니다. , 명령어를 사용할 수 없고 순회가 불편합니다.

React에 비해 Vue는 React만큼 유연하고 일치하기 쉽지 않지만 Vue의 플러그인, 구성 요소 및 생태계는 우리 일반에 충분합니다. 프로젝트는 Vue가 개인이 주도하지만 React는 Facebook이 팀에서 관리하고 커뮤니티가 상대적으로 번영하지만 Vue는 많은 프로젝트에 적합하고 천천히 확장되고 있으며 전망도 매우 좋습니다.

Angular

Angular의 베테랑답게Angular1,Angular2,Angular4를 거치면서 각 버전이 새로운 프레임워크인 것 같습니다.

angular1의 ng-if는 vue의 v-if와 매우 유사합니다. 왜냐하면 vue의 명령 시스템은angular1에서 영감을 얻었고,angular1의 많은 문제는 vue에서 해결되었습니다.

Angular2의 경우 1보다 낫습니다. 예를 들어, 더 나은 구성 요소 시스템을 갖추고 있으며 API도 많이 변경되었습니다. 많이 개선되었지만 여전히 매우 부풀어 있습니다.

Angular2와 비교할 때, Angle4의 기능 목록은 다음과 같습니다. 많은 새로운 기능이 추가되었으며 이전 기능이 일부 개선되었습니다. Angle4를 사용하는 프로그램은 이전 버전보다 더 적은 공간을 소비하고 더 빠르게 실행됩니다.

• 사용 시나리오

프로젝트에 높은 성능 요구 사항이 없을 때는 Angle을 사용하거나, 기존에 Angle1을 사용하던 일부 프로젝트를 업그레이드해야 하고, 성능이 필요하지 않은 프로젝트는 없기 때문에 angular 몇 가지 새로운 프로젝트를 신중하게 고려해보세요... (자세한 내용을 보려면 PHP 중국어 웹사이트AngularJS 개발 매뉴얼로 이동하여 학습하세요.)

React

공식적으로 리액트는 페이스북이 mvc 프레임워크에 만족하지 않기 때문이라고 밝혔습니다. Instagram 웹사이트를 구축하기 위한 세트를 만들었습니다. 사용하기 쉽기 때문에 2013년 5월에 오픈소스로 공개되었습니다. 2017년 말에 React가 16.2로 업그레이드되었고 라우팅이 React- router3은 React-router4, React-router-dom

• Virtual DOM

으로 업그레이드되었습니다. React는 페이지가 처음 로드될 때 가상 DOM(Virtual DOM)을 언급해야 합니다. 데이터가 변경되면 변경된 내용을 기존 렌더 트리와 비교하여 최적의 알고리즘을 찾은 다음 렌더 트리를 변경하고 최종적으로 페이지의 DOM 트리를 재생성합니다. . 가상 DOM을 사용하면 프런트엔드 성능이 많이 향상되었습니다.

• Componentization

React의 컴포넌트화 아이디어가 특히 반영되었습니다. 뷰 레이어를 독립된 컴포넌트로 나누어 결합을 줄임으로써 컴포넌트를 구성 가능하고 재사용 가능하며 유지 관리 가능하게 만들어 개발 효율성을 크게 향상시킵니다.

• react는 뷰 레이어를 기반으로 하며 그 역할을 수행하려면 flux, redux 등과 같은 일부 플러그인과 협력해야 합니다. 물론 더 나은 결과를 얻으려면 더 많은 라이브러리와 협력할 수 있습니다

사용 시나리오

• 대규모 프로젝트에서는 기본적으로 React 사용이 첫 번째 선택입니다. 둘째, React Native를 사용하면 모바일 장치에서 React를 실행할 수 있습니다.
  Vue

Vue는 2014년 2월에 오픈 소스로 공개되었으며 You Daniu가 작성했습니다. 지금까지 vue의 패밀리 버킷 Vue-router, Vuex, 서버 측 렌더링 및 Vue의 가상 돔으로 업그레이드되었습니다. , 컴포넌트화, 성능, React보다 나쁘지 않습니다. Angular 및 React 경험이 별로 없는 팀과 그다지 크지 않은 프런트엔드 프로젝트의 경우 vue가 좋은 선택입니다

요약

프레임워크 선택은 프로젝트에만 달려 있는 것이 아닙니다. 자체적으로도 회사 팀을 통합해야 합니다. 팀의 기술 스택이 프로젝트 프레임워크 선택으로 직접 이어질 수도 있습니다

알겠습니다. 이 글은 여기서 끝납니다. 공부), 궁금한 점이 있으시면 아래에 메시지를 남겨주시면 됩니다.

위 내용은 Angular, Vue, React의 세 가지 주요 프레임워크가 2018년에 본격화됩니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!