2020年03月_lvan-ah

原创 node.js中密码加密bcrypt(坑多)

node.js中密码加密bcrypt(坑多)配置安装环境python-（并且配置环境变量）node-gyp在命令行中下载：npm install -g node-gypwindow-build-toools下载★★★★★1、下载python网址：https://www.python.org/downloads/安装适合自己的版本配置环境变量找到本地python安装目录，复制...

2020-03-26 13:59:42 995 1

原创 css高级技巧——元素的显示与隐藏

显示元素：display:block;visibility:visible;隐藏元素：display:none;不保留位置visibility:hidden;保留位置练习-元素的显示与隐藏-土豆网<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> &l...

2020-03-26 10:41:11 185

原创 css高级技巧——垂直对齐、去除图片底侧空白

垂直对齐vertical-align：垂直对齐，只针对行内块元素或者行内元素值意思top顶线对齐middle中线对齐bottom底线对齐baseline基线对齐消除图片底侧空隙解决方法：图片添加对齐vertical-align:bottom/middle/top;防止基线对齐对块级来说display:block；<!DO...

2020-03-26 10:40:33 199

原创 css高级技巧——溢出文字省略号显示

溢出文字省略号显示问题如下：文字长度超过已规定好宽度的父盒子解决后:详细解决说明：先强制文字在一行显示，white-space:nowrap;值意思normal文字显示不开始，自动换行nowrap在一行显示不换行超出部分隐藏，overflow:hidden;元素的显示与隐藏–overflow详解设置超出文字用省略号显示，text-over...

2020-03-26 10:40:08 162

原创 css高级技巧——margin负值之美

1、负边距+定位：水平垂直居中解决绝对定位absolute、固定定位fixed，都无法使用margin:auto;实现居中问题思路：利用父级盒子的宽(高)50%，然后再左(上)自己宽(高)度的一半，实现居中效果。2、压住盒子相邻边框相邻边，边框相加变粗解决思路:如果盒子都在一行，让每个盒子外边距向左1像素既margin-left:-1px;如果盒子存在多行，盒子向左1像素向上1像素...

2020-03-26 10:39:48 281

原创 css高级技巧——滑动门

滑动门思路实现步骤:首先给a一个背景图片，然后再给span一个背景图片，调至合适宽度，以便于文字添加自动滑动a是设置左侧背景(左门)，padding-left撑开合适宽度span是设置右侧背景(右门)，padding-right撑开合适宽度因为整个导航栏都是链接，所以a要包含span因为是滑动门，左右推拉，跟文字内容多少有关，需要用文字撑开盒子，需要用行内块。常用一下格式:&...

2020-03-26 10:39:19 261

原创 css高级技巧——css三角形实现

实现效果：实现思路：用css边框可以模拟三角效果父盒子宽高为04个边框都要写，只保留需要的一边边框的颜色，其他不省略，改为transparent透明为了兼顾兼容性低版本浏览器，加上font-size:0;line-height:0;代码如下：<!DOCTYPE html><html lang="en"><head> <meta c...

2020-03-26 10:38:40 205

原创 css高级技巧——CSS精灵技术/css sprites/css雪碧

CSS精灵技术/css sprites/css雪碧为什么需要精灵技术？有效的减少服务器接收和发送请求的次数，提高页面的加载速度精灵技术怎么实现？css精灵图是将网页中的一些背景图像整合到一张大图中(称为精灵图)，各个网页元素通常只需要精灵图中的不同位置的某个小图精灵技术详细实现？利用background: url(images/index.png) no-repeat 0 -107px...

2020-03-26 10:37:42 187

weixin_43848802的博客