View vue-slick-carousel-result.html
<div class="carousel-wrapper"> | |
<div dir="ltr" class="slick-slider slick-initialized" data-v-6bed67a2> | |
<div class="slick-list" data-v-6bed67a2> | |
<div class="slick-track" style="width:433.33333333333337%;left:-100%;" data-v-4dc0f449 data-v-6bed67a2> | |
<div tabIndex="-1" data-index="-3" aria-hidden="true" class="slick-slide slick-cloned" style="width:7.6923076923076925%;" data-v-4dc0f449> | |
<div data-v-4dc0f449> | |
<div tabIndex="-1" class="img-wrapper" style="width:100%;display:inline-block;" data-v-4dc0f449><img src="./3-200x100.jpg" data-v-4dc0f449></div> | |
</div> | |
</div> | |
<!-- ... --> |
View vue-slick-carousel-template.vue
<div class="carousel-wrapper"> | |
<VueSlickCarousel v-bind="slickOptions"> | |
<div v-for="i in 5" :key="i" class="img-wrapper"> | |
<img :src="`./${i}-200x100.jpg`" /> | |
</div> | |
</VueSlickCarousel> | |
</div> |
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> |
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); | |
} |
NewerOlder