09 2017 档案

外边距崩塌
摘要：1.在垂直方向上，如果上面的盒子设置了下外边距和下面的盒子设置了上外边距的话，外边距不会叠加，而是取其中的较大值，如果其中出现负数的话，使用加法合并， 2.当父盒子没有设置border和padding的时候，其子盒子设置上外边距，会和父盒子的margin发生崩塌 ，可利用bfc处理，为父盒子设置ov 阅读全文
posted @ 2017-09-29 23:10 cyany_blue 阅读(251) 评论(0) 推荐(0)
简单的waterfall
摘要：文章从http://www.jianshu.com/p/6b59367cf53a节选出来 知识点汇总: outerWidth()是计算一个容器的大小,包括盒子的基本宽度和padding和border和margin(可选),如果设置outerWidthW(true),则算上margin值 最后效果为: 阅读全文
posted @ 2017-09-27 10:44 cyany_blue 阅读(179) 评论(0) 推荐(0)
Array常用方法
摘要：1.join() 将数组转为字符串 2.pop() 删除数组的最后一个；push（）向数组最后添加新元素，返回新数组的长度 3.shift()删除数组的第一个元素；unshift()向数组的最前面插入一个元素，并返回新数组的长度 4.splice() 向数组添加元素 The first parame 阅读全文
posted @ 2017-09-26 23:54 cyany_blue 阅读(145) 评论(0) 推荐(0)
String常用方法
摘要：1.length 查看字符串的长度 2.indexOf（）查看对应字符的索引值 3.lastIndexOf() 从后面开始查找，返回索引值 4.search() 查看包含字符的索引值 eq: The search() method cannot take a second start positio 阅读全文
posted @ 2017-09-26 22:54 cyany_blue 阅读(169) 评论(0) 推荐(0)
calendar小例子
摘要：效果如图: 1.主要是利用localstorage.setItem("key","vlaue"); 2.以及还有很多浏览器不支持的grid布局(在最新版的chrome可看到,360最新版都看不到~~~) 阅读全文
posted @ 2017-09-26 10:32 cyany_blue 阅读(233) 评论(0) 推荐(0)
简单的菜单联动
摘要：1 7 阅读全文
posted @ 2017-09-26 09:53 cyany_blue 阅读(175) 评论(0) 推荐(0)
css3-transform
摘要： 阅读全文
posted @ 2017-09-25 21:47 cyany_blue 阅读(105) 评论(0) 推荐(0)
BOM--window对象
摘要：1.在浏览器中，window对象即是通过JavaScript访问浏览器窗口的一个接口，又是ECMAscript 规定的Global对象，这意味着在网页中的任何一个对象，变量和函数，都是以window作为其global对象。 2.定义全局变量和直接在window上定义属性还是有区别的，全局变量不能通过 阅读全文
posted @ 2017-09-24 11:18 cyany_blue 阅读(312) 评论(0) 推荐(0)
css的text的属性
摘要： 阅读全文
posted @ 2017-09-18 21:30 cyany_blue 阅读(168) 评论(0) 推荐(0)
css布局汇总
摘要：1.块元素： margin：0 auto； 2.行内块或行内元素：text-align:center; 3.position：static（默认），relative（相对自身的位置定位），absolute（相对最近的有定位元素的父盒子定位，除static之外的两种），定位配合top，left，rig 阅读全文
posted @ 2017-09-17 17:34 cyany_blue 阅读(195) 评论(0) 推荐(0)
绝对的水平和垂直定位
摘要：先看效果： 用法：只需要给定位居中的盒子设置margin：auto；position：absolute；left：0；top：0；right：0；bottom：0；就可以实现居中 兼容性：非常好，Chrome, Firefox, Safari, Mobile Safari, IE8-10. 原理：参 阅读全文
posted @ 2017-09-17 12:54 cyany_blue 阅读(276) 评论(0) 推荐(0)
headless browers
摘要：Headless browsers are a web browser without a graphical user interface that can becontrolled from a command line interface for the purpose of web page 阅读全文
posted @ 2017-09-15 23:21 cyany_blue 阅读(184) 评论(0) 推荐(0)