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 표시줄을 채우고 싶습니다(웃음)
Reference
이 문제에 관하여(CDN 버전 Vuejs로 빠르게 조합을 만들었어요!), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/jyouj__/items/fce41ca62d11e2873a47텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)