原来我主要是用Bootstrap来实现轮播图的功能，而这次是用javaScript和jQuery来实现图片无限循环轮播！ 用到的技术有：html、css、JavaScript（少）、jQuery（主要） 效果展示： html代码： css代码： jQuery代码： 记，实现图片轮播图功能，可以分为6 ...
分类：
Web程序 时间：
2019-08-20 01:24:35
阅读次数：
473
问题描述： 用vue封装一个swiper组件的时候，发现轮播图不能轮播了。 原因： 异步请求的时间远大于生命周期执行的时间，mounted初始化DOM时数据未返回，渲染数据是空数组，导致轮播图的容器层宽度为0，渲染轮播图不能滚动。 解决思路： 数据返回之后再做初始化操作。 解决方法： 一、容器没有宽 ...
分类：
其他好文 时间：
2019-08-17 23:53:31
阅读次数：
146
往需要绑定点击事件的元素上通过 :data-传参 通过 e.target.dataset 取到参数（注意 e.target.dataset 的参数都为小写） ...
分类：
其他好文 时间：
2019-08-15 19:02:56
阅读次数：
273
最近自己根据领导要求app启动页面要放产品图片（以轮播的形式），方便用户查看，做了一个简单的demo，实现了基本图片轮播功能，亲测可用。 csdn地址：https://download.csdn.net/download/qq_35702985/11545257 下面贴了几乎全部代码： ...
分类：
移动开发 时间：
2019-08-14 12:51:02
阅读次数：
114
JavaScript基础 JavaScript基础分为三个部分： ECMAScript：JavaScript的语法标准。包括变量、表达式、运算符、函数、if语句、for语句等。 DOM：操作网页上的元素的API。比如让盒子移动、变色、轮播图等。 BOM：操作浏览器部分功能的API。比如让浏览器自动滚 ...
分类：
编程语言 时间：
2019-08-13 22:41:15
阅读次数：
128
轮播图 /*轮播图基本功能： * 1图片切换 * 1.1图片在中间显示 * 1.2图片淡入淡出 * 2左右各有一个按钮 * 2.1点击左按钮，图片切换上一张 * 2.2点击右... ...
分类：
Web程序 时间：
2019-08-13 21:04:11
阅读次数：
125
本篇文章主要讲述通过jQuery来定义轮播图 相对原生js来说代码量减少了很多 得益于jQuery强大的选择器 符合jQuery的口号 Write less，do More！
下一篇文章将通过原生js对轮播图进行解析 ...
分类：
Web程序 时间：
2019-08-13 13:36:18
阅读次数：
101
今天记录一下微信小程序开发时，轮播图的效果时怎么实现的。话不多说，直接上代码：<!--1.首页轮播图--><view><swiperclass="my-swiper"autoplay="true"indicator-dots="true"indicator-active-color="#fff"circular="true"><blockwx:for="{
分类：
微信 时间：
2019-08-11 13:21:24
阅读次数：
154
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1.0"> <t ...
分类：
其他好文 时间：
2019-08-10 17:24:05
阅读次数：
88
学完了JavaScript基础部分，总结出一些基本案例，以备日后查看！ 1、九九乘法口诀表：在控制台中输出九九乘法口诀表！代码如下： 2、水仙花数：所谓“水仙花数”是指一个三位数，其各位数字立方和等于该数本身！代码如下： 3、轮播图片：利用数组知识，实现简单的轮播效果！代码如下： 4、字符串拼接：给 ...
分类：
编程语言 时间：
2019-08-09 19:44:32
阅读次数：
121
