摘要: 众所周知,IE7,8不支持border-radius效果。但我们同样有办法用css实现这个效果,方法就是用border来模拟。 vw单位可能大家用的比较少,因为这个单位是IE9+才支持,所以现代浏览器直接把边框设为0vw,就表示无边框,直接使用border-radius,而IE7,8则使用borde 阅读全文
posted @ 2017-04-03 16:10 _Jo 阅读(2311) 评论(0) 推荐(0) 编辑
摘要: 简单的原生js实现打字机效果。就几行代码,直接看下面: 阅读全文
posted @ 2017-03-31 17:09 _Jo 阅读(158) 评论(0) 推荐(0) 编辑
摘要: 无意中找到一种利用css就可实现的搜索过滤的方法,不得不说看了代码之后确实被惊艳到了,亏我之前面试还因为做这个功能做太慢而拖了后腿。在此记录下代码: 首先思路就是利用Input的focus伪类来实现下拉的隐藏显示,其次就是一个input事件给不匹配的城市给隐藏掉。 具体可参考这里。 阅读全文
posted @ 2017-03-30 22:10 _Jo 阅读(440) 评论(0) 推荐(0) 编辑
摘要: 关于垂直居中的方法已经老生常谈了,这里只记录下自己最近发现的垂直居中方法。 1、通过vertival-align:middle: 这种方法是通过元素与伪元素设置vertical-align:middle来实现的,很多朋友对这个属性都是一知半懂,可以看看这位大神的文章:http://www.zhang 阅读全文
posted @ 2017-03-25 14:27 _Jo 阅读(196) 评论(0) 推荐(0) 编辑
摘要: css3渐变分为线性渐变(linear-gradient)和径向渐变(radial-gradient)。下面简单介绍下linear-gradient的应用。 以下都是在webkit内核浏览器下进行测试,firefox和opera只需更改下前缀即可,IE下则有特定的滤镜来实现。 以上就是基本语法。先看 阅读全文
posted @ 2017-01-31 20:15 _Jo 阅读(1138) 评论(0) 推荐(0) 编辑
摘要: 最近趁有空重新入门了下php,但php基础实在太多要记的,特此简单记录下。 有八种类型: 四种标值类型: string,integer,float,boolean 两种复合类型: array,object 两种其他类型: null,b... echo和print的区别: echo能输出多个字符串,p 阅读全文
posted @ 2017-01-30 09:55 _Jo 阅读(150) 评论(0) 推荐(0) 编辑
摘要: 我们经常需要编写兼容代码,特别是万恶的IE。 特此记录下IE提供的if判断: 阅读全文
posted @ 2017-01-04 21:09 _Jo 阅读(1200) 评论(0) 推荐(0) 编辑
摘要: 之前遇到过嵌套div设置margin-top不生效的情况,一直没去研究,今天又遇到了,查阅资料得知原因,并不是margin-top没生效,只是当外层容器跟内层容器之间没有别的元素的时候,内层容器的margin-top会作用在外层容器上。 解决办法如下: 1、在父层div加上:overflow:hid 阅读全文
posted @ 2016-12-29 14:14 _Jo 阅读(326) 评论(2) 推荐(0) 编辑
摘要: 一般动态创建html元素都是创建好了直接appendChild()上去,但是如果要添加大量的元素还用这个方法的话就会导致大量的重绘以及回流,所以需要一个'缓存区'来保存创建的节点,然后再一次性添加到父节点中。这时候DocumentFragment对象就派上用场了。 看下w3c的官方说明: Docum 阅读全文
posted @ 2016-12-21 10:11 _Jo 阅读(3408) 评论(0) 推荐(1) 编辑
摘要: javascript运行模式有两种,除了平时使用的正常模式外,还有一种严格模式,顾名思义,就是在更严格的模式下运行。 严格模式的好处有很多:避免一些怪异行为以及不规范行为、提高编译效率等。 要使用严格模式只需要在当前执行环境的顶部写以下代码: 一般在项目中是这样写的: (function(){ 'u 阅读全文
posted @ 2016-12-20 10:59 _Jo 阅读(118) 评论(0) 推荐(0) 编辑