Skip to content

Instantly share code, notes, and snippets.

Avatar
🎖️
Hello, New World!

KyuWoo Choi kyuwoo-choi

🎖️
Hello, New World!
View GitHub Profile
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 making-webassembly-better-for-rust-3.rs
// Rust
#[wasm_bindgen]
pub struct Foo {
contents: u32,
}
#[wasm_bindgen]
impl Foo {
pub fn new() -> Foo {
Foo { contents: 0 }
View making-webassembly-better-for-rust-1.rs
#[wasm_bindgen]
extern {
type console;
#[wasm_bindgen(static = console)]
fn log(s: &str);
}