轮播图效果你还只会用Javascript实现吗？来看看纯CSS实现方法吧

前言

轮播图已经是一个很常见的东西，尤其是在各大App的首页顶部栏，经常会轮番显示不同的图片。

一提到轮播图如何实现时，很多人的第一反应就是使用Javascript的定时器，当然这种方法是可以实现的。不过就是有些繁琐，今天这篇文章我们来看看如何不用Javascript，而使用纯CSS代码去实现轮播图吧。

这篇文章的所有代码我都放在了github上，感兴趣的同学可以去看看。

https://github.com/zhouxiongking/article-pages/blob/master/articles/carousel/carousel.html

CSS

首先我们来看看只使用CSS实现的轮播图效果。

想读更多 ->

《小白H5成长之路19》javaScript中if判断语句的一些用法

“小白，你面临过选择么？”

“面临过啊，今天上午就在犹豫是骑自行车还是坐公交，出门一看天太冷，所以就做公交来上班了。”

“如果不冷你就骑自行车来了，对吧？冷或者不冷就是一个布尔类型，在js里面布尔类型只有两个值true（真）和false（假）。在js里面也存在判断类型的语句，如果把你今天早上的选择写成判断语句可以这样来写”

“你看！我定义了一个cool变量让他的初始值是true，后面使用了判断语句if～else，如果if后面括号中的参数为true就执行if中的方法否者就执行else中的方法。很显然这里cool为true，所以执行了selectBus

想读更多 ->

html5 Canvas之一根手指头创建阴影

设置阴影的四个参数：shadowOffsetX、shadowOffsetY、shadowBlur、shadowColor

解释如下：

shadowOffsetX和shadowOffsetY值可以为正或者负，负值将会在左侧和上方创建阴影，反之将会在底部和右侧创建。

shadowBlur：设置阴影模糊效果的程度

shadowColor：设置阴影颜色

完整实例如下：

想读更多 ->

纯CSS实现轮播图效果，你不知道的CSS3黑科技

前言

轮播图已经是一个很常见的东西，尤其是在各大App的首页顶部栏，经常会轮番显示不同的图片。

一提到轮播图如何实现时，很多人的第一反应就是使用Javascript的定时器，当然这种方法是可以实现的。不过就是有些繁琐，今天这篇文章我们来看看如何不用Javascript，而使用纯CSS代码去实现轮播图吧。

这篇文章的所有代码我都放在了github上，感兴趣的同学可以去看看。

https://github.com/zhouxiongking/article-pages/blob/master/articles/carousel/carousel.html

CSS

首先我们来看看只使用CSS实现的轮播图效果。

在list中可以放任意类型的数据，而Java声明了之后只能放一种类型的数据，这一点到和JavaScript很相似。

有了列表你就可以对他进行操作了，比如说取出某一个元素，删除某一个元素，遍历所有的元素等。

列表中有一个索引的概念，说的是每一个元素的在列表中位置。 比如说上图中的第一个元素1，他是列表中的第一个元素，但是他的索引为0

想读更多 ->

Python数据可视化利器Matplotlib，colors系列，颜色的指定形式

按照计划，从今天开始我们将一起学习matplotlib中关于颜色的相关内容。虽然说起颜色大家都比较熟悉，但是其中的内容还是非常的多，所以我们将内容分成多个部分从简到繁依次讲解。废话不多说，直接进入今天的主题吧！

当我们绘图的时候，经常要指定各种各样的颜色，如何才能让matplotlib准确的显示出我们想要的颜色呢？这就要求我们必须了解matplotlib可以识别的颜色的指定形式有哪些。

灰度值取值范围为区间[0,1]的浮点数，在使用时注意写成字符串形式。

matplotlib中的RGB、RGBA元组与我们常见的RGB或RGBA列表不完全相同，我们常见的RGB或RGBA列表内的数值均为0到255的整数，而在matplotlib中元组内的数值则为区间[0,1]内的浮点数。例如，红色：(1,0,0)或(1,0,0,1)；黄色：(1,1,

想读更多 ->

Python：从逻辑判断开始谈循环

本期分享笔记：Python学习笔记

分享内容：Python逻辑判断&循环

要实现条件结构或循环结构，那么逻辑判断必不可或缺。既然如此，那我们来看看Python中的逻辑判断。我们知道计算机只会0&1，Python也单一，它的逻辑判断也只有真（True）或者（False），而且具有处女情结的是首字母必须大写。

布尔类型的数据只有两种：真（True）和（False），而且首字母必须大写.

常见布尔运算符号:或、与、非

布尔运算符号

想读更多 ->

从商用到开源：DB2迁移至MySQL的最佳实践

身处数据驱动快速变革的时代，数据库系统的选型和架构设计对于整个IT基础架构，甚至企业的发展都起到至关重要的作用。那么今天，如果您的企业需要搭建一套新的应用系统，你会选择什么数据库类型？如果当前的系统不能满足业务需求，面临系统迁移，你又会如何选择？

在2017年初，我们分享过一份国外的报告“开发人员是如何使用数据库的 ”，并且进行了一次调查『中国数据库爱好者的选择和背离』，其中的一些数据展示了用户对于数据库的选择，非常具有参考价值，链接可以直接参考分析报告。

随着互联网+时代的到来，企业的业务发展对IT架构提出了更高的要求，传统的架构往往运维复杂、成本高、不易扩展，在很大程度上制约了企业的快速发展。

想读更多 ->

使用Spring Session实现Spring Boot水平扩展

本文使用Spring Session实现了Spring Boot水平扩展，每个Spring Boot应用与其他水平扩展的Spring Boot一样，都能处理用户请求。如果宕机，Nginx会将请求反向代理到其他运行的Spring Boot应用上，如果系统需要增加吞吐量，只需要再启动更多的Spring Boot应用即可。

本文选自《Spring Boot 2精髓：从构建小系统到架构分布式大系统》一书。

Spring Boot应用通常会部署在多个Web服务器上同时提供服务，这样做有很多好处：

单个应用宕机不会停止服务，升级应用可以逐个升级而不必停止服务。

提高了应用整体的吞吐量。

我们称这种部署方式为水平扩展，前端通过Nginx提供反向代理，会话管理可以通过Spring Session，使用Redis来存放Session。部署Spring Boot应用到任意一台Web服务器上，从而提高了系统可靠性和可伸缩性。

当系统想提升处理能力的时候，通常用两种选择，一种是重置扩展架构，即提升现有系统硬件的处理能力，比如提高CPU频率、使用更好的存储器。另外一种选择是水平扩展架构，即部署系统到更多的服务器上同时提供服务。这两种方式各有利弊，现在通常都优先采用水平扩展架构，这是因为：

重置扩展架构<

想读更多 ->