目录： 1：HTML 2：CSS 3：JS 4：Vue 正文 1：HTML 2：CSS shadow 阴影 box-shadow: 5px 5px 3px 4px rgba(0, 0, 0, .4) outset/inset; box-shadow:水平位置 垂直位置 模糊距离 阴影尺寸（影子大小） ...
分类：
其他好文 时间：
2019-10-05 12:42:07
阅读次数：
98
CSS3 渐变（gradients）可以让你在两个或多个指定的颜色之间显示平稳的过渡。 渐变不是一个css属性，可以把它看成一个函数，通过传入参数（渐变方向和颜色）来返回一个视觉效果 1.线型渐变 linear gradient 基本用法:可以传入颜色值，也可以传入16进制颜色值，还可以是rgba( ...
分类：
Web程序 时间：
2019-10-01 18:00:15
阅读次数：
112
一、前言 之前写的一篇文章《细说分布式锁》介绍了分布式锁的三种实现方式，但是Redis实现分布式锁关于Lua脚本实现、自定义分布式锁注解以及需要注意的问题都没描述。本文就是详细说明如何利用Redis实现重入的分布式锁。 二、方案 死锁问题 当一个客户端获取锁成功之后，假如它崩溃了导致它再也无法和 R ...
分类：
其他好文 时间：
2019-09-21 17:20:39
阅读次数：
219
设置代码前说明：首先你得选用博客皮肤darkgreentrip，否则会出错 页面定制CSS代码: 说明：标注颜色位置可自行修改，第12行设置主页底层图片，可自行修改 博客主页展示（可自行修改部分组件颜色）： 博客侧边栏公告代码： 说明：公告栏时钟控件与小老鼠游戏控件可自行删减，换头像可自行修改图片地 ...
分类：
Web程序 时间：
2019-09-19 21:15:23
阅读次数：
130
三角形 .sanjiaoxing{ position: relative; top: 3px; display: inline-block; margin-left: 8px; width: 0; height: 0; border-width: 5px; //宽度 border-style: so ...
分类：
Web程序 时间：
2019-09-13 22:18:53
阅读次数：
319
标准和模型、怪异盒模型；（IE盒模型content包含了 border和padding）。 css实现圆角box-radius ，阴影（box-shadow） ； 对文字加特效，text-shadow，线性渐变，（gradient），旋转（transform）； transfrom：rotate（9 ...
分类：
其他好文 时间：
2019-09-07 01:31:30
阅读次数：
103
1.背景透明 background-color:rgba(0,0,0,.2) 2.背景大小 background-size: 取值：可以是像素单位 ，也可以是百分比 3.多背景图片 就是将多个图片路径写在一块，中间用，隔开 background:url(image/aa.png) no-repeat ...
分类：
Web程序 时间：
2019-09-01 10:34:49
阅读次数：
103
一、圆角、rgba 设置某一个角的圆角，比如设置左上角的圆角： border-top-left-radius:30px 60px; border-top-left-radius: 60px; 同时分别设置四个角： border-radius:30px 60px 120px 150px; 设置四个圆角 ...
分类：
Web程序 时间：
2019-08-28 00:44:09
阅读次数：
107
<style> .p1{ background-color: red; } .p2{ background-color: rgb(0,255,0); } .p3{ background-color: rgba(0,0,255,1); } .p4{ background-color: #00ffff; ...
分类：
Web程序 时间：
2019-08-26 09:33:04
阅读次数：
219
/* 定义滚动条样式 */ ::-webkit-scrollbar { width: 6px; height: 6px; } /*定义滚动条轨道 内阴影+圆角*/ ::-webkit-scrollbar-track { box-shadow: inset 0 0 0px rgba(240, 240, ...
分类：
Web程序 时间：
2019-08-26 09:20:05
阅读次数：
139
