正文内容加载中...
posted @ 2014-04-11 00:22 还好我是程序员 阅读(213) 评论(0) 推荐(0) 编辑
摘要:css3新增了许多伪类,但是IE8以及更低版本的IE浏览器不支持css3伪类,所以在使用时要是涉及到布局等意象全局的样式,应该多考虑一下。1.elem:nth-child(n)这个伪类选中父元素下的第n个子元素,并且这个子元素的标签名为elem,n可以接受具体的数值,也可以接受函数(如4n-1)。需要注意的是,n是从1开始计算,而不是0。我们可以使用一个无序列表来测试: 1 2 3 4 5 6 7 8 9 10当n为具体的数值是选中第n个子元素,如:#test li:nth-child(3){ background:#f00;}... 阅读全文
posted @ 2014-04-07 23:27 还好我是程序员 阅读(2826) 评论(0) 推荐(0) 编辑
摘要:1.CSS3多列:column column主要有三个属性。 column-count:定义列数。 column-gap:定义每一列之间的间隔。 column-rlue:定义每列之间的边线规则,分为style,color,width这3个分支属性,可像border一样简写。如代码:#test{ width:600px; background:#eee; -webkit-column-count:3; -webkit-column-gap:20px; -webkit-column-rule:2px #00f outset;}效果为:2.文本换... 阅读全文
posted @ 2014-04-07 00:36 还好我是程序员 阅读(113) 评论(0) 推荐(0) 编辑
摘要:1.半透明rgba在rgba出现之前,半透明可以用opacity来创建,可是这样子导致的结果是不仅元素的背景会变透明,标签元素包含的文字也会变透明。这样子会导致可读性降低,所以都会嵌套一个包装标签来创建半透明,这样子很麻烦,自从可以用rgba来表示颜色之后就方便多了。rgba表示方法为:.rgba{ background:rgba(255,0,0,0.5);}括号里面有是个数字,第一个表示红色,第二个表示绿色,第三个表示蓝色,最后一个表示不透明度。下面分别用rgba创建半透明和opacity创建半透明(不嵌套包装元素),然后对比结果:可以看的出来,opacity创建的半透明,文字... 阅读全文
posted @ 2014-04-04 01:30 还好我是程序员 阅读(232) 评论(0) 推荐(0) 编辑
摘要:Javascript是一种很灵活的语言, 而This关键字又是灵活中的灵活, 但是因为它的灵活, 也注定了它的难用.以前我用this的时候, 都会觉得不踏实, 老是担心它不知道怎么地就会指到另外的什么地方.其实, 这都是因为, 我们对它的不了解.刚好最近再给百度学院做《Javascript高级-作用域/原型链》的ppt, 而swit1983网友也刚好提这个问题, 索性就把这部分内容独立总结出来, 与大家分享.首先, 我先抛出一个定论:”在Javascript中,This关键字永远都指向函数(方法)的所有者”.函数首先,让我们看看”函数”:function introduce() { a... 阅读全文
posted @ 2014-03-20 23:30 还好我是程序员 阅读(81) 评论(0) 推荐(0) 编辑
摘要:默认情况javascript是同步加载的,也就是javascript的加载时阻塞的,后面的元素要等待javascript加载完毕后才能进行再加载,对于一些意义不是很大的javascript,如果放在页头会导致加载很慢的话,是会严重影响用户体验的。 所以,那么有些不涉及dom操作的脚本可以延迟加载。1.使用。W3C 说进IE支持该属性。2.HTML5的async属性。async属性仅适合外部脚本。3.动态创建4.利用ajax异步加载。原理是利用ajax通过responseText获得脚本内容,然后同伙eval()来运行。5.异步iframe,这个自己还不大不理解,先记录。 阅读全文
posted @ 2014-03-20 23:18 还好我是程序员 阅读(140) 评论(0) 推荐(0) 编辑
摘要:一。采用字符串形式: 1.变量不包含在字符串:1 var alertStr = function (str){alert(str);};2 var str = '1';3 var time = setInterval("alertStr("+str+")",2000);4 //alert '1';5 str = '2';6 //依然alert '1';这种方法的不足在于参数不会随着str变量的改变而改变,假设我们把str的值动态地变为'2',接下来循环调用的函数依旧alert 阅读全文
posted @ 2014-02-26 11:45 还好我是程序员 阅读(138) 评论(0) 推荐(0) 编辑
摘要:在ECMAScript中,把JSON对象解析为字符串使用的是内置JSON(内置)对象的stringify方法,而把JSON字符串解析为对象用的是parse方法。JSON.stringify 方法科包含3个参数,第一个是要转化的JSON对象,第二个是过滤器,第三个是换行的缩进(最大为10)。 1 var user = '{"name":"Lily","id":"00909","hobby":["swimmimg","football","c 阅读全文
posted @ 2014-02-25 23:54 还好我是程序员 阅读(237) 评论(0) 推荐(0) 编辑
摘要:xhtml代码: 1 2 3 4 ImageRotation 5 6 9 10 15 16 17 18 19 20 21 22 23 解决办法是先对验证各个不同的浏览器,对于webkit浏览器,使用CSS3的-webkit-transform{}来实现,对于ie,则使用filter属性下的progid:DXImageTransform.Microsoft.Matrix(),即DXImageTransform.Microsoft.Matrix矩阵。而其他的浏览器,这直接使用CSS3下的transform。 1 var 2 userAgent... 阅读全文
posted @ 2014-02-19 21:43 还好我是程序员 阅读(632) 评论(0) 推荐(0) 编辑
摘要:网上摘录,备忘。2 div{background:rgba(0,0,0,0.2) none repeat scroll !important; /*实现FF背景透明,文字不透明*/3 background:#000; filter:Alpha(opacity=20);/*实现IE背景透明*/ 4 width:500px; height:500px; color:#F30; font-size:32px; font-weight:bold;}5 div p{ position:relative;}/*实现IE文字不透明*/ 阅读全文
posted @ 2014-02-19 00:33 还好我是程序员 阅读(75) 评论(0) 推荐(0) 编辑