jSlider是一个非常好的图片轮播插件。 有导航箭头，可以自动播放，可以循环播放。 官方网站 https://github.com/copthuy/jSlider 使用方法： 第一步，引入jquery.js 1 <script src="https://ajax.aspnetcdn.com/aja ...
分类：
Web程序 时间：
2019-05-31 16:24:28
阅读次数：
178
第一步，引入jquery.js 第二步，引入css和js 第三步，编写DOM代码 第四步，初始化轮播jSlider 完整代码： ...
分类：
其他好文 时间：
2019-05-31 11:40:31
阅读次数：
78
注意事项 1、先规划布局 2、写一个css里面放 3、起名一定规范 4、注意注释 方便查找 5、定位问题 会导致布局偏移 难点： 1、动画及阴影问题、 2、关于div 的显示与隐藏 已解决 未解决问题 1、轮播图 2、右侧固定导航 回到顶部按键 未解决原因（时间紧张未做，尽量抓紧时减解决） ...
分类：
移动开发 时间：
2019-05-30 22:14:41
阅读次数：
177
轮播图说起来非常简单，就是几张图片一直不停的轮流播放，但是要想写好代码，也要考虑下性能问题，下面我们来简单的实现一下。 首先，页面代码： <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <link rel= ...
分类：
Web程序 时间：
2019-05-30 17:58:27
阅读次数：
122
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, ...
分类：
其他好文 时间：
2019-05-30 14:35:11
阅读次数：
133
原理： 将一些图片在一行中平铺，然后计算偏移量再利用定时器实现定时轮播。 步骤一：建立html基本布局 如下所示： 只有五张图片，却使用7张来轮播，这是为了实现无缝轮播，后面会详细介绍。 而5个span，即我们可以实时看到轮播图目前所处的位置。 最后是两个按钮，可以通过它来控制前进与后退。 这里我们 ...
分类：
Web程序 时间：
2019-05-23 09:25:00
阅读次数：
134
《H5+移动应用实战开发》终于出版了，最近在忙着Vue和Webpack相关的前端书籍写稿。本书面向的读者为：从后端转前端，或零基础开始学习移动端开发的人。前后端完全分离的开发方式越来越成为一种趋势，下一本书，将是专业前端书籍，是关于Vue在实际工作中的单页应用开发，涉及到Vue全家桶以及webpac ...
分类：
移动开发 时间：
2019-05-22 09:49:40
阅读次数：
163
.lunbo{ height: 640px; width: 100%; background-position: -280px; margin-top: 103px; -webkit-animation: lunbo 5s infinite alternate; } @-webkit-keyfram... ...
分类：
Web程序 时间：
2019-05-19 23:12:52
阅读次数：
213
预览图： 实现原理：将图片切割构建一个和ul（电脑屏幕）同一个轴的立方体，利用延时旋转实现切割效果 知识点：transform-style属性（必须搭配transform属性使用） 节流阀，transitionend 空间布局： 将一张图片分成五份li，每份li放4个span折叠成正方体 轴：轴是整 ...
分类：
其他好文 时间：
2019-05-19 11:50:57
阅读次数：
129
[toc] "项目的Github地址" 需求介绍 为了缩短用户看到首页信息的时间, 我们把首页显示的类目信息, 广告等数据放到Redis缓存中, 这样就不用通过耗时的数据库操作获取数据, 而是直接从Redis缓存中获取. 在开始之前先记录一个坑: 重启虚拟机后nginx服务器关闭了, 导致nginx ...
分类：
编程语言 时间：
2019-05-18 10:02:41
阅读次数：
192
