Skip to content

Instantly share code, notes, and snippets.

Avatar
🎖️
Hello, New World!

KyuWoo Choi kyuwoo-choi

🎖️
Hello, New World!
View GitHub Profile
@kyuwoo-choi
kyuwoo-choi / book-collection-refactored.js
Created Jun 14, 2017
hello world AOP example refactored
View book-collection-refactored.js
class BookCollection extends Collection {
...
getNameByISBN(isbn) {
return this.get({
isbn: isbn
}, {
cache: true,
onSuccess: 'name'
onFail: null,
log: {
View vue-slick-carousel-result.html
View vue-slick-carousel-template.vue
View vue-awesome-swiper-result.html
<div class="carousel-wrapper" data-v-d589df72>
<div data-v-d589df72>
<div class="swiper-wrapper" data-v-d589df72>
<div class="img-wrapper swiper-slide" data-v-d589df72><img src="./1-200x100.jpg" data-v-d589df72></div>
<div class="img-wrapper swiper-slide" data-v-d589df72><img src="./2-200x100.jpg" data-v-d589df72></div>
<div class="img-wrapper swiper-slide" data-v-d589df72><img src="./3-200x100.jpg" data-v-d589df72></div>
<div class="img-wrapper swiper-slide" data-v-d589df72><img src="./4-200x100.jpg" data-v-d589df72></div>
<div class="img-wrapper swiper-slide" data-v-d589df72><img src="./5-200x100.jpg" data-v-d589df72></div>
</div>
</div>
View vue-awesome-swiper-template.vue
<div class="carousel-wrapper">
<div v-swiper:mySwiper="options">
<div class="swiper-wrapper">
<div v-for="i in 5" :key="i" class="img-wrapper swiper-slide">
<img :src="`./${i}-200x100.jpg`" />
</div>
</div>
</div>
</div>
View no-ssr-result.html
<div class="carousel-wrapper">
<!---->
</div>
View no-ssr-template.html
<div class="carousel-wrapper">
<client-only>
<agile :options="options">
<div v-for="i in 5" :key="i" class="img-wrapper">
<img :src="`./${i}-200x100.jpg`" />
</div>
</agile>
</client-only>
</div>
@kyuwoo-choi
kyuwoo-choi / no-ssr-result.html
Created Jan 20, 2020
Vue.js Carousels: SSR Support And Performance
View no-ssr-result.html
<div class="carousel-wrapper">
<!---->
</div>
View performance-profile-vue-agile.json
This file has been truncated, but you can view the full file.
[{"pid":491,"tid":29955,"ts":99556444261,"ph":"X","cat":"disabled-by-default-devtools.timeline","name":"RunTask","dur":63,"tdur":48,"tts":820181670,"args":{}},
{"pid":491,"tid":29955,"ts":99556444430,"ph":"X","cat":"disabled-by-default-devtools.timeline","name":"RunTask","dur":22,"tdur":22,"tts":820181745,"args":{}},
{"pid":491,"tid":29955,"ts":99556444715,"ph":"X","cat":"disabled-by-default-devtools.timeline","name":"RunTask","dur":16,"tdur":16,"tts":820181832,"args":{}},
{"pid":491,"tid":29955,"ts":99556445055,"ph":"X","cat":"disabled-by-default-devtools.timeline","name":"RunTask","dur":32,"tdur":27,"tts":820181871,"args":{}},
{"pid":491,"tid":29955,"ts":99556446037,"ph":"X","cat":"disabled-by-default-devtools.timeline","name":"RunTask","dur":82,"tdur":72,"tts":820182175,"args":{}},
{"pid":491,"tid":29955,"ts":99556449499,"ph":"X","cat":"disabled-by-default-devtools.timeline","name":"RunTask","dur":53,"tdur":52,"tts":820182302,"args":{}},
View .spacemacs
;; -*- mode: emacs-lisp -*-
;; This file is loaded by Spacemacs at startup.
;; It must be stored in your home directory.
(defun dotspacemacs/layers ()
"Configuration Layers declaration.
You should not put any user code in this function besides modifying the variable
values."
(setq-default
;; Base distribution to use. This is a layer contained in the directory