本文主要是介绍移动端轮播图插件 ----zepto.js 定制,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
一、 为什么要定制zepto.js?
- 没有定制、 zepto默认 zepto.min.js 文件下只有五个模块: zepto event ajax form ie 如果你要使用其它函数方法的话 你就要添加其它js文件
- 这样频繁的引入 js 文件 会加重服务器请求和响应负担。
二、定制就是将原本的 zepto.min.js 改成 包含你所需要方法的多种 js 文件的 zepto.min.js 文件
zepto.js 中文文档:https://www.runoob.com/manual/zeptojs.html#$.fx
三、如何定制:
- 安装Node js 环境
- 下载 zepto.js
- 解压缩
- cmd命令行进入解压后的目录
- 执行 npm install 命令
- 编辑 make 文件,添加自定义模块并保存
- 然后执行命令 npm run-script dist
- 查看目录dist即构建好的 zepto.js
Nodejs 和 zepto.js 文件 链接:https://pan.baidu.com/s/13xbn6FYx0kFVqItkuPSE4g
提取码:uoep
四、具体操作
- 安装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
定制完成 !!
这篇关于移动端轮播图插件 ----zepto.js 定制的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!