- 2018-09-04去哪儿网 Swiper
无欲而为
gitcheckoutindex-swiper切换到index-swiper分支Gitstatus查看是否在index-swiper分支上vue-awesome-swiper第三方的轮播图插件,https://blog.csdn.net/gxx_csdn/article/details/78913936码云git操作原始代码
- vue-awesome-swiper点击事件失效问题
君子钺
最近做项目遇到了vue-awesome-swiper在loop模式下点击失效问题，经过多番尝试，找到了比较好的解决方式，记录下来，希望能帮助更多的朋友越过这些坑，话不多说，上干货；1.出现点击失效的原因：在loop模式下，超出实际数量的轮播项实际上是被复制出来的，是swiper虚拟slide进行填充，对这些虚拟slide元素进行操作无效。2.明白了原因，那我们去解决，点击的方法不在元素上绑定，而是
- vue2中使用swiper组件库
白小白灬
Vuevue.js
api参数中文官网下载并引入项目//安装
[email protected]@5.4.5--save//main.js引入importVueAwesomeSwiperfrom'vue-awesome-swiper'import'swiper/css/swiper.css'Vue.use(VueAwesomeSwiper,/*{defaultopt
- vue-awesome-swiper的API整理
打响第一枪
vue.js前端javascript
参数类型（swiper3）默认值（swiper3）类型（swiper4）默认值（swiper4）说明autoplayNumber/Boolean0/falseObjectautoplay自动切换speedNumber300Number300切换速度loopBooleanfalseBooleanfalseloop模式loopAdditionalSlidesNumber0Number0loop模式下会
- vue-实战去哪儿项目
唐人不自醉
运行项目npminstallnpmrundev项目展示项目涉及到技术栈：vue：Vue、Vue-router、Vuex、Vue-cli插件：vue-awesome-swiper、better-scrollAxiosCSS的预处理框架stylusapi后台数据接口主要特点组件化自适应布局代码，简洁，易维护兼容大部分浏览器性能优化项目结构部分Header部分引入Iconfont首页轮播图标区域轮播使用
- vue里面使用swiper，需要切换获取realIndex
认真的十四
在main.js里面importVueAwesomeSwiperfrom'vue-awesome-swiper'Vue.use(VueAwesomeSwiper)1A班影片:567觀看:5671A班影片:567觀看:567然后再script部分引入import"@/assets/css/swiper.min.css";页面vue实例data里的配置项data(){return{swiperOpti
- Vue-Awesome-Swiper基本能解决你所有的轮播需求（vue的问题）
泡芙·草莓
vue.js前端javascript
在我们使用的很多ui库（vant、antiUi、elementUi等）中，都有轮播组件，对于普通的轮播效果足够了。但是，某些时候，我们的轮播效果可能比较炫，这时候ui库中的轮播可能就有些力不从心了。当然，如果技术和时间上都还可以的话，可以自己造个比较炫的轮子.这里我说一下vue-awesome-swiper这个轮播组件，真的非常强大，基本可以满足我们的轮播需求。swiper相信很多人都用过，很好用
- 关于使用vue-awesome-swiper的一些踩坑记录
oduoke~~
vue.jsbootstrap
引入方法npminstallvue-awesome-swipercnpminatallvue-awesome-swiper在main.js里面引入importvueSwiperfrom'vue-awesome-swiper'import'swiper/dist/css/swiper.css'//引入样式组件引入方式import{swiper,swiperSlide}from"vue-awesome
- swiper动态追加数据
jjbnxy
增加轮播数据暂停追加数据●{{i.text}}import{swiper,swiperSlide}from"vue-awesome-swiper";import"swiper/dist/css/swiper.min.css";exportdefault{components:{swiper,swiperSlide},data(){return{list:[{text:"第一条数据"},{text:
- vue-awesome-swiper轮播组件
小付-小付
vue.js前端javascriptswiperawesome-swiper
安装版本："swiper":"^6.0.0",安装版本："vue-awesome-swiper":"^4.1.1",{{item.name}}import{Swiper,SwiperSlide}from'vue-awesome-swiper'components:{Swiper,SwiperSlide,},data(){return{dataList:[{pic:'图片',name:'文字'}],
- map mixins混入 Vue轮播图
Esther_12e7
1.VUE的swiper轮播步骤：第一步：安装依赖npmiswiper@5--savenpmivue-awesome-swiper@3--save第二步：全局安装在main.js里面操作：importVueAwesomeSwiperfrom'vue-awesome-swiper'/*在node_modules里面找到swiper文件夹里面的css文件*/import'swiper/css/swip
- vue-awesome-swiper缩略图控制循环无效解决方案
果汁果肉
vue-awesome-swiper缩略图控制循环无效解决方案在使用vue-awesome-swiper当中的ThumbsGalleryWithTwo-WayControlLoop（缩略图控制循环）时，官方示例的代码并不好用，不是出现bug就是缩略图只能居中，不能从左下角对齐官方demo...exportdefault{data(){return{swiperOptionTop:{spaceBet
- vue-awesome-swiper实现3d轮播图
River_tong
vue-awesome-swiper实现3d轮播图写了好几个有关vue的移动端的项目，好多轮播样式都是3d的，所以现在记录一下，以便下次可以直接使用安装npminstallvue-awesome-swiper--save在main.js中引用importVueAwesomeSwiperfrom'vue-awesome-swiper'import'swiper/dist/css/swiper.css
- Web3链接钱包
weixin_42538504
Web3webapp
Vue+Web3链接常用的钱包配置项"dependencies":{"@coinbase/wallet-sdk":"^3.0.3","@walletconnect/web3-provider":"^1.7.4","fortmatic":"^2.2.1","jsencrypt":"^3.2.1","vue":"2.6.14","vue-awesome-swiper":"^4.1.1","vue-co
- vue-awesome-swiper 组件内设置样式失效问题
小唛的前端宝库
vue相关vue组件内设置样式失效问题样式vue轮播样式vue.js
@感谢羊羊羊0703vue-awesome-swiper组件内设置样式失效问题给外框定义idI'mslide1I'mslide2I'mslide3I'mslide4方法一：全局覆盖单独新建css文件，在index.html引入在组件内书写不要加scoped.swiper{width:100%;height:600px;}swiper-slide{width:100%;height:600px;}.
- 在 Vue 中使用 Swiper ( vue-awesome-swiper )
酷酷的凯先生
#介绍Swiper是纯javascript打造的滑动特效插件，面向手机、平板电脑等移动终端。可实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。#第一步:安装npminstallswipervue-awesome-swiper--save#第二步:引用全局引用importVuefrom'vue'importVueAwesomeSwiperfrom'vue-awesome-swiper'imp
- vue中swiper初始化问题_vue中使用vue-awesome-swiper遇到的一些问题
失传技术研究所
vue中swiper初始化问题
最近开发pc官网，用到了轮播图，在这里记录一下使用过程中遇到的问题。之前用jquery开发项目的时候，用的是swiper3。现在用vue开发，我一开始尝试用了最新的swiper6，我把官网的demo里的代码复制过来，结果发现要不是下标小圆点失效，要不就是切换功能失效，不知道问题出在哪里。搞了很久，最后用了swiper3的使用方法。轮播图引入的版本是"vue-awesome-swiper":"^2.
- Vue轮播图以及less使用
冲锋敢死曾小贤
制作Vue版本的轮播图第一步：安装依赖npmiswiper@5--savenpmivue-awesome-swiper@3--save第二步：全局安装在main.js里面操作：importVueAwesomeSwiperfrom'vue-awesome-swiper'/*在node_modules里面找到swiper文件夹里面的css文件*/import'swiper/css/swiper.css
- 再次使用vue-awesome-swiper做异形轮播
哪有人敲代码不戴头盔的
vue.jsjavascript前端
- swiper在vue项目中loop循环轮播失效
bigfatDone
vuevueloopswiper
我在使用vue-awesome-swiper进行列表轮播，但是是滑到最低端无法实现无限循环。具体解决方案：这是设置swiper的参数，其中最为重要的是要设置v-if="parentData.length"就可以了
- Vue中的scoped 的 样式穿透
子龙不在常山hhh
vue.js前端javascript
在vue中设置样式style是希望组件样式唯一，通常会使用scoped，当一个style标签拥有scoped属性时候，它的css样式只能用于当前的Vue组件，可以使组件的样式不相互污染。但如果想修改组件中引用的其他组件的样式时就需要利用scoped的穿透，或者scoped看起来很好用，当在Vue项目中，当我们引入第三方组件库时(如使用vue-awesome-swiper实现移动端轮播)，需要在局部
- Vue-Awesome-Swiper基本能解决你所有的轮播需求
破裤兜
vuevue.js前端javascript
在我们使用的很多ui库（vant、antiUi、elementUi等）中，都有轮播组件，对于普通的轮播效果足够了。但是，某些时候，我们的轮播效果可能比较炫，这时候ui库中的轮播可能就有些力不从心了。当然，如果技术和时间上都还可以的话，可以自己造个比较炫的轮子。这里我说一下vue-awesome-swiper这个轮播组件，真的非常强大，基本可以满足我们的轮播需求。swiper相信很多人都用过，很好用
- 2022-12-28 工作记录--Vue-Vue2中使用vue-awesome-swiper实现轮播
小呀小萝卜儿
工作-vuevue.jsjavascript前端
Vue2中使用vue-awesome-swiper实现轮播一、实现效果一、样式：上面是一个含分页的轮播；下面是一个含左右箭头的轮播（没有用vue-awesome-swiper默认的左右箭头）。二、交互：上面轮播有两个卡片A和B，当上面轮播卡片为A时，下面轮播对应展示A相关的内容进行轮播；当上面轮播卡片为B时，下面轮播展示B相关滴内容进行轮播。二、实现步骤1、安装swiper和vue-awesome
- 基于vue2使用vue-awesome-swiper 轮播图（踩坑记录）
T丶t
vuevue.jsjavascript前端
vue-awesome-swiper使用（踩坑记录）一、vue-awesome-swiper的介绍二、实现效果三、实现步骤（坑多！）1.安装Swiper2.注册swiper组件四、补充说明总结提示：本文介绍是基于vue2.0实现，如果您是vue3.0建议直接去swiper上按照官方文档使用哦。Swiper官方地址：https://www.swiper.com.cn/一、vue-awesome-sw
- 封装一个中间大两头小的轮播图（vue-awesome-swiper、vue2）
Best_卡卡
vue.jsswiper
需求先看效果图对vue来说，element-UI是有相应的轮播组件（走马灯）的，但相对简单的如上面的两头大中间小轮播，element上文档这款很类似，但不适用，因为卡片之间底层移动和间距是依赖js实现的，当页面存在间距而且不同页面需要适配时，我从控制css样式层面很难实现。所以有了这个组件的封装提示：本组件1、封装中只使用了一些网络资源图片2、提供了初始化默认是数据3、使用插槽默认一些代码布局属于
- Vue项目，使用vue-awesome-swiper插件（可一次切换多张）
看看电影听听歌
vuevue.jsjavascripthtml5
一、准备工作1、下载插件（最新版本的swiper可能会出现未知bug，所以我用的是5.4.5版本）
[email protected]@4.1.1--save二、页面使用1、引入import'swiper/css/swiper.css'import{Swiper,SwiperSlide}from'vue-awesome-swiper'2、注册组件comp
- vue3 swiper/vue-awesome-swiper使用
陳 那个陈
vue.jsjavascript前端
- Swiper、vue-awesome-swiper 插件使用
姜来前端程序媛
Vueswiper前端javascriptvue.js
Swiper在PC端和移动端都适用官方网站：Swiper中文网首页-官方vue2配合swiper5或6版本vue3可以使用swiper8最新版本一、Swiper插件（Vue、React、Angular框架都可以使用）1、使用方法Swiper使用方法（一个简单轮播的实现）-官方2、版本简介swiper简介和swiper各版本兼容性-官方3、版本下载（以swiper5为例：点击下载swiper-5.4
- vue 插件vue-awesome-swiper实现 三张图片，左右两边显示一半的效果的示例
禾小毅
VUE+ElmentUIjavaservletjunit
图一图二在图一的基础上增加自定义布局以及内容一、安装插件vue-awesome-swiper安装详情请参考：vue+swiper,【vue-awesome-swiper插件】实现页面“试题”内容左右滑动的切换；获取插件的activeIndex下标值/realIndex；点击跳转到对应的index页面_禾小毅的博客-CSDN博客_vue左右切换插件二、图一完整代码import{Swiper,Swip
- 在vue项目中使用 swiper vue-awesome-swiper 插件实现无缝轮播
爱倒腾
vue插件swipernpmvue
涉及到vue-awesome-swiper插件，这个插件适用于Vue的轮播组件，支持服务端渲染和单页应用。所以用来开发vue项目，很ok。但是值得注意的是，用这个开发移动端的话，有时候会有一点不流畅问题，关于ios和Android的兼容性问题。使用之前现在项目中安装此插件npminstallvue-awesome-swiper--save然后呢，就是在vue项目中引入此插件全局引入。在main.j
- Hadoop(一)
朱辉辉33
hadooplinux
今天在诺基亚第一天开始培训大数据，因为之前没接触过Linux，所以这次一起学了，任务量还是蛮大的。
首先下载安装了Xshell软件，然后公司给了账号密码连接上了河南郑州那边的服务器，接下来开始按照给的资料学习，全英文的，头也不讲解，说锻炼我们的学习能力，然后就开始跌跌撞撞的自学。这里写部分已经运行成功的代码吧.
在hdfs下，运行hadoop fs -mkdir /u
- maven An error occurred while filtering resources
blackproof
maven报错
转：http://stackoverflow.com/questions/18145774/eclipse-an-error-occurred-while-filtering-resources
maven报错：
maven An error occurred while filtering resources
Maven -> Update Proje
- jdk常用故障排查命令
daysinsun
jvm
linux下常见定位命令：
1、jps 输出Java进程
-q 只输出进程ID的名称，省略主类的名称；
-m 输出进程启动时传递给main函数的参数；
&nb
- java 位移运算与乘法运算
周凡杨
java位移运算乘法
对于 JAVA 编程中，适当的采用位移运算，会减少代码的运行时间，提高项目的运行效率。这个可以从一道面试题说起：
问题：
用最有效率的方法算出2 乘以8 等於几?”
答案：2 << 3
由此就引发了我的思考，为什么位移运算会比乘法运算更快呢？其实简单的想想，计算机的内存是用由 0 和 1 组成的二
- java中的枚举(enmu)
g21121
java
从jdk1.5开始，java增加了enum(枚举)这个类型，但是大家在平时运用中还是比较少用到枚举的，而且很多人和我一样对枚举一知半解，下面就跟大家一起学习下enmu枚举。先看一个最简单的枚举类型，一个返回类型的枚举：
public enum ResultType {
/**
* 成功
*/
SUCCESS,
/**
* 失败
*/
FAIL,
- MQ初级学习
510888780
activemq
1.下载ActiveMQ
去官方网站下载：http://activemq.apache.org/
2.运行ActiveMQ
解压缩apache-activemq-5.9.0-bin.zip到C盘，然后双击apache-activemq-5.9.0-\bin\activemq-admin.bat运行ActiveMQ程序。
启动ActiveMQ以后，登陆：http://localhos
- Spring_Transactional_Propagation
布衣凌宇
springtransactional
//事务传播属性
@Transactional(propagation=Propagation.REQUIRED)//如果有事务，那么加入事务，没有的话新创建一个
@Transactional(propagation=Propagation.NOT_SUPPORTED)//这个方法不开启事务
@Transactional(propagation=Propagation.REQUIREDS_N
- 我的spring学习笔记12-idref与ref的区别
aijuans
spring
idref用来将容器内其他bean的id传给<constructor-arg>/<property>元素，同时提供错误验证功能。例如：
<bean id ="theTargetBean" class="..." />
<bean id ="theClientBean" class=&quo
- Jqplot之折线图
antlove
jsjqueryWebtimeseriesjqplot
timeseriesChart.html
<script type="text/javascript" src="jslib/jquery.min.js"></script>
<script type="text/javascript" src="jslib/excanvas.min.js&
- JDBC中事务处理应用
百合不是茶
javaJDBC编程事务控制语句
解释事务的概念; 事务控制是sql语句中的核心之一;事务控制的作用就是保证数据的正常执行与异常之后可以恢复
事务常用命令:
Commit提交
- [转]ConcurrentHashMap Collections.synchronizedMap和Hashtable讨论
bijian1013
java多线程线程安全HashMap
在Java类库中出现的第一个关联的集合类是Hashtable，它是JDK1.0的一部分。 Hashtable提供了一种易于使用的、线程安全的、关联的map功能，这当然也是方便的。然而，线程安全性是凭代价换来的――Hashtable的所有方法都是同步的。此时，无竞争的同步会导致可观的性能代价。Hashtable的后继者HashMap是作为JDK1.2中的集合框架的一部分出现的，它通过提供一个不同步的
- ng-if与ng-show、ng-hide指令的区别和注意事项
bijian1013
JavaScriptAngularJS
angularJS中的ng-show、ng-hide、ng-if指令都可以用来控制dom元素的显示或隐藏。ng-show和ng-hide根据所给表达式的值来显示或隐藏HTML元素。当赋值给ng-show指令的值为false时元素会被隐藏，值为true时元素会显示。ng-hide功能类似，使用方式相反。元素的显示或
- 【持久化框架MyBatis3七】MyBatis3定义typeHandler
bit1129
TypeHandler
什么是typeHandler?
typeHandler用于将某个类型的数据映射到表的某一列上，以完成MyBatis列跟某个属性的映射
内置typeHandler
MyBatis内置了很多typeHandler，这写typeHandler通过org.apache.ibatis.type.TypeHandlerRegistry进行注册，比如对于日期型数据的typeHandler，
- 上传下载文件rz,sz命令
bitcarter
linux命令rz
刚开始使用rz上传和sz下载命令：
因为我们是通过secureCRT终端工具进行使用的所以会有上传下载这样的需求：
我遇到的问题：
sz下载A文件10M左右，没有问题
但是将这个文件A再传到另一天服务器上时就出现传不上去，甚至出现乱码，死掉现象，具体问题
解决方法：
上传命令改为;rz -ybe
下载命令改为：sz -be filename
如果还是有问题：
那就是文
- 通过ngx-lua来统计nginx上的虚拟主机性能数据
ronin47
ngx-lua 统计 解禁ip
介绍
以前我们为nginx做统计,都是通过对日志的分析来完成.比较麻烦,现在基于ngx_lua插件,开发了实时统计站点状态的脚本,解放生产力.项目主页: https://github.com/skyeydemon/ngx-lua-stats 功能
支持分不同虚拟主机统计, 同一个虚拟主机下可以分不同的location统计.
可以统计与query-times request-time
- java-68-把数组排成最小的数。一个正整数数组，将它们连接起来排成一个数，输出能排出的所有数字中最小的。例如输入数组{32, 321}，则输出32132
bylijinnan
java
import java.util.Arrays;
import java.util.Comparator;
public class MinNumFromIntArray {
/**
* Q68输入一个正整数数组，将它们连接起来排成一个数，输出能排出的所有数字中最小的一个。
* 例如输入数组{32, 321}，则输出这两个能排成的最小数字32132。请给出解决问题
- Oracle基本操作
ccii
Oracle SQL总结Oracle SQL语法Oracle基本操作Oracle SQL
一、表操作
1. 常用数据类型
NUMBER(p,s)：可变长度的数字。p表示整数加小数的最大位数，s为最大小数位数。支持最大精度为38位
NVARCHAR2(size)：变长字符串，最大长度为4000字节（以字符数为单位）
VARCHAR2(size)：变长字符串，最大长度为4000字节（以字节数为单位）
CHAR(size)：定长字符串，最大长度为2000字节，最小为1字节，默认
- [强人工智能]实现强人工智能的路线图
comsci
人工智能
1：创建一个用于记录拓扑网络连接的矩阵数据表
2:自动构造或者人工复制一个包含10万个连接(1000*1000)的流程图
3：将这个流程图导入到矩阵数据表中
4：在矩阵的每个有意义的节点中嵌入一段简单的
- 给Tomcat，Apache配置gzip压缩(HTTP压缩)功能
cwqcwqmax9
apache
背景：
HTTP 压缩可以大大提高浏览网站的速度，它的原理是，在客户端请求网页后，从服务器端将网页文件压缩，再下载到客户端，由客户端的浏览器负责解压缩并浏览。相对于普通的浏览过程HTML ,CSS,Javascript , Text ，它可以节省40%左右的流量。更为重要的是，它可以对动态生成的，包括CGI、PHP , JSP , ASP , Servlet,SHTML等输出的网页也能进行压缩，
- SpringMVC and Struts2
dashuaifu
struts2springMVC
SpringMVC VS Struts2
1:
spring3开发效率高于struts
2:
spring3 mvc可以认为已经100%零配置
3:
struts2是类级别的拦截， 一个类对应一个request上下文，
springmvc是方法级别的拦截，一个方法对应一个request上下文，而方法同时又跟一个url对应
所以说从架构本身上 spring3 mvc就容易实现r
- windows常用命令行命令
dcj3sjt126com
windowscmdcommand
在windows系统中，点击开始－运行，可以直接输入命令行，快速打开一些原本需要多次点击图标才能打开的界面，如常用的输入cmd打开dos命令行，输入taskmgr打开任务管理器。此处列出了网上搜集到的一些常用命令。winver 检查windows版本 wmimgmt.msc 打开windows管理体系结构(wmi) wupdmgr windows更新程序 wscrip
- 再看知名应用背后的第三方开源项目
dcj3sjt126com
ios
知名应用程序的设计和技术一直都是开发者需要学习的，同样这些应用所使用的开源框架也是不可忽视的一部分。此前《
iOS第三方开源库的吐槽和备忘》中作者ibireme列举了国内多款知名应用所使用的开源框架，并对其中一些框架进行了分析，同样国外开发者
@iOSCowboy也在博客中给我们列出了国外多款知名应用使用的开源框架。另外txx's blog中详细介绍了
Facebook Paper使用的第三
- Objective-c单例模式的正确写法
jsntghf
单例iosiPhone
一般情况下，可能我们写的单例模式是这样的：
#import <Foundation/Foundation.h>
@interface Downloader : NSObject
+ (instancetype)sharedDownloader;
@end
#import "Downloader.h"
@implementation
- jquery easyui datagrid 加载成功，选中某一行
hae
jqueryeasyuidatagrid数据加载
1.首先你需要设置datagrid的onLoadSuccess
$(
'#dg'
).datagrid({onLoadSuccess :
function
(data){
$(
'#dg'
).datagrid(
'selectRow'
,3);
}});
2.onL
- jQuery用户数字打分评价效果
ini
JavaScripthtmljqueryWebcss
效果体验：http://hovertree.com/texiao/jquery/5.htmHTML文件代码：
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>jQuery用户数字打分评分代码 - HoverTree</
- mybatis的paramType
kerryg
DAOsql
MyBatis传多个参数：
1、采用#{0},#{1}获得参数：
Dao层函数方法：
public User selectUser(String name,String area);
对应的Mapper.xml
<select id="selectUser" result
- centos 7安装mysql5.5
MrLee23
centos
首先centos7 已经不支持mysql，因为收费了你懂得，所以内部集成了mariadb，而安装mysql的话会和mariadb的文件冲突，所以需要先卸载掉mariadb，以下为卸载mariadb，安装mysql的步骤。
#列出所有被安装的rpm package rpm -qa | grep mariadb
#卸载
rpm -e mariadb-libs-5.
- 利用thrift来实现消息群发
qifeifei
thrift
Thrift项目一般用来做内部项目接偶用的，还有能跨不同语言的功能，非常方便，一般前端系统和后台server线上都是3个节点，然后前端通过获取client来访问后台server，那么如果是多太server，就是有一个负载均衡的方法，然后最后访问其中一个节点。那么换个思路，能不能发送给所有节点的server呢，如果能就
- 实现一个sizeof获取Java对象大小
teasp
javaHotSpot内存对象大小sizeof
由于Java的设计者不想让程序员管理和了解内存的使用，我们想要知道一个对象在内存中的大小变得比较困难了。本文提供了可以获取对象的大小的方法，但是由于各个虚拟机在内存使用上可能存在不同，因此该方法不能在各虚拟机上都适用，而是仅在hotspot 32位虚拟机上，或者其它内存管理方式与hotspot 32位虚拟机相同的虚拟机上 适用。
- SVN错误及处理
xiangqian0505
SVN提交文件时服务器强行关闭
在SVN服务控制台打开资源库“SVN无法读取current” ---摘自网络 写道 SVN无法读取current修复方法 Can't read file : End of file found
文件：repository/db/txn_current、repository/db/current
其中current记录当前最新版本号，txn_current记录版本库中版本
