JavaScript 운동 원리 기초 지식 상세 설명

이 글 에서 나 는 JS 의 운동 을 간단명료 하 게 분석 할 것 이다.
운동 기초
주요 절 차 는:
타이머 제거,운동 중 타이머 하나만 확보
타이머 켜 기
운동 을 시작 하고 필요 할 때 운동 을 멈 출 수 있 도록 판단 을 함께 한다.이동 함 수 를 간단하게 봉인 하 였 습 니 다.

<script type='text/x-handlebars-template' id='list-item'>
  {{#if items}}
  <ul id='mylist'>
    {{#each items}}
      <li><a href='{{url}}'>{{text}}</a></li>
    {{/each}}
  </ul>
  {{/if}}
</script>
funtion addItem(url,text){
  var mylist = document.getElementById('mylist'),
      script = document.getElementById('list-item'),
      template = Handlebars.compile(script.text), //      ,       
      div = document.createElement('div'),
      result;

  result = template({text:text,url:url});
  div.innerHTML = result;
  mylist.appendChild(div.firstChild);
}
//  
addItem('/item/4,'First item');
이런 방법 을 사용 할 때 발생 하 는 문 제 는 다음 과 같다.
매번 이동 하 는 거 리 를 상대 적 으로 계산 해 야 한다.그렇지 않 으 면 이동 하 는 거리 가 지 정 된 위치 에 정확하게 도착 하지 못 할 때 문제 가 생 길 수 있다.
이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.

좋은 웹페이지 즐겨찾기