bamu8727-CSDN博客

转载一个完美的令div上下左右垂直居中的方法

网上有许多令一个div上下左右垂直居中的方式，都是大同小异，我最喜欢的是还position+transform样式来实现，下面是代码实例： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" conten...

2017-09-22 14:27:00 178

转载关于display inline-block 产生间距的问题

我们在使用给标签添加diaplay:inline-block属性后，标签并排显示后之间会产生3px的间距空白问题。间距是如何产生的？ 1.我们在使用内联元素的标签时候，例如img标签没有设置display属性同样会产生间距，这是因为我们在书写标签的时候为了代码的简洁直观会换行，但是浏览器在解析的时候会把这个换行解析成一个字符，这样就会有一个3px空白，display：inline-...

2017-09-21 16:38:00 192

转载 transfrom 小球拖拽

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <meta name="viewport" content="width=device-width, user-scalable...

2017-09-21 09:53:00 112

转载页面屏蔽自动填充密码问题

1、针对浏览器记住密码1).首先大部分浏览器都是根据表单域的type="password"来判断密码域的，所以针对这种情况可以采取“动态设置密码域”的方法：<input type="text" name="password" onfocus="this.type='password'" />解释：当这个文档框获取焦点时才将其变成密码域，这样浏览器就不会记住密码，当然为了更加完...

2017-09-20 11:32:00 176

转载伪类和伪元素的区别

css伪类：用于向某些选择器添加特殊效果； css伪元素：将特殊效果添加到某些选择器上；简单的说，伪类和伪元素的根本区别在于：他们是否创建了新的元素（抽象）；伪类一开始是用来表示一些元素的动态状态，典型的就是连接的各个状态，伪类：：first-child,:visited,:hover,:active,:focus,:lange等伪元素则代表了某个元素的子元素，这个元素虽然...

2017-03-23 15:16:00 58

转载 countDown验证码倒计时

刚接触js的时候公司有一个活动页面要写一个获取验证码的倒计时，当时身为菜鸟的我就被难到了，之后也没有再写，今天偶然间想起来，就又用了几分钟写了一下，希望对有些朋友有用，欢迎指教，下面是代码，希望大家可以共同进步~ <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> &l...

2017-03-23 14:26:00 197

转载 js实现简单的选项卡带滑动

选项卡切换主要依靠css3里面的新特性transform与translate的结合，如果只使用translate，不会有动画效果；使用定位同样可以实现同样的效果，但是不能实现content里的子元素高度自适应；所以选择用translate；如果想根据后台来设置同样是可以的，因为这里使用的是display：flex来布局的，可以根据后台传入的数据来均分tabs_bar; 下面直接...

2017-03-09 18:25:00 189

转载基于react的tabs组件

最近公司项目闲下来，写了下项目里引用的ant-design 的tabs组件，Github地址为：https://github.com/zycpz/tabs有需要的小伙伴可以下载查看。转载于:https://www.cnblogs.com/Monroe/p/6442032.html...

2017-02-25 15:58:00 402

转载 Javascript数组去重

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>数组去重</title> </head> <body> <script>　　//数组去重需要新建一个空对象和...

2017-02-20 14:21:00 63