自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(21)
  • 资源 (2)
  • 收藏
  • 关注

转载 浏览器禁止选中

IE 给标签设置 unselectable= "on" ,设置标签方法 onselectstart="return false;"Firefox 给标签设置私有样式 -moz-user-select:none 。Chrome Safari 给标签设置私有样式 -webkit-user-select:none ,设置标签方法 onselectstart="return false;"。Opera 给

2013-07-03 14:44:16 467

转载 jQuery源码分析-extend函数

/*! * jQuery源码分析-extend函数 * jQuery版本:1.4.2 * * ---------------------------------------------------------- * 函数介绍 * jQuery.extend与jQuery.fn.extend指向同一个函数对象 * jQuery.extend是jQuery的属性函数(静态方法) *

2013-04-14 17:09:00 601

转载 【jQuery-1.7.2源码分析】extend

jQ的扩展分两种 1. 把相对紧凑的方法统一在一处,因此,在内部写法上看起来是一个个的模块,这样便于维护。其中分为两类:1) 基于jQuery这个对象,也就是静态属性/方法的作用,这部分的扩展更为通用,比如 attr: function( elem, name, value, pass ),脱离jQ对象也可以使用2) 基于 prototype 的,内部大多只是借用了

2013-04-14 17:04:42 572

转载 Jquery的$命名冲突

在Jquery中,$是JQuery的别名,所有使用$的地方也都可以使用JQuery来替换,如$('#msg')等同于JQuery('#msg')的写法。然而,当我们引入多个js库后,在另外一个js库中也定义了$符号的话,那么我们在使用$符号时就发生了冲突。下面以引入两个库文件jquery.js和prototype.js为例来进行说明。 第一种情况:jquery.js在prototype.js之

2013-04-14 16:39:43 473

转载 jQuery.extend 函数详解

JQuery的extend扩展方法:      Jquery的扩展方法extend是我们在写插件的过程中常用的方法,该方法有一些重载原型,在此,我们一起去了解了解。      一、Jquery的扩展方法原型是:    extend(dest,src1,src2,src3...);      它的含义是将src1,src2,src3...合并到dest中,返回值为合并

2013-04-14 16:36:33 394

转载 DOM Ready详解

熟悉jQuery的人, 都知道DomReady事件. window.onload事件是在页面所有的资源都加载完毕后触发的. 如果页面上有大图片等资源响应缓慢, 会导致window.onload事件迟迟无法触发.所以出现了DOM Ready事件. 此事件在DOM文档结构准备完毕后触发, 即在资源加载前触发. 另外我们需要在DOM准备完毕后, 再修改DOM结构, 比如添加DOM元素等. 否则有可能出现

2013-04-12 16:56:28 852

转载 主流框架中DOMContentLoaded事件的实现

也许还有朋友不太清楚DOMContentLoaded这个事件。简单的说,这个事件就是要在大多数情况下去替代window.onload事件,因为window.onload事件必须要等待页面所有元素的资源都下载完毕时才触发。这个事件实际是上w3c推荐的标准事件,是在DOM树建成的时候触发,因此要比onload事件快很多。ff, opera高版本已经支持了该事件。而IE在IE8里依然没有想加这个事件

2013-04-12 16:33:53 910

转载 Ext.namespace 命名空间的解析

之前做项目看Ext3.x的时候,觉得会用就好了,没有深入去理解。最近研究Sencha又遇到这个疑惑。于是上网搜了很多相关的资料,在此总结一下。1.Ext.namespace方法,该方法的作用是把传入的参数转换成对象.使用该方法的目的主要在于可以区分类名相同的类,这有点和java中的package作用类似.让我们先看下源码: 1 namespace : function(){

2013-04-12 14:45:36 463

转载 Ext组件渲染render的全过程

模板模式是设计模式中很重要的一个知识点,我在模式总结——模板方法这篇文章中已有总结,在面向对象设计中有着举足轻重的地位。在Ext中更是发挥的淋漓尽致,为什么这么说呢?Ext中的组件有着很深的继承关系,很多方法都有着重复,而且不仅是代码上的重复,更多的是流程上的重复比方说,Ext.Panel吧,将一个Panel显示在浏览器中,其过程叫做render(渲染)。有这么几道工序:第

2013-04-12 14:43:47 1094

转载 Sass、LESS 和 Stylus三个 CSS 预处理器(框架)详细比较

CSS 预处理器技术已经非常的成熟,而且也涌现出了越来越多的 CSS 的预处理器框架。本文向你介绍使用最为普遍的三款 CSS 预处理器框架,分别是 Sass、Less CSS、Stylus。首先我们来简单介绍下什么是 CSS 预处理器,CSS 预处理器是一种语言用来为 CSS 增加一些编程的的特性,无需考虑浏览器的兼容性问题,例如你可以在 CSS 中使用变量、简单的程序逻辑、函数等等在

2013-04-11 18:11:13 1153

转载 CSS3的column实现瀑布流效果

图片瀑布布局很好看,以前也看过别人实现的一些方法,大部分是用js实现的,今天试了一下,用CSS3简单的实现了类似的布局效果,希望对大家有用使用CSS3的多列column实现瀑布流效果,涉及到CSS3的时候,我们首先要抛弃的是IE,然后再跑到高版本的FireFox或者Chrome等浏览器去看效果。效果图:CSS3代码:123

2013-04-11 18:06:48 1478

转载 jquery瀑布流布局插件(自适应宽度)

一个实现瀑布流自适应宽度布局的jQuery插件—jquery.wookmark.js ,wookmark使用非常简单到只需要一句代码就能实现,除此之外,当页面宽度发生变化的时候,它还能自适应页面宽度,非常有诚意。查看更多瀑布流插件:http://www.csswang.com/resource/2261.html官网地址:http://www.wookmark.co

2013-04-11 18:04:53 1833

转载 各大网站瀑布流简析与建议

很难说这东西是什么时候山寨到国内,反正现状就是一涌而上,到处是瀑布流。瀑布流的鼻祖是Pinterest,图片网。图片网令我想起了各种相册,如最著名的Flickr。但区区Pinterest一小站,能够独行特立,引领潮流,可见创新的力量。瀑布流有两大元素,图片与无限拖。图片要力求鲜丽夺目,毕竟它的每一张图片就是一个广告。因为瀑布流就是一个广告墙,琳琅满目的广告,铺天盖地的广告。我们也不管这些广

2013-04-11 18:00:51 1557

转载 怎么使用Sticky Footer代码(让页脚紧贴页面底部的方法)

查看 Sticky Footer CSS查看 Sticky Footer HTMLSticky Footer 代码的使用方法介绍Google一下可以找到很多让页脚紧贴页面底部的方法,我试过其中的很多,但他们总会在某些方面存在一些问题。之所以有这些问题,可能是因为出现了更新版本的浏览器。一些方法因为太过久远,原本在老版本浏览器可以正常工作,却不再适用更新之后的版本。也因为这些页面

2013-04-11 17:49:14 564

原创 HTML5经典片段

HTML5视频和fallback <img src="__VIDEO__.JPG" width="640" height="360" alt="__TITLE__" title="No video playback capabilities, please download the

2013-04-11 17:36:02 471

转载 JavaScript继承详解(六)

在本章中,我们将分析Prototypejs中关于JavaScript继承的实现。 Prototypejs是最早的JavaScript类库,可以说是JavaScript类库的鼻祖。 我在几年前接触的第一个JavaScript类库就是这位,因此Prototypejs有着广泛的群众基础。 不过当年Prototypejs中的关于继承的实现相当的简单,源代码就寥寥几行,我们来看下。早期P

2013-04-07 14:44:48 524

转载 JavaScript继承详解(五)

在本章中,我们将分析John Resig关于JavaScript继承的一个实现 - Simple JavaScript Inheritance。 John Resig作为jQuery的创始人而声名在外。是《Pro JavaScript Techniques》的作者,而且Resig将会在今年秋天推出一本书《JavaScript Secrets》,非常期待。调用方式调用方式非常优雅

2013-04-07 14:43:27 494

转载 JavaScript继承详解(四)

在本章中,我们将分析Douglas Crockford关于JavaScript继承的一个实现 - Classical Inheritance in JavaScript。 Crockford是JavaScript开发社区最知名的权威,是JSON、JSLint、JSMin和ADSafe之父,是《JavaScript: The Good Parts》的作者。 现在是Yahoo的资深Java

2013-04-07 14:39:32 424

转载 JavaScript继承详解(三)

在第一章中,我们使用构造函数和原型的方式在JavaScript的世界中实现了类和继承, 但是存在很多问题。这一章我们将会逐一分析这些问题,并给出解决方案。注:本章中的jClass的实现参考了Simple JavaScript Inheritance的做法。首先让我们来回顾一下第一章中介绍的例子: function Person(name) {this.name = name;

2013-04-07 14:25:39 430

转载 JavaScript继承详解(二)

这一章我们将会重点介绍JavaScript中几个重要的属性(this、constructor、prototype), 这些属性对于我们理解如何实现JavaScript中的类和继承起着至关重要的作用。thisthis表示当前对象,如果在全局作用范围内使用this,则指代当前页面对象window; 如果在函数中使用this,则this指代什么是根据运行时此函数在什么对象上被调用。 我们

2013-04-07 14:14:59 395

转载 JavaScript继承详解(一)

面向对象与基于对象几乎每个开发人员都有面向对象语言(比如C++、C#、Java)的开发经验。 在传统面向对象的语言中,有两个非常重要的概念 - 类和实例。 类定义了一类事物公共的行为和方法;而实例则是类的一个具体实现。 我们还知道,面向对象编程有三个重要的概念 - 封装、继承和多态。但是在JavaScript的世界中,所有的这一切特性似乎都不存在。 因为JavaScript本身不是

2013-04-07 12:09:48 348

XML_SCHEMA教程

XML SCHEMA教程 比较详细,XML Schema是W3C制定的基于XML格式的XML文档结构描述标准。作为一种文档描述语言,通常我们将其简写为XSD(XML Schema Define)。XSD作为DTD(文档类型定义)的替代者,已经广泛地应用到各种商业应用。使用XSD,我们不仅可以描述XML文档的结构以便颁布业务标准,而且可以使用支持XSD的通用化XML解析器对XML文档进行解析并自动地检查

2012-02-15

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除