我们在angualrjs移动开发中遇到轮播图的功能 安装 swiper npm install --save swiper 或者 bower install --save swiper 引入文件路径 指令中的编写方式 ...
分类:
Web程序 时间:
2017-05-30 00:37:47
阅读次数:
886
首先安装 swiper npm install --save swiper 或者 bower install --save swiper 指令文件代码 回到顶部的逻辑 回到顶部对应的对应html中的内容 <go-to-top></go-to-top> 回到顶部按钮css文件 左右滑动对应的html代 ...
分类:
Web程序 时间:
2017-05-30 00:36:22
阅读次数:
941
swiper一般在移动端touch和轮播图还有滚动滑屏用的比较多 通过zepto的issue发现貌似是android默认的webkit和zepto不兼职容(还是其它?),换成android下的firefox则可以正常使用 遇到同样的问题,在安卓4.4的默认浏览器和UC都不支持触发swiper事件,c ...
分类:
Web程序 时间:
2017-05-28 19:38:12
阅读次数:
305
项目命名规范 1.文件夹命名 1)、最好用一个单词描述 2)、如果一个单词描述不了,用2个词(名词加动词) color-pick、button-groups、date-picker、option-grounp、jquery-select、jquery-swiper 3)、中间用-或者_连接为了方便归 ...
分类:
其他好文 时间:
2017-05-26 16:02:33
阅读次数:
192
用node编写自己的cli工具 工作中接到新项目,开发前都需要先规划项目目录,然后一个个创建文件,搭建sass编译环境,下载jquery,Swiper等类库... 这些准备工作都要花上不少时间。每做一个项目,都会遇到同样的问题,再重复一遍吗?是时候做点改变了:编写自己的cli工具,一行命令,3秒钟进 ...
分类:
其他好文 时间:
2017-05-25 01:16:21
阅读次数:
241
swiper 控件当动态添加时候,会导致混乱。 源码没详细看,笔者猜测可能是每次初始化都有一个唯一ID,所以无法捕捉销毁。 一.常用失败解决方案: ①destroy()变量 ②reInit()方法似乎也不起作用,笔者引用的swiper3.4.2,找不到此方法。 二.成功方案(js操作数组): var ...
分类:
其他好文 时间:
2017-05-22 11:55:40
阅读次数:
136
swiper组件插入图片,并且自动轮播,ios手机会出现刚开始什么都没有,开始轮播时,全出现,如果是一张图片,就一直都是空白,要手动滑一下才出来,android 与开发工具没有这个问题 后来试过很多之后,发现只有加载本地图片会出现这种情况,在线图片就不会。 不知道是不是小程序目前的BUG。 ...
分类:
其他好文 时间:
2017-05-20 10:05:29
阅读次数:
326
以前都觉得swiper的使用很简单,那是因为使用swiper时都是写的数据,按照官网上介绍直接初始化swiper,随便丢一个地方初始化就ok了,但是在很多需求中,我们都需要动态的改变数据,这样可能就会遇到很多问题。 以下简单说说最近遇到的问题: 开发需求是需要通过接口请求来动态的改变swiper数据 ...
分类:
其他好文 时间:
2017-05-17 12:02:49
阅读次数:
161
简介 使用 Node + vue 对公司的官网进行了一个简单的移动端的实现。 源码 https://github.com/wx1993/node-vue-fabaocn 效果 组件 轮播图(使用 vue-awesome-swiper 插件) 新闻列表 新闻详情 职位列表 联系我们页面(使用百度地图a ...
分类:
移动开发 时间:
2017-05-12 20:24:17
阅读次数:
898
calliphers.jsdefine(function(){
varcallipers={};
varspaceWidth=7;//间隔
varheight=50;//默认高度
varcallipersHtml="<divclass=‘swiper-container‘>"+
"<divclass=‘swiper-wrapper‘>"+
"<divclass=‘swiper-slide‘>"+
"<divclass=‘callipers-conten..
分类:
其他好文 时间:
2017-05-10 11:38:21
阅读次数:
346