编程技巧 - 文章列表
-
JavaScript继承详解(二)
上一篇:JavaScript继承详解(一)\n这一章我们将会重点介绍JavaScript中几个重要的属性(this、constructor、prototype), 这些属性对于我们理解如何实现JavaScript中的类和继承起着至关重要的作用。 \nthis\nthis表示当前对象,如果在全局作用范围内使用this,则指代当前页面对象window; 如果在函数中使用this,则this指代什么是根据运行时此函数在什么对象上被调用。 我们还可以使用apply和call两个全局方法来改变函数中this的具体指向。 \n先看一个在全局作用范围内使用this的例子: <scrip
-
jQuery教程:雅蛙网ajax特效jQuery实现方法(三)
目标:看到个性化标题没,只要点击,就出现一个文本输入框,输入相应的内容,点击保存就OK了,那么,如何实现这一效果呢? 思路:怎么做呢?个人认为可以分一下几步 1、取出层usertitle中的值 2、将usertitle换成一个文本输入框(usertitleinput)和保存、取消button 3、点击“saveButton”时:将usertitleInput的val存入数据库并执行5 4、点击“cancelButton”时:执行5 5、将usertitleInput等换回usertitle 进一步思考:首先是点击usertitle的时候,才触发这一系列的效果。\nfunct
-
jQuery.API源码深入剖析以及应用实现(3) - 选择器篇(上)
在上一篇中还漏了一个框题,jQuery的冲突机制解决方法jQuery.noConflict()以及jQuery.noConflict(extreme),这里先分析一下:jQuery.noConflict():运行这个函数将变量的控制权让渡给第一个实现它的那个库。jQuery.noConflict(extreme):将和jQuery的控制权都交还给原来的库。比如在prototype框架中的会和jQuery框架中的产生命名冲突,这里就是为了解决这种问题。现在先看下noConflict方法的具体实现:<!–Code highlighting produced by Actip
-
JavaScript继承详解(三)
上一篇:JavaScript继承详解(二)\n在第一章中,我们使用构造函数和原型的方式在JavaScript的世界中实现了类和继承, 但是存在很多问题。这一章我们将会逐一分析这些问题,并给出解决方案。 \n注:本章中的jClass的实现参考了Simple JavaScript Inheritance的做法。\n首先让我们来回顾一下第一章中介绍的例子: function Person(name) {\nthis.name = name;\n}\nPerson.prototype = {\ngetName: function() {\nreturn this.name;\n}\n}functio
-
jQuery教程:雅蛙网ajax特效jQuery实现方法(四)
首先,对以前的代码进行了一个调整(具体看源代码),原来的想法是做出大概的样子就可以了,后来想要做就做好吧,加入多用户和更换主题等等,所以调整下以前代码。其次就是数据库的问题,虽然只考虑前台,但里面很多页面涉及到了取数据库信息等,为方便大家理解,列出数据库的粗略结构。<!–Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/–>users表用户名 标题 主题 页面kuku 丝路野草的个性化主页 default 2|3pa
-
解剖JavaScript中的null和undefined
在JavaScript开发中,被人问到:null与undefined到底有啥区别?一时间不好回答,特别是undefined,因为这涉及到undefined的实现原理。于是,细想之后,写下本文,请各位大侠拍砖。总所周知:null == undefined但是:null !== undefined 那么这两者到底有啥区别呢?请听俺娓娓道来…null这是一个对象,但是为空。因为是对象,所以 typeof null 返回 ‘object’ 。null 是 JavaScript 保留关键字。null 参与数值运算时其值会自动转换为 0 ,因此,下列表达式计算后会得到正
-
jQuery教程:雅蛙网ajax特效jQuery实现方法(五)
目标:页面widget的生成,拖拽及其他操作1.页面布局的生成思路:布局即把页面分成几列以及每列的width等,ID为default_columns的div是页面,里面加一个ul即为一列。进一步思考:要控制ul的width来改变布局,所以将ul的width直接写进来。目前分4种布局,默认是2,tab的mod属性的第一个数字就代表布局id布局id 各列对应width1 50%,50%2 30%,40%,30%3 33%,34%,33%4 25%,25%,25%,25% 将上节LoadingTabInfo函数改成<!–Code highlighting produced b
-
JavaScript继承详解(四)
上一篇:JavaScript继承详解(三)\n在本章中,我们将分析Douglas Crockford关于JavaScript继承的一个实现 – Classical Inheritance in JavaScript。 Crockford是JavaScript开发社区最知名的权威,是JSON、JSLint、JSMin和ADSafe之父,是《JavaScript: The Good Parts》的作者。 现在是Yahoo的资深JavaScript架构师,参与YUI的设计开发。 这里有一篇文章详细介绍了Crockford的生平和著作。 当然Crockford也是我等小辈崇拜的对象。\n调
-
jQuery.API源码深入剖析以及应用实现(4) - 选择器篇(下)
这篇继上篇的 jQuery.API源码深入剖析以及应用实现(3) - 选择器篇(上) 之后继续介绍选择器的其它原理,包括内容,可见性,属性,子元素,表单,表单对象属性等等原理。jQuery选择器的图示包括:一、内容1. 【 :contains(text) 】匹配包含给定文本的元素。例子HTML代码 jQuery代码 结果<div>John Resig</div><div>George Martin</div><div>Malcom John Sinclair</div><div>J. Ohn
-
Javascript实现截图功能(代码)
好久没来这里了,迷糊了一段时间,为了尽快热手,自己做了一个截图的js,首先是参看了一个博友的文章,心想也许自己可以用更少的代码来实现,于是变有了这个小玩意的诞生。\n