Anglejs_AngularJS에 대한 몇 가지 최적화 팁

그러나 페이지에 있는 모든 모델 데이터의 동기화를 보장하려면 여전히 $rootScope를 호출해야 하므로 코드를 작성하기 전에 어떤 데이터를 동기적으로 변경해야 하는지 생각해 보는 것이 가장 좋습니다.

tip3: ng-repeat를 최대한 적게 호출하세요

ng-repeat는 기본적으로 많은 리스너를 생성하므로 데이터 양이 많을 경우 페이지 성능을 소모하므로 데이터 목록을 자주 업데이트해야 하는 경우에만 ng-repeat를 사용하면 될 것 같습니다. 너무 많은 리스너를 배치하는 것도 낭비입니다. 이때 ng와 함께 제공되는 $interpolate 서비스를 사용하여 내부가 주로 ng 코어에 의존하는 코드 조각을 구문 분석할 수 있습니다. 파싱 ​​서비스 $parse, 그리고 데이터를 채운 후 코드 조각을 일회성 모델에 직접 할당할 수 있습니다

tip4: 명령에 네이티브 구문을 작성해보세요

ng는 ng-show 및 ng-hide와 같은 많은 명령을 제공하지만 해당 기능은 모델의 참 또는 거짓에 따라 코드 조각을 표시하거나 숨기는 것입니다. 비즈니스 요구 사항을 빠르게 실현할 수 있지만 이러한 명령은 기본적으로 리스너가 추가됩니다. 이러한 코드 조각이 큰 명령에 존재하는 경우 더 좋은 방법은 명령 링크에 .show(), .hide() 및 기타 유사한 jq 메서드를 작성하여 이를 제어하는 ​​것입니다. 리스너 수를 저장합니다. 내장 이벤트 명령어와 유사하게 주변 명령어에서 addEventListener를 사용하여 실제로 이벤트에 바인딩할 수 있습니다. 어쨌든 코드를 작성하기 전에 리스너 수를 늘리는 방법을 생각해 보는 것이 가장 좋습니다. 적어도 이는 페이지 성능을 전반적으로 향상시킬 수 있습니다.

팁5: 페이지에서 가능한 한 적은 수의 필터를 사용하세요

페이지에서 모델 뒤에 필터를 추가하면 $digest에서 현재 모델이 두 번 실행되어 $$watchers가 두 번째로 작업 변경을 감지할 때 불필요한 성능 낭비가 발생합니다. 모델 값을 수정할 때 인라인 필터 구문을 가능한 한 적게 사용하십시오. 다음은 페이지 성능에 큰 영향을 미치기 때문입니다

$filter 서비스를 사용하여 백그라운드에서 필터 기능을 호출하는 것이 좋습니다. 이는 페이지 성능을 크게 향상시킬 수 있는 코드입니다

요약

위 내용은 ng 프로젝트의 성능을 향상시키는 몇 가지 팁입니다. ng는 매우 강력하지만 비표준 코드도 성능을 저하시키므로 코드를 작성하기 전에 리스너가 필요하지 않은 부분을 생각해 보는 것이 가장 좋습니다. .