자바 스크립트의 모범 사례에 대한 질문이 있습니다.자바 스크립트 우수 사례 - DOM 요소를 숨기거나 DOM 요소 생성
일부 스탯이있는 드롭 다운 메뉴가 있습니다. Statut가 : external이면 양식을 표시하고 싶습니다. 나는 이것을하는 가장 좋은 방법을 모른다. DOM에서 DIV를 숨기고 필요할 때 표시해야합니까, 아니면 jquery에서 양식을 동적으로 생성해야하고 일부 데이터를 채우기 위해 ajax를 호출해야합니다.
정말 응용 프로그램에 따라 다릅니다. 이미 DOM에 많은 요소가 있고 실제로이 양식을 표시 할 필요가있을 확률이 낮 으면 대부분의 경우 어쨌든 필요하지 않으므로 나중에 (ajax를 사용하여) 추가 할 수 있습니다. 그러나 DOM로드가 가볍고 대부분의 경우 양식이 표시되는 경우 신속하게 표시 될 수 있도록 양식을 준비하고 숨기려고합니다.
페이지로드시 javascript를 사용하여 "게으른로드"할 수있는 중간 지점이 있으며 사용할 준비가 될 때까지 json 객체에 보관하십시오. 이렇게하면 DOM 응답을 유지하고 폼을 더 빨리로드 할 수 있다는 이점이 있습니다.
사용자가 DOM에 이미있는 요소 및 요소의 수를 클릭 할 확률에 따라 다릅니다. 사용자가 작업을 숨기지 않고 수행 할 때마다 양식 런타임을 만드는 것이 좋습니다. 페이지에 숨겨진 요소를 모두 표시하는 일부 브라우저 플러그인이 있습니다.
페이지가 비정상적으로 크거나 동일한 페이지에서 사용할 수있는 여러 가지 양식이 많은 경우가 아니라면 HTML을 페이지에 넣은 다음 숨겨진 상태로 시작하는 것이 좋습니다. 마크 업은 페이지를 나타내는 HTML 파일의 한 위치에 있으며 중앙에서 쉽게 관리 할 수 있습니다.
자바 스크립트에 마크 업을 시작하면 페이지의 HTML과 페이지에 삽입 된 HTML간에 마크 업 유지 보수가 분리됩니다.
반면에 모두 동일한 페이지에서 모두 사용할 수있는 이러한 양식이 많이있는 경우 원래 양식의 모든 가능한 조합을 사전 지정하기가 쉽지 않습니다. HTML을 사용하면 자바 스크립트를 통해 동적으로 생성하거나 템플릿을 약간 수정하여 생성하는 것이 더 나을 것입니다.