代码改变世界

JavaScript类和继承:this属性

2012-10-06 16:43 by lyw90, 269 阅读, 0 推荐, 收藏, 编辑
摘要:this属性表示当前对象,如果在全局作用范围内使用this,则指代当前页面对象window; 如果在函数中使用this,则this指代什么是根据运行时此函数在什么对象上被调用。 我们还可以使用apply和call两个全局方法来改变函数中this的具体指向。先看一个在全局作用范围内使用this的例子:<scripttype="text/javascript">console.log(this===window);//true console.log(window.alert===this.alert);//true console.log(this.parseIn 阅读全文

精通高级CSS选择器

2012-10-04 23:28 by lyw90, 344 阅读, 0 推荐, 收藏, 编辑
摘要:我们每个人都意识到了CSS的重要性,但CSS选择器远未发挥它们的潜力,有的时候我们还趋向于使用过多的和无用的class、id、div、span等把我们的HTML搞的很凌乱。避免让这些“瘟疫”在你的标签中传播并保持其简洁和语义化的最佳方式,就是使用更复杂的CSS选择器,它们可以定位于指定的元素而不用使用额外的class或id,而且通过这种方式也可以让我们的代码和样式更加灵活。CSS的优先级当我们写CSS的时候我们必须注意有些CSS选择器在级联(cascade)上会高于其它CSS选择器,我们写在最后面的CSS选择器将不一定会覆盖前面我们写在同一个元素的样式。那么你如何计算指定CSS选择器的优先级? 阅读全文

了解jQuery技巧来提高你的代码(转载)

2012-10-04 23:12 by lyw90, 120 阅读, 0 推荐, 收藏, 编辑
摘要:jQuery之所以如此流行并被从大公司到个人博客的几乎每个人都广泛使用,是因为它上手和使用相当简单,而且为我们提供了一些人都不知道的相当棒的特 性。我认为jQuery的大多数用户更趋向于使用jQuery插件来解决面临的难题,这通常是明智的选择。但是当插件相对于你的需求有一定缺陷的时候,你 也许更应该想办法自己来解决,下面来看看这些实用的jQuery技巧,他们肯定会能够派上用场的!您还可以参考以下JavaScript相关教程及资源:《10种JavaScript特效实例让你的网站更吸引人》《300+Jquery, CSS, MooTools 和 JS的导航菜单资源》《10个非常棒的Ajax及... 阅读全文

jquery api (转载 51cto)

2012-10-04 16:25 by lyw90, 289 阅读, 0 推荐, 收藏, 编辑
摘要:本文基于jQuery1.7.1版本,是对官方API的整理和总结,完整的官方API见http://api.jquery.com/browser/0、总述jQuery框架提供了很多方法,但大致上可以分为3大类:获取jQuery对象的方法、在jQuery对象间跳转的方法,以及获取jQuery对象后调用的方法其中第一步是怎样获取jQuery对象。大致来说,是通过最核心的$()方法,将页面上的元素(或者在页面上不存在的html片段)包装成jQuery对象。$()方法里面支持的语法又包括3大类,分别是表达式(包括类表达式.,id表达式#,元素表达式等)、符号(包括后代符号space,next符号+等)、过 阅读全文

javascript实现渐隐渐现上下循环滚动

2012-10-03 13:38 by lyw90, 584 阅读, 0 推荐, 收藏, 编辑
摘要:在用jquery无缝自适应高度隔时上下滚动一文中我们实现了用jquery来实现一种较为华丽的网站信息或公告的上下滚动,本文介绍一种用javascript代码实现的上下循环滚动,滚动时还能让被显示的第一条信息渐现效果。(在dscuzX2中工作,请看下文演示,不知道在wordpress中是否正常)<script type="text/javascript">function H$(i) {return document.getElementById(i)}function H$$(c, p) {return p.getElementsByTagName(c)}var 阅读全文

自动提醒IE6访客升级浏览器,

2012-10-03 13:35 by lyw90, 209 阅读, 0 推荐, 收藏, 编辑
摘要:<!--[if ie 6]><script src="http://letskillie6.googlecode.com/svn/trunk/letskillie6.zh_CN.pack.js"></script><![endif]--> 阅读全文

zen-Coding

2012-10-03 13:34 by lyw90, 273 阅读, 0 推荐, 收藏, 编辑
摘要:二、zen-Coding的使用zen-Coding的使用需要掌握CSS和HTML相关知识。其实只要对CSS的选择器比较熟悉,就可以得用简短的类似于CSS选择器的代码高效的编写出HTML代码。打开Notepad++编辑器,输入以下代码: div#name然后接着按一下快捷键ctrl+E,就会自动生成如下的HTML代码:1 <divid="name"></div>接下来看一个更高效的例子div#header>div#logo+ul.nav>li.item-$*5>a按ctrl+E生成如下代码1 2 3 4 5 6 7 8 9 10 &l 阅读全文

写法极为高明javascript

2012-10-03 13:24 by lyw90, 626 阅读, 0 推荐, 收藏, 编辑
摘要:方才在程序里看到一段JS代码,写法极为高明,私心想着若是其按照规范来写,定可培养对这门语言的理解,对JS编程能力提高必是极好的。说人话:丫代码写的太乱,看的窝火! 最近闲暇无事,准备对自己JS学习做一个总结。众所周知,JS是一种语法极其灵活的语言,一千个人会有一千种JS书写方式。这造成的结果往往就是给项目日后的开发及维护留下一个不小的隐患,也对你和团队再次开发及阅读代码造成一定困难,个人认为良好的书写规范是应该首当其冲的。所以参考一些优秀前端开发团队的代码规范后,总结了几点,希望能让你的Javascript代码上升一个台阶。 变量命名: 变量名包括全局变量,局部变量,类变量,函数参数等... 阅读全文

css书写顺序

2012-10-03 13:23 by lyw90, 157 阅读, 0 推荐, 收藏, 编辑
摘要://显示属性displaylist-stylepositionfloatclear//自身属性widthheightmarginpaddingborderbackground//文本属性colorfonttext-decorationtext-alignvertical-alignwhite-spaceother textcontent 阅读全文

js.offsetParent属性

2012-10-03 13:22 by lyw90, 290 阅读, 0 推荐, 收藏, 编辑
摘要:参考:offsetParent属性返回一个对象的引用,这个对象是距离调用offsetParent的元素最近的(在包含层次中最靠近的),并且是已进行过CSS定位的容器元素。如果这个容器元素未进行CSS定位,则offsetParent属性的取值为根元素(在标准兼容模式下为html元素;在怪异呈现模式下为body元素)的引用。当容器元素的style.display被设置为"none"时(译注:IE和Opera除外),offsetParent属性返回null。句法:parentObj=element.offsetParent变量:·parentObj是一个元素的引用... 阅读全文