Framework (7) 썸네일형 리스트형 jquery image slider jquery image slider HTML 동해안 갤러리 CSS *{margin:0;padding:0;}li{list-style:none;}a{text-decoration:none;color:#000;}#gallery{width:350px;margin:30px auto;border:1px solid #999;box-shadow:0 5px 5px rgba(0, 0, 0, 0.3);}#gallery h1{text-align:center;}#gallery img{border:1px solid #666;}#photo{text-align:center;}#gallery ul{width:800px;margin:0 auto;overflow:hidden;}#photo_list ul li{width:100px;f.. vue 단한 번만 캐시를 실행시키는 v-once vue 단한 번만 캐시를 실행시키는 v-once 애플리케이션 개발에는 서비스 이용약관 같이 데이터가 없는 정적 콘텐츠를 렌더링하는 경우도 있다. 이런 경우에는 여러 번 캐시될 필요가 없으므로, 단 한번만 캐시를 싱행하기 위해서는 컴포넌트 템플릿의 루트 엘리먼트에 v-once를 추가하면 된다. HTML SCRIPT 이용약관 이용약관 내용입니다. Vue.component( "static-component",{ template: "#static-component-template" }); new Vue({ el: "#app" }); vue이벤트 메서드- 첫번째 기술 서적 : VUE.JS 이정도는 알아야지 책 정보 http://book.naver.com/bookdb/book_detail.nhn?bid=12800811 vue 이벤트 메서드 v-on:[이벤트] = "자바스크립트 표현식" v-on은 click, keyup, keydown, input등 다양한 이벤트를 핸들링 할 수 있다. 밑에 예제1 소스는 클릭 할때 마다 증가 및 감소를 표현 하는 방법이다. 예제1 html Counter : {{ counter }} +클릭 -클릭 script new Vue({ el: '#app', data:{ counter : 0 } }) 예제 2번 shuffle 메서드 처럼 for 안에서 매번 Vue.set을 호출하는 것은 비용이 크므로, this.messages와 동일한 값을 .. ajax 사용법 ajax 사용법 html script $.ajax({ url : "/data/data.json", type : "get", data : "", dataType : "json", success : function( $data ) { var i = 0; var len = $data.result.list.length; console.log( len ); var link; var name; for( i; i input태그 속성 input 태그 속성 예를들어 input태그일 경우 $( "input" ).attr( "id" ) 트윈맥스 데이터값 카운드 기능 트윈맥스 데이터값 카운드 기능 1. data에 value값 초기화 var getCheckParam( "value" ); //파라미터값 url에 타고 온 데이터 값으로 var score = { value : 0 };var $num = $( ".num"); //텍스트 찾기 2.트윈맥스로 데이터값 카운드 효과 TweenMax.to( score, 1, { value : valueNum, ease:Power0.easeInOut, onUpdate:function(){ $num.text( score.value.toFixed( 2) ); javascript index 찾기 javascript index찾기 가장 많이 쓰는 on.off 또는 active를 사용할때 많이 쓰인다. html 코드상에서는 메뉴1 메뉴2 메뉴3 메뉴4 메뉴5 메뉴6 메뉴7 메뉴8 메뉴9 이 부분이다. 제일 많이 쓰이는 구조이다. 이 부분에서 내가 선택한 것만 다른 용도로 보이고 싶을때는 스크립트 이렇게 스크립트를 쓴다. 이전 1 다음
