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

2023-10-31 22:50

本文主要是介绍移动端轮播图插件 ----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 定制完成 !!

这篇关于移动端轮播图插件 ----zepto.js 定制的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/318665

相关文章

JS常用组件收集

收集了一些平时遇到的前端比较优秀的组件,方便以后开发的时候查找!!! 函数工具: Lodash 页面固定: stickUp、jQuery.Pin 轮播: unslider、swiper 开关: switch 复选框: icheck 气泡: grumble 隐藏元素: Headroom

在JS中的设计模式的单例模式、策略模式、代理模式、原型模式浅讲

1. 单例模式(Singleton Pattern) 确保一个类只有一个实例,并提供一个全局访问点。 示例代码: class Singleton {constructor() {if (Singleton.instance) {return Singleton.instance;}Singleton.instance = this;this.data = [];}addData(value)

Node.js学习记录(二)

目录 一、express 1、初识express 2、安装express 3、创建并启动web服务器 4、监听 GET&POST 请求、响应内容给客户端 5、获取URL中携带的查询参数 6、获取URL中动态参数 7、静态资源托管 二、工具nodemon 三、express路由 1、express中路由 2、路由的匹配 3、路由模块化 4、路由模块添加前缀 四、中间件

我在移动打工的日志

客户:给我搞一下录音 我:不会。不在服务范围。 客户:是不想吧 我:笑嘻嘻(气笑) 客户:小姑娘明明会,却欺负老人 我:笑嘻嘻 客户:那我交话费 我:手机号 客户:给我搞录音 我:不会。不懂。没搞过。 客户:那我交话费 我:手机号。这是电信的啊!!我这是中国移动!! 客户:我不管,我要充话费,充话费是你们的 我:可是这是移动!!中国移动!! 客户:我这是手机号 我:那又如何,这是移动!你是电信!!

EasyPlayer.js网页H5 Web js播放器能力合集

最近遇到一个需求,要求做一款播放器,发现能力上跟EasyPlayer.js基本一致,满足要求: 需求 功性能 分类 需求描述 功能 预览 分屏模式 单分屏(单屏/全屏) 多分屏(2*2) 多分屏(3*3) 多分屏(4*4) 播放控制 播放(单个或全部) 暂停(暂停时展示最后一帧画面) 停止(单个或全部) 声音控制(开关/音量调节) 主辅码流切换 辅助功能 屏

用Unity2D制作一个人物,实现移动、跳起、人物静止和动起来时的动画:中(人物移动、跳起、静止动作)

上回我们学到创建一个地形和一个人物,今天我们实现一下人物实现移动和跳起,依次点击,我们准备创建一个C#文件 创建好我们点击进去,就会跳转到我们的Vision Studio,然后输入这些代码 using UnityEngine;public class Move : MonoBehaviour // 定义一个名为Move的类,继承自MonoBehaviour{private Rigidbo

使用JS/Jquery获得父窗口的几个方法(笔记)

<pre name="code" class="javascript">取父窗口的元素方法:$(selector, window.parent.document);那么你取父窗口的父窗口的元素就可以用:$(selector, window.parent.parent.document);如题: $(selector, window.top.document);//获得顶级窗口里面的元素 $(

js异步提交form表单的解决方案

1.定义异步提交表单的方法 (通用方法) /*** 异步提交form表单* @param options {form:form表单元素,success:执行成功后处理函数}* <span style="color:#ff0000;"><strong>@注意 后台接收参数要解码否则中文会导致乱码 如:URLDecoder.decode(param,"UTF-8")</strong></span>

Maven(插件配置和生命周期的绑定)

1.这篇文章很好,介绍的maven插件的。 2.maven的source插件为例,可以把源代码打成包。 Goals Overview就可以查看该插件下面所有的目标。 这里我们要使用的是source:jar-no-fork。 3.查看source插件的example,然后配置到riil-collect.xml中。  <build>   <plugins>    <pl

jenkins 插件执行shell命令时,提示“Command not found”处理方法

首先提示找不到“Command not found,可能我们第一反应是查看目标机器是否已支持该命令,不过如果相信能找到这里来的朋友估计遇到的跟我一样,其实目标机器是没有问题的通过一些远程工具执行shell命令是可以执行。奇怪的就是通过jenkinsSSH插件无法执行,经一番折腾各种搜索发现是jenkins没有加载/etc/profile导致。 【解决办法】: 需要在jenkins调用shell脚