CDN 버전 Vuejs로 빠르게 조합을 만들었어요!

4043 단어 BulmaJavaScriptVue.js
눅눅하다.안녕하세요.
Vue를 사용하여 총 4시간 제작콤비네이션!사용하는 기술 등을 공유하고 싶습니다.
Vue.js를 살짝 사용하여 초상화 조합 사이트를 만들었습니다!비록 품질은 매우 낮지만 한번 보세요👨‍💻 (@jyouj__) https://t.co/56qqP0RozR

왜 베일을 썼어요?


처음에는 CSS와 자바스크립트로 게으르게 썼지만 구성 요소를 사용하지 않으면 번거롭기 때문에 Vue입니다.저는 js를 쓰고 싶어요.br/>
기본적으로 베입니다.단지 js가 편리한 곳, CDN 버전의 Vue를 조금 사용하고 싶을 뿐입니다.js를 선택했습니다.


<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.js"></script>

바로 시작할 수 있죠!


쓰던 물건


December 15, 2018


는 구성 요소나 기타 다양한 편리한 기능을 쉽게 사용할 수 있는 자바스크립트의 프레임워크입니다.


Vue.js


는 스펀지 패드에 대응하는 카드 그룹을 사용할 수 있는 프로그램 라이브러리입니다.이것도 CDN으로 빠르게 시작할 수 있습니다.


<script src="https://ssense.github.io/vue-carousel/js/vue-carousel.min.js"></script>

var app = new Vue({
  el: '#app',
  components: {
    'carousel': VueCarousel.Carousel,
    'slide': VueCarousel.Slide
  }
})

이걸 About 페이지에 썼어요!

Vue Carousel


<carousel v-bind:autoplay="true" v-bind:per-page-custom=[[200,1],[480,3],[780,4]]>

자동 마이그레이션으로 설정할 수도 있습니다.또한 장치 크기로 표시되는 내용의 수를 설정할 수 있어 매우 쉽습니다!슬라이드의 내용을 조합하면 매우 편리합니다!



대응하는 스펀지 패드가 가볍기 때문에 편리합니다.


Bulma


는 타자풍 애니메이션을 실현할 수 있는 프로그램 라이브러리입니다.이것도 CDN 버전으로 쉽게 시작할 수 있습니다.


<script src="https://unpkg.com/[email protected]"></script>

해설 기사가 자신의 블로그에 쓰여 있다(웃음)

iTyped.js


[JavaScript]iTyped.js로 타자 애니메이션 빠르게 만들기


무료로 간단하게 접대할 수 있어서 큰 도움이 됐어요!


최후


CSS가 제일 힘들었을 거예요.그리고 역시 베.js는 즐거움을 다시 깨달았다.더 많은 웹 서비스를 원하고 Work 표시줄을 채우고 싶습니다(웃음)


좋은 웹페이지 즐겨찾기