BOM BOM的介绍 JavaScript基础分为三个部分： ECMAScript：JavaScript的语法标准。包括变量、表达式、运算符、函数、if语句、for语句等。 DOM：文档对象模型，操作网页上的元素的API。比如让盒子移动、变色、轮播图等。 BOM：浏览器对象模型，操作浏览器部分功能的 ...
分类：
其他好文 时间：
2018-10-09 21:42:46
阅读次数：
184
JS实现帧动画的原理 因为项目的要求，轮播图的第一张需要用n张图片实现一款动画，我这里用到的是第一种方法。。 首先思考一下，要实现动画必定要用到定时器了，既然有n张图那么一要用到for循环了。下面我要说说我在for循环和定时器上踩过的坑。下面是html： 下面是js： 看效果的话是没什么问题。但是在 ...
分类：
Web程序 时间：
2018-10-08 14:59:55
阅读次数：
371
/* 引入优先级 命名冲突 a.js var a = 10; var b = 10; b.js alert(a) var b = 30; 先入b 在引入a 模块加载 模块：功能 轮播图 模块 在面向对象的轮播图当中 属性和方法都是在局部进行书写的 requireJS: 模块加载器 加载js 会把js ...
分类：
Web程序 时间：
2018-10-07 18:54:57
阅读次数：
237
游民轮播图，如下图示，当红色进度条走满的时候更换图片，同时下方对应的缩略图也变化。点击缩略图也会更换图片的效果。 该轮播图为过渡变化，所以不用无缝连接，只需5张图片即可。 首先，大图区域给了div，并设置了背景图片，后期变化全是用背景图片的变换来实现。然后给了缩略图的5张小图。 html代码如下： ...
分类：
其他好文 时间：
2018-10-07 13:46:43
阅读次数：
168
焦点轮播图相对前面讲的逐帧轮播图实现多了两个功能，1、图片轮播可以手动滚动（新增左右箭头），这里重点是实现向左滚动的无缝连接。2、多了下方小圆点，指示图片播放位置，并可以点击小圆点跳转。 那么如何实现呢？ 1、无缝连接： 前面逐帧轮播图向右滚动的无缝连接实现，是将最后一张图片负值一个副本放在第一个位 ...
分类：
其他好文 时间：
2018-10-07 12:56:08
阅读次数：
158
所谓逐帧轮播图就是一帧一帧的移动播放，并且实现无缝接连播放的效果。下面将介绍逐帧轮播图的实现思路。 该效果的重点是如何实现无缝连接，其实很简单，逐帧轮播图都是从右往左移动，那么只需将最后一幅轮播图片复制一份放在第一张的位置（比如有5张轮播图，那么位置排列为 5 1 2 3 4 5），这样当图片播放到 ...
分类：
其他好文 时间：
2018-10-07 12:09:19
阅读次数：
192
react-native-page-scrollview对ScrollView的封装,可以很方便的实现水平,垂直分页轮播效果.而且可以自定义分页宽高,和侧边View的旋转,透明度,大小等.对于原生的ScrollView只支持水平的整屏的分页,而且我看github上也没有相应的组件.所以就自己封装了一个.github地址:https://github.com/geek-prince/react-na
分类：
其他好文 时间：
2018-10-06 23:41:01
阅读次数：
412
一、JavaScript简介 JavaScript的组成： JavaScript基础分为三个部分： ECMAScript：JavaScript的语法标准。包括变量、表达式、运算符、函数、if语句、for语句等。 DOM：操作网页上的元素的API。比如让盒子移动、变色、轮播图等。 BOM：操作浏览器部 ...
分类：
编程语言 时间：
2018-10-06 20:32:40
阅读次数：
202
BOM BOM的介绍 javasctipt基础分为三个部分: ECMAScript : javascript的语法标准 . 包括变量 表达式 运算符 函数 if语句 for语句 DOM : 文档对象模型 ,操作网页上的元素的API . 比如让盒子移动 ,变色 轮播图 BOM : 浏览器对象模型,操作 ...
分类：
其他好文 时间：
2018-10-06 12:05:38
阅读次数：
205
