移动端轮播图插件 ----zepto.js 定制

一、 为什么要定制zepto.js?

  1. 没有定制、 zepto默认 zepto.min.js 文件下只有五个模块: zepto event ajax form ie 如果你要使用其它函数方法的话 你就要添加其它js文件
  2. 这样频繁的引入 js 文件 会加重服务器请求和响应负担。

二、定制就是将原本的 zepto.min.js 改成 包含你所需要方法的多种 js 文件的 zepto.min.js 文件

zepto.js 中文文档:https://www.runoob.com/manual/zeptojs.html#$.fx

三、如何定制:

  1. 安装Node js 环境
  2. 下载 zepto.js
  3. 解压缩
  4. cmd命令行进入解压后的目录
  5. 执行 npm install 命令
  6. 编辑 make 文件,添加自定义模块并保存
  7. 然后执行命令 npm run-script dist
  8. 查看目录dist即构建好的 zepto.js

Nodejs 和 zepto.js 文件 链接:https://pan.baidu.com/s/13xbn6FYx0kFVqItkuPSE4g
提取码:uoep

四、具体操作

  1. 安装Node js 环境在这里插入图片描述2.下载解压后的zepto.js 文件目录在这里插入图片描述3.cmd命令行进入解压后的目录: 安装成功后找到 Node.js 文件夹下的 Node.js command prompt 在这里插入图片描述

在这里插入图片描述双击进入:在这里插入图片描述cd 进入你的zepto-master 文件夹下 (直接粘贴复制就好了)在这里插入图片描述输入安装指令 :npm install 在这里插入图片描述编辑 make 文件,添加自定义模块并保存在这里插入图片描述

比如你要添加 selector.js 、fx.js、 touch.js 等文件

在这里插入图片描述
然后执行命令 npm run-script dist 生成 dist 文件夹在这里插入图片描述在这里插入图片描述dist 文件夹下在这里插入图片描述接下来只需要将 zepto.min.js 这个将之前那个min.js 替换就行在这里插入图片描述

至此 zepto.js 定制完成 !!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值