단일 페이지 웹 응용 프로그램을 만들고 있습니다.단일 페이지 웹 응용 프로그램 디자인
앱 구조에 대한 기본 디자인을 만들었습니다. This 답변에 대해 this 동영상이 매우 유용했습니다.
응용 프로그램에 하나의 html 페이지가 포함되어 있습니다. JS 코드가 내용을 변경합니다. 안내 원은 URL에 따라 모듈을 제공합니다 (domain.com/#list#item1은 항목 모듈을 반환합니다).
모듈은 sandbox를 사용하여 서버에서 데이터를 검색합니다 (Application Core를 사용합니다). 모듈은 샌드 박스에 키 - 값 목록을 전달하여 페이지 스타일을 설정하며 페이지 HTML도 이와 같이 설정합니다.
당신은 어떻게 생각하십니까? 그것은 충분히 분리되어 있는가?
짧은 답변 : 종류의. 모듈이 얼마나 복잡한 지에 따라 다릅니다.
긴 대답 :
내가 코어를 존중 하나의 응용 프로그램에서 일하고 있어요 -> 샌드 박스 인스턴스 - 당신이 설명처럼> 패턴을 모듈.
내 응용 프로그램에 대한 유일한 답이없는 질문은 이것이다 :
"모듈 A와 모듈 B가 동일하거나 거의 동일 작은 UI 구성 요소가있을 때 어떻게됩니까?".
5 개 중 3 개 모듈에 아코디언이 표시 될 수 있습니다.이 아코디언은 응용 프로그램마다 다를 수 있으므로 코어에 jquery 플러그인을 추가하고 샌드 박스를 통해 모듈에 표시하면 코드가 자르지 않습니다.
1) 다른 모듈에 의해 샌드 박스를 통해 요청할 수 있습니다 모듈의 특별한 유형으로 일반적인 기능을 사용
나는 두 가지 해결책을했다. 이것은 주어진 시간에 UI의 하나의 인스턴스가 표시되는 경우입니다. 귀하의 경우 일 수도 있습니다.
2) 재사용 된 객체에 대한 간단한 프로토 타입 인스턴스화를 사용하여 모든 모듈에 대한 종속성으로 추가합니다. 그걸 써.