难点 普通元素添加border-radius所生成的形状添加box-shadow的效果都非常完美。但是当普通元素添加了伪元素或者半透明的装饰之后，box-shadow就会有点力不从心。因为boder-radius会无耻地忽视透明部分。 场景: 1. 半透明图像，背景图像，border-image 2 ...
分类：
Web程序 时间：
2016-12-20 07:23:22
阅读次数：
315
-webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; ...
分类：
其他好文 时间：
2016-12-19 14:24:46
阅读次数：
121
一、自适应椭圆 * border-radius特性： * 可以单独指定水平和垂直半径，并且值可以是百分比，用/（斜杠）分隔这两个值即可（可以实现自适应宽度椭圆）。 * 还可以单独指定四个角度不同的水平和垂直半径（可以实现半椭圆） * 四分之一椭圆，主要是调整水平和垂直的半径* 示例代码： .wrap ...
分类：
Web程序 时间：
2016-12-19 11:04:43
阅读次数：
212
原生JS面向对象思想封装轮播图组件 在前端页面开发过程中，页面中的轮播图特效很常见，因此我就想封装一个自己的原生JS的轮播图组件。有了这个需求就开始着手准备了，代码当然是以简洁为目标，轮播图的各个功能实现都分别分为不同的模块。目前我封装的这个版本还不适配移动端，只适配PC端。 主要的功能有：自动轮播 ...
分类：
Web程序 时间：
2016-12-17 19:28:45
阅读次数：
696
一、圆角属性：border-radius属性 4个值: 第一个值为左上角，第二个值为右上角，第三个值为右下角，第四个值为左下角 3个值: 第一个值为左上角, 第二个值为右上角和左下角，第三个值为右下角 2个值: 第一个值为左上角与右下角，第二个值为右上角与左下角 1个值： 四个圆角值相同 borde ...
分类：
其他好文 时间：
2016-12-16 19:21:43
阅读次数：
218
虽然css3的border-radius实现圆角很简单，但是我还是认为css2.1中好多技术还是很值得学习的，我也是后来才知道这就是传说中的滑动门技术。脑洞大开啊 附上demo 我觉得我写的注释只有我自己能看懂，哈哈哈哈，这个案例的图片设计的很有技巧，一般人真想不到，可通过审查元查看图片的样子，演示 ...
分类：
Web程序 时间：
2016-12-15 17:50:01
阅读次数：
246
一、群集技术概述1、群集的类型1）负载均衡群集：主要的功能将来自客户机的访问请求分流给多台服务器，从而缓单台服务器的负载压力，例如京东淘宝的购物节的时候，当天的并发量是分常大的，单台服务器是无法承载的。2）高可用群集：高可用群集和hsrp（热备份路由器协议）原理基..
分类：
其他好文 时间：
2016-12-15 01:16:12
阅读次数：
218
如下图的拓扑所示，内部网络的路由连接internet上，边界的路由器的内部网口属于ospf的NSSA区域，路由器上配置相应的默认路由指向internet的下一跳。内部网络中跑着不同协议的路由信息，保证内部的OSPF区域当中还需要引入其他类型的路由信息；并且要保证内部网络能够正常访问int..
分类：
其他好文 时间：
2016-12-14 02:31:28
阅读次数：
248
3.4 CSS3圆角边框属性 在web页面上圆角效果很常见。圆角给页面增添曲线之美，让页面不那么生硬，但是为了设计圆角效果。 3.4.1 broder-radius 属性的语法及参数 语法： border-radius是一种缩写方法。如果“/”前后的值都存在，那么“/”前面的值设置其水平半径，“/” ...
分类：
Web程序 时间：
2016-12-13 07:10:35
阅读次数：
218
