applyTo,renderTo의 차이점

applyTo,renderTo 두 속성의 역할은 모두 지정한 컨트롤러가 그dom에 렌더링되는 것이다. 그들 사이에는 도대체 어떤 차이가 있을까(차이는 있을 것이다. 공존할 수 없다)
우리는 먼저 우리가 과장한dom모델이domp를 부모 노드라고 가정한다. 그 아래에 두 개의 하위 노드(domc1,domc2)가 있다. 어떤 친구는 잘 보지 못했을 수도 있고,DIV로 전환하면 직관적일 수도 있다.

<div id="domp">
     <div id="domc1"></div>
     <div id="domc2"></div>
</div>

아마 이런 뜻일 거예요. 아직 못 알아보면 형도 어쩔 수 없어요. 어떻게 말해야 더 솔직하게 말할 수 있는지...

만약 우리가 패널을 정의했다면

applyTo:'domp': 패널을domp에 렌더링하면domp의 일부 정보가 개작될 수 있습니다. 주의하세요. 형이 말한 것은 가능하지만 확실하지 않습니다. 왜 이렇게 말합니까?만약domp에서 너비width의 정보를 정의하고panel에서도 정의한다면 이때domp의 너비 정보는 개작될 것이다.만약domp에서 고도height의 정보를 정의했고panel에서 정의하지 않았다면domp의 정보는 개작되지 않았을 것이다.위에서 말한 것은domp의 정보 부분이다.이어서 순서를 추가하는 문제를 말하다.
panel 이 물건은 헤드헤드헤드, 바디 두 부분으로 나뉜다.렌더링의 규칙은 머리는domp의 첫 번째 하위 노드로 추가되고 체는 마지막 결점으로 추가됩니다. 렌더링을 한 후에domp의dom모델은 아래와 같이 변합니다.

<div id="domp">
      <head>...</head>   --        
      <div id="domc1"></div>
      <div id="domc2"></div>
      <body>...</body>  --        
</div>

renderTo:'domp':domp를 부모 노드로 하고 전체 패널 (용기 DIV+head+body) 을 마지막 하위 노드로 추가합니다. 그러면 domp의 어떤 정보도 바뀌지 않습니다. 이것은 그 하나입니다. 추가 순서도 훨씬 간단합니다.

<div id="domp">
       <div id="domc1"></div>
      <div id="domc2"></div>
      <div  ...>  --    panel DIV...     ID，     
         <head>...</head>   --panel    
         <body>...</body>  --panel     
    </div>
</div>

다른 컨트롤은 바디만 있을 수 있습니다. 순서를 추가하는 것이 더 간단합니다. 당신은 알아야 합니다!형은 얘기 안 할게요.
헤드, 바디, 그리고 다른 부분도 있을 수 있어요. 직접 해보면 알 수 있어요. 여기 보니까 형이 하고 싶은 말 무슨 뜻인지 알겠어요?

이 내용에 흥미가 있습니까?

현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:

Ecma Script 문법 (2)

지난 번에는 es6문법에서 비교적 개념 이해가 쉬우며, 코드 사용법에 대한 변화정도에 대해서 설명했었다. 이번에는 개인적으로 내가 es6문법을 공부할 때 가장 이해하기 어려웠던(지금도 정확하게 이해가 잘 되지 않는 ...

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.

applyTo,renderTo의 차이점

좋은 웹페이지 즐겨찾기