效果图展示: 先了解下swiper组件参数配置 轮播实现的具体步骤如下: 第一步:添加图片素材,我这边是放到images下,文件以及图片名字自定义即可。 第二步:在wxml中进行页面布局 在这里呢,用到了列表渲染、 swiper组件,三元运算符(注:由于小程序不能操作dom,三元运算符还有一个常用的 ...
分类:
其他好文 时间:
2018-07-18 15:10:22
阅读次数:
1596
图片轮播(淡入淡出)--js原生和jquery实现图片轮播有很多种方式,这里采用其中的 淡入淡出形式js原生和jQuery都可以实现,jquery因为封装了很多用法,所以用起来就简单许多,转换成js使用,其实也就是用js原生模拟出这些用法。但不管怎样,构造一个最基本的表现层是必须的简单的图片轮播一般 ...
分类:
Web程序 时间:
2018-07-18 14:18:53
阅读次数:
232
1.10 关于DOM的事件操作 1.10.1 JavaScript的组成 JavaScript基础分为三个部分: ECMAScript:JavaScript的语法标准。包括变量、表达式、运算符、函数、if语句、for语句等。 DOM:文档对象模型,操作网页上的元素的API。比如让盒子移动、变色、轮播 ...
分类:
编程语言 时间:
2018-07-18 00:39:39
阅读次数:
178
两种常用方式。 一、URL传值 看下官方API文档: 官方提供了5种页面间的跳转方式,其中前四种跳转的时候带有url参数,用于指定跳转的页面地址,而其中前三种url中可以带有参数。 以此来实现页面跳转时候的参数传值。 1、页面传基本数据格式的方式 将参数添加到url部分 以 ?属性名=属性值 的形式 ...
分类:
其他好文 时间:
2018-07-17 16:38:40
阅读次数:
211
在校期间,经常练习网页布局,老师就说,练到你们当看到一个网站,心里想的不是里面的商品或者产品,是让你们心里马上构思好这个网站该怎么布局,难点在什么地方,要花多少时间完成,说到这里我还是一个菜鸟,只能说,熟能生巧,这个是硬道理。 首页还有最后的底部的图片轮播没完成。 ...
分类:
移动开发 时间:
2018-07-16 18:02:33
阅读次数:
255
无缝轮播实现(比较考验逻辑思维) 模仿京东轮播图效果 ...
分类:
其他好文 时间:
2018-07-16 17:17:27
阅读次数:
173
文字公告滚动轮播-jq22.com 1 我爱北京天安门 2 我爱北京天安门 3 我爱北京天安门 4 我爱北京天安门 5 我爱北京天安门 ...
分类:
其他好文 时间:
2018-07-14 13:12:28
阅读次数:
303
vue封装插件并发布到npm上 项目初始化 首先,要创建项目,封装vue的插件用webpack-simple很合适,vue init webpack-simple 项目名称此命令创建我们的项目的目录,创建文件夹和文件,最后结构是这样的 然后根据需求,实现具体功能,这里我封装了一个轮播图组件mini- ...
分类:
其他好文 时间:
2018-07-12 13:31:17
阅读次数:
196
Bootstrap框架中 轮播(Carousel)插件是一种灵活的响应式的向站点添加滑块的方式 轮播图效果: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Cary_Bootstrap轮播器</title> <link rel ...
分类:
Web程序 时间:
2018-07-12 12:54:29
阅读次数:
210
1 组件化:组件化最大目的是为了降低功能、项目与项目组件之间很强的依赖,降低耦合度,抽取时优先抽取基础组件,全局属性,封装的AFN等. 2 组件化优缺点: 1.优点:A:降低耦合度 B:组件单独开发,单独测试 C:多人协作开发 缺点:版本同步的问题: 组件拆分:A:功能拆分(轮播器,网络框架,图片加 ...
分类:
其他好文 时间:
2018-07-12 10:26:31
阅读次数:
204