聽說滿一歲都要抓周,就算不準也要玩一下
但是疫情的關係,不方便到外體驗抓周服務
因此就撰寫了簡單的抓周程式
技術上的分享:
- 本工具是直接使用 ES modules 的 import / export,可以直接引入外部套件,如:swiper, js
- 透過這種方式,HTML 僅會只有單一的進入檔案(all.js),其餘都是外部載入
- 現在許多套件都有提供 ES modules 的形式,如 swiper 可以看到 `esm.browser` 就是給瀏覽器使用的 ES modules
- 目前主流瀏覽器(約 90%)大多可支援 ES modules,不需要另外編譯
如果對於 ES modules 在瀏覽器上的應用
可參考以下範例:
https://github.com/Wcc723/Catch-week/
「swiper範例」的推薦目錄:
- 關於swiper範例 在 卡斯伯 Facebook 的最佳貼文
- 關於swiper範例 在 請問如何讓選單左右滑動(報酬5000P) - 看板Web_Design 的評價
- 關於swiper範例 在 jQuery 筆記- Swiper 套件起手式 - 提姆寫程式 的評價
- 關於swiper範例 在 topic: 使用vue-awesome-swiper時可以一直無止盡左滑或右滑 的評價
- 關於swiper範例 在 Hippy/demo-swiper.vue at master - GitHub 的評價
- 關於swiper範例 在 swiper滑吧ptt的測驗範本和範例,FACEBOOK、104 的評價
- 關於swiper範例 在 swiper滑吧ptt的測驗範本和範例,FACEBOOK、104 的評價
- 關於swiper範例 在 How to use useSwiper outside a Swiper instance? 的評價
swiper範例 在 jQuery 筆記- Swiper 套件起手式 - 提姆寫程式 的推薦與評價
Swiper.js 是一款非常好用的第三方插件,筆記一下起初設定。 ... Swiper 遠端服務網址有時候會換掉,若服務掛掉這是原因之一 ... 點我看範例 ... ... <看更多>
swiper範例 在 topic: 使用vue-awesome-swiper時可以一直無止盡左滑或右滑 的推薦與評價
topic: 使用vue-awesome-swiper時可以一直無止盡左滑或右滑版本設定- nuxt: 2.8.1 ... 解決方法是在把你範例裡面<v-app>裡的東西用「<div style="height: 100vh; ... ... <看更多>
swiper範例 在 請問如何讓選單左右滑動(報酬5000P) - 看板Web_Design 的推薦與評價
我在dialog區塊裡面排了一個版
裡面有一個選單區塊 是橫向排列 因為未來該選單的選項可能會很多
因為是要做給行動裝置的人的網頁 所以要做一個效果就是
選單只有一行 超過的部分會在外面隱藏
然後選單可以用手左右滑動 來觀看隱藏的選單
目前的選單超過還是會跳到下一行...overflow:hidden也沒效
最重要的是不知道這種左右滑動效果 要怎麼去找
懸賞5000P求解~
PS:套件是用JQUERY UI做的
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 101.15.181.170
※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1507727166.A.20D.html
※ 編輯: G4321 (101.15.181.170), 10/11/2017 21:08:43
感謝你提供的套件啦 雖然最後還是自己做功課慢慢修改完成的 但還是給您一個紅包
謝謝你
... <看更多>