바 이 두 의 Tangram 입문 안내 고급 개발

이벤트 센터
자 바스 크 립 트 언어 는 원래 대상 을 대상 으로 하 는 메커니즘 이 없 기 때문에 tangram 프레임 워 크 가 확장 되 었 습 니 다.다음 방법 을 통 해 하나의 인 스 턴 스 를 얻 을 수 있 습 니 다. var instance = new T.lang.Class(); tangram 프레임 워 크 의 모든 인 스 턴 스 는 guid 속성 이 있 습 니 다. 이것 은 이 인 스 턴 스 의 유일한 표지 입 니 다.T. lang. intance (guid) 방법 으로 이 인 스 턴 스 를 얻 을 수 있 습 니 다.그 밖 에 모든 인 스 턴 스 는 세 가지 방법 이 있 습 니 다. addEventListener, removeEventListener, dispatchEvent.이 방법 은 사건 체제 의 전형 적 인 실현 이다.

1. 등록 사건 감청 instance.addEventListener(" ", function(event){ if(event.status == " ")alert(" ！");});

2. 파견 사건 instance.dispatchEvent(" ",{ status : " "});

3. 사건 감청 취소 instance.removeEventListener(" "); 모든 tangram 대상 은 하나의 사건 중심 으로 사건 의 방식 으로 두 모듈 간 의 결합 을 풀 수 있 습 니 다. 이것 은 복잡 한 응용 이 자주 사용 하 는 방식 입 니 다.

단순 템 플 릿
템 플 릿 은 WEB 개발 에서 흔히 볼 수 있 는 실현 방식 입 니 다. 우 리 는 항상 동적 변 수 를 고정된 문자열 에 조합 해 야 합 니 다.이때 T. string. format 는 경량급 선택 입 니 다.예 를 들 어 우 리 는 노드 템 플 릿 을 다음 과 같이 예약 했다. var template = "<div id="#{ id}" class="#{ class}">#{ content}</div>"; id 가 aId 이 고 class 가 aClass 이 며 content 가 비어 있 는 DIV 가 필요 할 때 호출 할 수 있다. var htmlA = T.string.format(template,{ id:"aId",class:"aClass"}); 마찬가지 로 id 가 bId 이 고 class 가 bClass 이 며 content 가 bContent 인 DIV 가 필요 할 때 호출 할 수 있다. var htmlB = T.string.format(template,{ id:"aId",class:"bClass",content:"bContent"});조작 쿠키
Tangram 으로 쿠키 를 조작 하 는 것 은 키 값 이 매 핑 된 대상 을 조작 하 는 것 처럼 매우 간단 한 일이 다.매매 IC 망 간단하게 T. cookie. set (key, value) 로 설정 하고 T. cookie. get (key) 으로 가 져 올 수 있 습 니 다.만 료 시간, 도 메 인 등 설정 이 필요 하 다 면 T. cookie. set 로 이동 하 십시오.
url 매개 변수 생 성
url 을 맞 추 는 것 도 번 거 롭 고 반복 되 는 일이 지만, Tangram 은 이미 당신 을 위해 준비 해 놓 았 습 니 다.시도 용: T. url. jsonToQuery, 익숙해 질 거 예요.
플래시, JSON, date 등등
Tangram 에는 브 라 우 저 별로 호 환 되 는 플래시 탭 을 만 들 고 가 져 오 는 실 용적 인 도구 패키지 도 많이 있 습 니 다. T. swf;예 를 들 어 json 변수 와 문자열 간 의 교환: T. json;예 를 들 어 'yyy 년 MM 월 dd 일' 과 같은 중국어 날짜 형식의 변환 을 지원 합 니 다: T. date;예 를 들 어 각종 브 라 우 저의 탐지 T. browser;아직 많 습 니 다. 자세 한 내용 은 API 문 서 를 참고 하 십시오.
특색
이상 의 많은 기능 이 당신 이 사용 하 는 프레임 워 크 와 중복 된다 고 생각한다 면 아래 의 특색 있 는 요 리 를 맛 보 셔 도 됩 니 다.Tangram 코드 는 함수 등급 의 맞 춤 형 제작 을 지원 합 니 다. 모든 포장 을 선택 할 수도 있 고 반찬 몇 접시 만 주문 할 수도 있 습 니 다.
getMousePosition
이벤트 응답 에 국한 되 지 않 고 임의의 시간 에 현재 마우스 의 위 치 를 가 져 오 려 면 문제 없습니다!T. page. getMouse Position 을 수시로 호출 하여 현재 마우스 위 치 를 가 져 올 수 있 습 니 다.
draggable
DOM 노드 에 드래그 기능 을 지원 하려 면 mousedown 에서 어떻게 하 는 지, mousemove 에서 어떻게 하 는 지, mouseup 에서 어떻게 하 는 지, 그리고 Tangram 을 빌 리 는 지 고려 할 수 있 습 니 다. 이것 은 바로 코드 입 니 다. T.dom.draggable(element); 대응 하 는 T. dom. droppable (element) 은 노드 를 드래그 노드 를 수용 할 수 있 는 용기 로 만 들 수 있 습 니 다.
intersect
두 요소 가 페이지 에 교 집합 되 어 있 는 지 계산 하 는 것 은 번 거 로 운 일이 아 닙 니까?위 치 를 찾 는 것 뿐만 아니 라 두 사각형 이 교차 하 는 지 계산 하 는 알고리즘 도 필요 하 다.Tangram 을 사용 하 는 것 도 같은 줄 의 코드 입 니 다. T.dom.intersect(element1, element2);다음
축하합니다 매매 IC 망. Tangram 의 사용 방법 을 기본적으로 알 고 있 습 니 다. 실천 에서 더 많은 것 을 시도 할 수 있 습 니 다.아래 의 문 서 는 더 이상 작업 중 에 없어 서 는 안 되 거나 없어 서 는 안 되 는 일부분 이 될 것 이 니 알 아 보 세 요.