移动端常用开发插件

Swiper 插件(轮播图插件)
https://www.swiper.com.cn/

  1. 首先下载 Swiper 插件压缩包解压缩

  2. 找到文件夹里面的 demo 文件夹 从里面众多的html 文件里选取想要的样式,打开后右键点击页面,选择查看源码
    在这里插入图片描述
    在这里插入图片描述

  3. 从源码里查看需要引入的相关文件,例:<link rel="stylesheet" href="../package/swiper-bundle.min.css"> 根据路径在文件夹里查找然后引入

  4. 创建自己的 js 文件,注意,自己写的js文件依赖于swiper.js ,因此在html页面引入时,必须把引入swiper.js的语句写在引入自己的文件的前面

  5. 按照语法规定使用。

superslide插件 https://www.superslide2.com/
iscroll 插件 : https://github.com/cubiq/iscroll
移动端视频插件:zy.media.js
用法跟上面那个差不多

常用框架:bootstrap

    <script src="bootstrap/js/jquery-3.5.1.js"></script>
    <!-- bootstrap 依赖于jquery  -->
    <script src="bootstrap/js/bootstrap.min.js"></script>

使用步骤:

1.引入相关js文件
2.复制html结构
3.修改对应样式
4.修改相应js参数

(ps:我在使用bootstrap 时 出现了报错:Cannot read property ‘offsetWidth’ of undefined,没找到解决方案,有大佬看见了能指教一下吗?)

Logo

开源鸿蒙跨平台开发社区汇聚开发者与厂商,共建“一次开发,多端部署”的开源生态,致力于降低跨端开发门槛,推动万物智联创新。

更多推荐