angular.js - 웹 개발에서 양방향 데이터 바인딩에 대해 이야기해 보겠습니다.

Question

양방향 데이터 바인딩의 장점과 단점은 무엇인가요?

Answer 1

단방향 데이터 바인딩: 먼저 템플릿을 작성한 다음 템플릿과 데이터(데이터가 백그라운드에서 올 수 있음)를 통합하여 HTML 코드를 형성한 다음 이 HTML 코드를 문서 흐름에 삽입한다는 의미입니다.

단방향 데이터 바인딩의 단점: HTML 코드가 생성되면 변경할 방법이 없으며, 새로운 데이터가 들어오면 이전 HTML 코드를 제거한 후 새로운 데이터와 템플릿을 다시 삽입해야 합니다. 문서 흐름.

양방향 데이터 바인딩: 데이터 모델(모듈)과 뷰(뷰) 간의 양방향 바인딩입니다.

사용자가 뷰에 수정한 내용은 자동으로 데이터 모델에 동기화됩니다. 마찬가지로 데이터 모델의 값이 변경되면 즉시 뷰에 동기화됩니다.

양방향 데이터 바인딩의 장점은 단방향 데이터 바인딩에 필요한 CRUD(생성, 검색, 업데이트, 삭제) 작업을 수행할 필요가 없다는 것입니다

양방향 데이터 바인딩의 가장 일반적인 응용 시나리오는 양식입니다. 이러한 방식으로 사용자가 프런트 엔드 페이지에서 입력을 완료한 후 우리는 이미 사용자의 데이터를 가져와 아무런 작업 없이 데이터 모델에 저장했습니다.

현재. 양방향 데이터 바인딩을 구현하는 프런트엔드 프레임워크에는 주로 AngularJS, VueJS 등이 있습니다.

그러나 저는 항상 양방향 데이터 바인딩의 적용 시나리오가 매우 제한적이라고 느낍니다.
양방향 데이터 바인딩을 구현하지 않는 backbonejs에 대한 설명: 일반적인 의미는 양방향 데이터 바인딩이 실제 애플리케이션에서는 거의 사용되지 않으며 불필요하다는 것입니다

"양방향 데이터 바인딩"은 사용하지 않습니다. 확실히 멋진 데모에 적합하고 가장 기본적인 CRUD에 작동하지만 실제 앱에서는 그다지 유용하지 않은 경우가 있습니다. 키를 누를 때마다, 때로는 패널이 닫힐 때, 때로는 "저장" 버튼을 클릭할 때. 거의 모든 경우에 양식을 JSON으로 직렬화하는 것이 마음만 먹으면 더 빠르고 쉽습니다. , 해보세요.

Answer 2

일부 사람들은 양방향 바인딩이 너무 폭력적이라고 ​​생각하지만 Angular에서는 양방향인지 단방향인지 설정할 수 있는 것 같습니다
게다가 데이터 바인딩에는 일정량의 오버헤드가 필요하지만 테스트 결과 수천 개의 변수를 모니터링하는 데 문제가 없는 것 같습니다
그렇다면 유일한 문제는angular-js가 170kb 이상 압축되었다는 것입니다. . 그리고 Angle-js는 ie8에 대한 지원을 중단합니다

Answer 3

양방향 데이터 바인딩이 무엇을 의미하나요? 알려주세요