이것은 내 previous question의 후속 조치입니다.클라이언트 측 응용 프로그램에 대한 모듈 식 접근
는 로그인 형태와 가입 링크가 하나의 웹 페이지가있는 가정하자. 사용자가 링크를 클릭하면 새로운 가입 양식이 표시됩니다. 모듈화를 위해 두 양식 모두에 대해 HTML, CSS 및 JavaScript 개의 파일을 별도로 만들어야한다고 가정합니다.
JavaScript 코드를 포함하고 링크를 클릭시
가입 양식을로드해야합니다.
이 접근법이 맞습니까? 이 접근 방식을 구현하는 프레임 워크/라이브러리가 있습니까? 어떻게 구현할 것을 제안 하시겠습니까?
나는 생각에는 몇 가지 문제가 있다고 생각한다. 먼저 주 문서에서 완전히 분리 된 다른 페이지를로드하는 구식 방법이 있음을 알아야합니다. "iframe" 태그를 사용하는 것은 이러한 일을하는 가장 인기 있고 안전하지 않은 방법 중 하나입니다. 팝업을 표시하고 "window.open"을 사용하면 새 창을 표시하고 완전히 분리 된 특정 URL을로드 할 수있는 또 다른 방법입니다. 하지만 ...
내가 언급 한 어떤 방법으로도하지 말라고 제안 할 이유가 많이 있습니다. "JQuery"과 같은 라이브러리를 사용하면 성능 문제를 일으키는 새로운 리소스를로드 할 필요없이 현재 페이지에서 다른 HTML을로드 할 수 있습니다. 나는 당신이 "JQuery $.get"을 검색해야한다고 믿습니다. 얼마나 쉬운 지 알 수 있습니다.
희망이 있습니다. 건배
예, 저에게 의미가 있습니다. 작은 덩어리로 응용 프로그램을 깨는 것이 개발 & 유지 보수를 훨씬 쉽게 만들 것이라고 생각하면서 나는이 접근 방식을 정말 좋아합니다.
Basicly 당신은 HTML의 head 섹션으로 respecticly link 및 script 태그를 추가하여 css 및 js 파일을로드해야합니다. 모듈의 html 부분을로드하려면 다른 답변에서 제안한대로 jQuery.get() 메소드를 사용하면됩니다.
나는 이것을 구현하려고 시도했다. 나는 최근 이것에 관한 일을 발표했다. 작은 코드베이스. 사실 내 접근 방식에서 각 모듈은 자체 js, html 및 css 파일과 서버 쪽 파일도 PHP 나 aspx 파일처럼 자바 스크립트에 의해 서버에 쿼리되도록 호출됩니다.
을 살펴보고이 당신에게 의미가 있다면 알려주세요.