- 博客(103)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 键盘KeyCode值列表
keycode 0 =keycode 1 =keycode 2 =keycode 3 =keycode 4 =keycode 5 =keycode 6 =keycode 7 =keycode 8 = BackSpace BackSpacekeycode 9 = Tab Tabkeycode 10 =keycode ...
2012-08-28 18:13:31
187
原创 浮层的原理与清除
1、为什么会产生浮层 首先我们看一下float这个属性，套用w3c标准，对该属性的定义如下： float 属性定义元素在哪个方向浮动。以往这个属性总应用于图像，使文本围绕在图像周围，不过在 CSS 中，任何元素都可以浮动。浮动元素会生成一个块级框，而不论它本身是何种元素。 如果浮动非替换元素，则要指定一个明确的宽度；否则，它们会尽可能地窄（根据内容来计算其宽度，如果没...
2012-05-17 17:56:20
723
原创 JavaScript中的delete操作符
主要从以下几个方面说一下delete的用法 Javascript变量 delete操作符删除的对象 对变量执行delete的情况 能删除的属性和不能删除的属性 能删除的变量和不能删除的变量delete的返回值 1、Javascript变量 实际上Javascript中，变量等于对象属性，这是因为 Javascript 在执行...
2012-04-20 14:17:43
224
原创 一些常用的css注意事项
以下内容节选自W3school——CSS教程，主要总结了一些常用的css、规则、注意事项等1、缩进文本 把 Web 页面上的段落的第一行缩进，这是一种最常用的文本格式化效果。CSS 提供了 text-indent 属性，该属性可以方便地实现文本缩进。通过使用 text-indent 属性，所有元素的第一行都可以缩进一个给定的长度，甚至该长度可以是负值，这会产生一种“悬挂缩进...
2012-04-12 11:36:53
251
原创 Web开发基本知识一
该文章转自http://blog.sina.com.cn/s/blog_92dd4e470100vhsi.html WEB标准 WEB标准不是某一个标准，而是一系列标准的集合。网页主要由三部分组成：结构（Structure）、表现（Presentation）和行为（Behavior）。对应的标准也分三方面：结构化标准语言主要包括XHTML和XML，表现标准语言主要包括C...
2012-04-04 21:16:10
143
原创 DOM节点中属性nodeName、nodeType和nodeValue的区别
(一)nodeName 属性含有某个节点的名称。元素节点的 nodeName 是标签名称属性节点的 nodeName 是属性名称文本节点的 nodeName 永远是 #text文档节点的 nodeName 永远是 #document注释：nodeName 所包含的 XML 元素的标签名称永远是大写的 (二)nodeValue对于文本节点，nodeValue 属性...
2012-03-20 17:31:22
266
原创 jQuery源码分析—2代码整体结构与核心方法
该内容转自http://nuysoft.iteye.com/blog/1182087，笔者做了部分修改 去除掉jQuery变量和扩展方法，先看以下精简代码 (function( window, undefined ) { // 构造jQuery对象var jQuery = (function() {//以下定义了内部变量// Define a loca...
2012-03-20 10:04:17
117
原创 javascript正则表达式总结
正则表达式中特殊字符的含义 1、^^匹配输入字符串的开始位置。如果设置了 RegExp 对象的 Multiline 属性，^ 也匹配 '\n' 或 '\r' 之后的位置。看如下代码： console.info(/^[1-9]\d*$/.test('5'));//trueconsole.info(/^[1-9]\d*$/.test('a5'));//falseconsol...
2012-03-16 13:53:00
104
原创 jQuery源码分析—1 源码结构
声明：该文章转自http://nuysoft.iteye.com/blog/11774511. 源码结构1.1 自调用匿名函数 self-invoking anonymous function打开jQuery源码，首先你会看到这样的代码结构：(function( window, undefined ) { // jquery code}...
2012-03-15 15:29:14
129
原创 JAVA的public,private,protected访问权限
Java中的访问权限有public,private,protected和默认的包访问权限，如果类中的属性方法没有显示的指明访问权限，则具有包访问权限，可称它为packeged权限，很多人也称它为friendly访问权限，而packaged和friendly这两个关键字在实际中都是不存在的，即默认值。在说明这四个关键字之前，我想就class之间的关系做一个简单的定义，对于继承自己...
2012-02-08 16:33:59
301
原创 java Serialization
1. 什么是Serialization?串行化(Serialization)是计算机科学中的一个概念，它是指将对象存储到介质（如文件、内在缓冲区等）中或是以二进制方式通过网络传输。之后可以通过反串行化从这些连续的位数据重新构建一个与原始对象状态相同的对象，因此在特定情况下也可以说是得到一个副本，但并不是所有情况都这样。Java有Serialization API为开发者提供了一种标准的机制来串行...
2012-02-07 16:11:03
116
原创 字体大小对照表
在css中处理字体经常要用到字号与pt、px之间的转换，现整理如下： 字体大小对照Word: Ps(px): 磅(pt)初号：42 p = 44.9 pt小初：36 p = 38.5 pt一号：26 p = 27.8 pt小一：24 p = 25.7 pt二号：22 p = 23.5 pt小二：18 p = 19.3 pt三号：16 p = 17.1 pt小三：15 p = 16.0 ...
2012-01-13 10:49:50
14475
原创 ExtJs源码分析与学习—Ext.ToolTip应用
源码待分析，先粘一例子备用 //要显示提示信息的目标id var targetId = this.titleContext.first().first().id; new Ext.ToolTip({ baseCls: 'z-workflow-tip',//自定义样式 target...
2011-12-29 14:18:45
134
css样式级联定义
定义级联样式时，每一层之间有空格和没有空格是有区别的，先看下面的代码 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Co...
2011-12-07 15:05:59
473
原创 ExtJs源码分析与学习—遮罩层
类Ext.LoadMask 这一节分析Ext中遮罩效果的实现，Ext中专门为遮罩效果提供了类Ext.LoadMask，该类封装了Ext.Element中实现遮罩的方法mask和unmask（这两个方法的定义在源文件Element.fx-more.js中）。该类用于在加载数据时为元素做出类似于遮罩的效果。如果配置了Ext.data.Store，则可将效果与Ext.data.Stor...
2011-09-06 16:49:32
410
原创 ExtJs源码分析与学习—Ext.UpdateManager
如果想让html页面中任意元素自动局部刷新，而不是整个页面刷新，可以用Ext提供的Ext.UpdateManager来完成其功能，该类还可以实现在线人数统计等功能。下面先看例子 //html内容<div id="refreshContent"></div>//js内容var el = Ext.get('refreshContent'); /...
2011-09-06 16:12:43
438
原创 javascript常用知识点总结（不断完善）
一、函数中调用函数的实现 /** * 以下为函数中调用函数的实现 * 具体功能实现：通过传值来查找给定数据中是否存在，并返回存在值的数组 * 其中data可以是动态生成的数据 * fn为返回的传参函数，执行fn('data1')后，返回函数，并且该函数中已设置了value值 * callFn 为执行函数，代码中会遍历执行传入函数 */var data = ...
2011-07-04 17:15:37
140
原创 js对象的克隆
由于js是采用引用传值的，故修改任何一个对象，其关联的对象也会被改变，但很多时候我们只想得到一个对象的拷贝，而非引用。下面提供了一种实现。不过除非程序中需要，否则要避免操作对象的拷贝，因为这样会影响性能，造成太多的递归调用（too much recursive）。 function clone(o) { if (!o) { return o; } else {...
2011-06-14 15:02:50
97
原创 javascript中静态方法、实例方法、内部方法和原型的一点见解
1、静态方法的定义 var BaseClass = function() {}; // var BaseClass=new Function();BaseClass.f1 = function(){//定义静态方法 alert(' This is a static method ');}BaseClass.f1();//This is a static methodv...
2011-06-11 15:54:01
307
原创 ExtJs源码分析与学习—ExtJs元素Element（六）
批量操作元素Ext.CompositeElementLite 该类提供了对一批元素进行相同操作的实现，他是建立在Ext.Element基础上，类中有一个集合，用来保存一批元素。该类的操作依赖于Ext.select，即Ext.Element.select函数来查询元素。先看构造器方法 Ext.CompositeElementLite = function(el...
2011-06-08 10:41:46
183
原创 ExtJs源码分析与学习—ExtJs元素Element（五）
元素的查询Ext.DomQuery 该类结合css选择器可以提供高效的查询。首先说一下DOM中对文档元素的查询，主要有以下方法 document.getElementById(id) element.getElementsByTagName(tagName) DOM对应的6个属性来获取其父、子及兄弟节点的引用 parentNod...
2011-06-07 17:35:00
97
原创 ExtJs源码分析与学习—ExtJs元素Element（四）
元素的操作Ext.DomHelper 该类中的函数主要来简化创建DOM元素操作，采用单例模式实现。主要提供了createHtml和createDom函数。createHtml函数根据配置来创建HTML标签，最终通过innerHTML插入到文档中，二createDom函数根据配置来创建DOM对象，最终通过appendChild或insertBefore函数插入到文档中。下...
2011-06-07 17:17:49
140
原创 ExtJs源码分析与学习—ExtJs元素Element（三）
Ext.Element扩展 通过Ext.Element.addMethods方法，Ext.Element扩展了许多对dom操作的方法，主要分为DOM坐标（Element.position.js），DOM滚动条（Element.scroll.js），DOM样式（Element.style.js），DOM动画（Element.fx.js），DOM元素的插入（Element.i...
2011-06-07 17:06:30
135
原创 ExtJs源码分析与学习—ExtJs元素Element（二）
元素操作核心类Ext.Element 类Ext.Element对DOM元素的进行了封装，并对DOM加入了简单的操作，实现了各浏览器的兼容；该类的实例可以更容易的对DOM elements进行操作；类中的事件，即封装了浏览器的事件，也可以访问底层浏览器事件（Ext.EventObject{@}＃browserEvent）；该类操作DOM元素时，很多情况下会用到一些动画效果...
2011-06-07 16:42:32
254
原创 ExtJs源码分析与学习—ExtJs元素Element（一）
从这一节开始分析ExtJs对元素（Element）的封装与扩展，首先看Ext.lib.Dom 类Ext.lib.Dom 该类源代码对应的文件为ext-base-dom.js。Ext.lib.Dom主要实现了对document中元素部分方法的兼容性实现。在前面事件（Ext.EventManager）的讲解中已经用到了该类。 该类的实现采用...
2011-06-07 15:47:40
188
原创 ExtJs源码分析与学习—工具类Ext.util.TextMetrics
Ext提供了一个很有用的工具类Ext.util.TextMetrics，利用该类可以很方便的为一段文字提供一个精确象素级的测量，以便可以得到某段文字的高度和宽度。该类的实现采用了单例模式，即当调用该类时，该类内部属性shared已实例，下次调用时不需再实例化。先看函数的定义 Ext.util.TextMetrics = function(){ var shared;...
2011-06-07 15:11:35
136
原创 ExtJs源码分析与学习—ExtJs事件机制（五）
最近一直忙着做产品，所以好久没有写文章了，下面接着把ExtJs事件机制最后一点内容写完。主要是介绍Ext提供的三个辅助实现事件类——快捷键、导航键和鼠标按键事件。 快捷键 Ext.KeyMap 该功能的实现被封装在类Ext.KeyMap中Ext.KeyMap = function(el, config, eventName){ this.el ...
2011-06-07 11:15:11
208
原创 Ext 组件操作总结——会不断完善
1、Ext.Component该组件在渲染的时候会默认的创建div DOM，是根据this.autoEl的配置来创建的，默认this.autoEl为 div，创建后保存在 this.el中autoShow 设为true，渲染时会强制显示隐藏的元素，实际上会执行以下代码 if(this.autoShow){//自动显示 thi...
2011-05-10 16:36:24
220
原创 ExtJs表单几种验证与扩展
首先说明一下表单验证与其相关的一些设置 Ext.QuickTips.init(); //为组件提供提示信息功能，form的主要提示信息就是客户端验证的错误信息。 Ext.form.Field.prototype.msgTarget='side'; //指示错误出现的方式，包含的值为qtip-当鼠标移动到控件上面时显示提示 //默认值为qtip，使用此种...
2011-05-03 16:26:56
172
原创 javascript contains和compareDocumentPosition 方法来确定是否HTML节点
1、DOMElement.contains(DOMNode) 这个方法起先用在 IE ，用来确定 DOM Node 是否包含在另一个 DOM Element 中。 当尝试优化 CSS 选择器遍历（像：“#id1 #id2”），这个方法很有用。你可以通过 getElementById 得到元素，然后使用 .contains() 确定 #id1 实际上是否包含 #id2。 ...
2011-03-30 17:41:00
133
原创 ExtJs源码分析与学习—ExtJs事件机制（四）
ExtJs组件事件——ExtJs自定义事件的处理 下面通过对组件的事件对象和事件机制两个方面分别对源码进行分析。组件事件对象 ExtJs组件事件对象是通过Ext.util.Event类来完成的，其实在浏览器元素事件中部分功能的实现已用到了该类。下面看该类的实现代码 EXTUTIL.Event = function(obj, name){ this....
2011-03-19 23:37:53
191
原创 ExtJs源码分析与学习—ExtJs事件机制（三）
这篇讲ExtJs对事件的管理和调用 ExtJs对事件的管理非常强大，主要定义在Ext.EventManager对象(单例模式)中。先看注册事件监听方式，ExtJs提供了几种方式来注册元素监听函数通过Ext.EventManager.addListener/on函数来为指定元素的某种事件注册监听函数。例如：Ext.EventManager.on('test1','click...
2011-03-15 20:20:54
253
原创 ExtJs源码分析与学习—ExtJs事件机制（二）
在ExtJs源码分析与学习—ExtJs事件机制（一）中分析了ExtJs对原生浏览器事件的封装。这篇进一步分析ExtJs对事件的封装和扩充。ExtJs会对浏览器本身的事件进行转换，是通过类Ext.EventObject来实现的，该类中通过自执行匿名函数返回Ext.EventObjectImpl对象，该对象用到了Ext.lib.Event（对原生浏览器事件的扩展）。 Ext.Ev...
2011-03-15 20:15:26
173
原创 ExtJs源码分析与学习—ExtJs事件机制（一）
前面讲了ExtJs核心代码以及扩展后，今天来说说ExtJs的事件机制，要想弄明白ExtJs的事件机制，就必须先知道浏览器的事件机制，这里给出了浏览器事件机制与自定义事件的实现。 首先看源码 ext-base-event.js 关于浏览器本身事件的封装。代码中实现了各主要浏览器的兼容，以及对一些事件进行了扩展。该代码中首先定义了类Ext.lib.Event，该...
2011-03-15 18:53:32
284
原创 事件mouseenter和事件mouseleave
为了鼠标操作起来方便，IE实现了mouseenter 和mouseleave事件，不过ExtJs实现了其他浏览器对这两个事件的支持。如果框架中没有用到ExtJs，可以参考ext-base-event.js中的自己实现。 mouseenter不同于mouseover（鼠标经过），它是在第一次鼠标进入节点区域时触发，以后在节点区域内(子节点间)移动时不触发，而onmouseo...
2011-03-14 14:52:05
250
原创 浏览器事件机制与自定义事件的实现
一、 0 级 DOM 上的事件和 2 级 DOM 事件机制 0 级 DOM 上的事件又称原始事件模型，所有的浏览器都支持他，而且是通用的。 2 级 DOM 事件机制又为标准事件模型，除了 ie 其他浏览器都支持（ ie9 也支持）， ie 虽然大部分与标准事件模型一样，但有自己专有的事件模型，因此开发人员要实现标准事件模型必须为 IE 写特定的代码，这给程序员增加了负担。 原始事件模型 ...
2011-03-14 14:03:45
244
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人