首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏前端实验室

    SwiperJS太重啦!换个轻量级的!

    其中,大名鼎鼎的SwiperJS就是其中之一。 必须承认:SwiperJS 是一个功能丰富的轮播库,且有着优秀的交互效果。当今天的主角不是它。 我们在开发实践中,只用到了SwiperJS的几个功能。 大家知道SwiperJS包有多大吗?SwiperJS 的 minimum 版本文件达到了 140kb,采用gzip压缩后也有 35kb。 如果只是简单的几个功能,使用 SwiperJS 就显得大材小用了。 如果使用 SwiperJS 的 ES module 版本,我们还需要调整构建配置或者 Polyfill。 同时,它兼容SwiperJS API。你会用SwiperJS,就会用Tiny-Swiper,上手难度几乎为零。 此外,Tiny-Swiper还有个比较方便的特点,就是用例覆盖。 只需更改 import 语句就能将 SwiperJS 替换为Tiny-Swiper即可。

    1.7K10编辑于 2023-11-16
  • 来自专栏前端小叙

    js文件导入swiper方法及分页器不显示原因

    参考以下方法: 官方文档:https://www.swiper.com.cn/ npm文档:https://www.npmjs.com/package/swiper npm包使用方式:https://swiperjs.com

    1.7K10发布于 2021-05-20
  • 来自专栏MixLab科技+设计实验室

    技能之H5

    design/2015/0526/409474.shtml 3、编程的方式,主要运用javascript、jQuery、CreateJS(动画类)、zepto、CSS3、canvas技术、白鹭引擎、swiperJS swiperJS,提供了一些成熟的模版,可以直接套用。 用zepto、html5fullscreen,可以在Github上搜索得到。 围绕创意来选择搭配,能达到目的,也不一定要编程。

    1.8K60发布于 2018-04-17
  • 来自专栏京程一灯

    10 个用纯 Javascript 实现的好用插件

    官网:https://swiperjs.com/ ? Swiper.js 2. iTyped 简单 Javascript 动画输入,没有任何依赖关系。

    2.8K30发布于 2020-08-14
  • 来自专栏一名前端开发

    vue3 轮播图的实现

    中文官网:www.swiper.com.cn/index.html 英文官网: swiperjs.com/ npm i swiper 使用 接下来就是swiper的使用了,swiper的使用非常简单

    1.2K40编辑于 2023-11-11
  • 来自专栏前端框架

    Swiper滑动插件使用教程

    Swiper.js使用文档:https://www.swiperjs.net二、Swiper在h5中如何使用要使用 Swiper.js,首先需要引入 Swiper 的库文件。

    50200编辑于 2025-08-05
  • 来自专栏前端Q

    30个你应该在2022年里使用的JavaScript 动画库

    19、Swiper.js 地址:https://swiperjs.com/ 没有 jQuery 的免费、开源、现代滑块。

    4.3K20编辑于 2022-02-18
  • 来自专栏张家辉的树屋

    React: Lottie 动画初体验和优化策略

    复制代码 实现比较简单 6、优化策略 1、监控用户滑动事件,按页加载当前动画 2、设计师侧优化(减少动画帧数,和动画数量) 3、虚拟 DOM (react virtual dom)[https://swiperjs.com

    4.8K40发布于 2021-02-02
  • 来自专栏FE32 Code

    17 Most popular Vue.js plugins

    Swiper.js 地址:https://swiperjs.com/vue Swiper.js 是一个预制的旋转木马组件,可以用来在各种图片之间滑动。

    7.6K30编辑于 2022-10-27
  • 来自专栏随心分享

    三年项目升级Vue3的踩坑经历

    vue-awesome-swiper替换为swiper/vue,新版本的swiper改为插件模式,每个模块都需要按需引入,具体改动可参照Swiper Vue.js Components (swiperjs.com

    3.4K20编辑于 2022-11-19
  • 来自专栏全栈前端精选

    Vue3 + Vite2 项目实战复盘总结(干货!)

    cn.vuejs.org/guide/installation.html#%E5%91%BD%E4%BB%A4%E8%A1%8C%E5%B7%A5%E5%85%B7-cli [7] 轮播插件swiper: https://swiperjs.com

    1.6K50发布于 2021-09-03
  • 来自专栏问问计算机

    Visual Studio+JavaScript 的前后端调试方法你真的会了么?

    (图片来自:https://swiperjs.com/demos/) 各种各样的 swiper 的 demo 映入眼帘。相信肯定能够发现你日常产品中的原型。

    2.4K20发布于 2021-05-08
领券