pengju_guo-CSDN博客

转载 1111

满足以下条件中至少一条时会触发块级格式化上下文(Block Formatting Contexts):"float"的值不是"none","overflow"的值不是"visible","display"的值是"table-cell","table-caption",或"inline-block","position"的值既不是"static"也不是"relative

2011-11-08 16:30:36 1142

转载 YUI3学习（二）--YUI Global Object

原文地址：http://houfeng0923.iteye.com/blog/1115354YUI3 Global Object http://developer.yahoo.com/yui/3/yui/ 首先需要了解在YUI3 api文档模块列表的yui模块：YUI模块是YUI3.x实现的单个核心依赖。在使用YUI的页面中都必须包括YUI，这是唯一的依赖文件。Y

2012-03-26 13:33:48 2726

转载 YUI3学习（一）---入门

原文地址：http://houfeng0923.iteye.com/blog/1113593 学习YUI3有一段时间，并且应用在了一些小项目的前端开发中，感觉还是蛮不错的，所以决定开始记录下YUI3的学习历程和个人经验。 YUI3在前身YUI2基础上进行了大量的重新设计，并不只是简单的版本升级。YUI3强调代码重用，将功能做了级别划分和颗粒化的设计。在概念上抽象出核心、工

2012-03-26 12:59:48 9255

雅虎作为最早的因特网内容和服务提供商，通过给网络开发人员提供雅虎开发人员网络 (Yahoo Developer Network)，迈出了非常吸引人的一步。这个网络的主页是 http://developer.yahoo.com，在那里你可以找到所有雅虎的 API、RSS提要以及 REST 服务的一个列表。真正吸引人的地方是 REST 的结果在很多情况下也提供了 JSON 格式，这意味着你可以把它们作

2012-03-25 12:37:20 1448

转载第12章脚本化 Java

尽管名字叫做 JavaScript ，但 JavaScript 和 Java 编程语言没有关系。尽管由于它们都是用 C 编程语言的语法，它们表面上有一些语法相似性，但是，它们却有很大的不同。尽管如此，JavaScript 也不断发展，并且现在能够真正用来脚本化 Java。Java 6 认识到这一事实，并且配备了一个绑定的 JavaScript 解释器，一般脚本化的功能能够很容易地嵌入到任何 Jav

2012-03-24 13:48:25 636

转载第8章高效开发和使用插件 (三)

8.1.13 优化 jQuery 插件 -- 添加事件日志在传统开发中，软件都包含有事件日志，这样就可以在事件发生时或发生后进行跟踪。在 JavaScript 程序调试中，我们常常使用 alert() 方法来跟踪进程，但是这种做法影响了程序的正常流程，不符合频繁、实时显示事件信息。我们可以模仿其他软件中的调试台 log() 函数，借助这个函数将事件日志信息输出到独立的日志文件中，从而避免中断页

2012-02-26 16:01:55 967

转载语法作用域与词法作用域

原文地址：http://blog.csdn.net/huli870715/article/details/6387243var ClassA = function(){ this.prop1 = 1;};ClassA.prototype.func1 = function(){ var that = this, var1 = 2; function a(){

2012-02-24 21:31:03 856

转载第8章高效开发和使用插件 (二)

8.1.8 封装 jQuery 插件上面几节就 jQuery 插件的创建方法进行了详细讲解，一般对外发布的自定义插件都应该进行封装，封装的插件还应该符合规范，只有这样所创建的插件才具有推广价值，并得到其他用户的喜爱。封装 jQuery 插件的第一步是定义一个独立域，代码如下所示。(function($){ // 自定义插件代码})(jQuery); // 封装插件确定创

2012-02-23 15:34:56 1027

转载 JS中的构造函数解析

原文地址：http://blog.csdn.net/huli870715/article/details/5982067在JavaScript中，任何合法的函数都可以作为对象的构造函数，这既包括系统内置函数，也包括用户自己定义的函数。一旦函数被作为构造函数执行，它内部的this属性将引用函数本身。通常来说，构造函数没有返回值，它们只是初始化由this指针传递进来的对象，并且什么也不

2012-02-23 13:09:19 612

转载第8章高效开发和使用插件 (一)

jQuery 的流行在很大程度上归功于其对插件的支持。插件也就是功能扩展的意思，jQuery 允许任何开发人员超越最初的库函数创建并扩展 jQuery 函数。这种开放性框架设计思路催生了无数实用型的插件，jQuery 几乎能够提供 Web 应用程序内所需的任何一种函数。jQuery 的易扩展性吸引了越来越多的开发者和业余爱好者去研究、设计和使用 jQuery 插件。目前，全球有超过上千种不同应

2012-02-21 19:00:04 1193

转载第二章 jQuery技术解密 (七)

2.4.5 Sizzle 构造器在 jQuery.fn.init() 构造器中，通过调用 jQuery(context).find(selector) 函数来解析并匹配 DOM 元素。jQuery.find() 函数实际上是引用 Sizzle() 函数，而 Sizzle() 函数仅是 Sizzle 引擎的构造器，它主要调用 Sizzle.find() 函数在 DOM 文档树中查找与 CSS 语

2012-02-20 21:22:51 1011

转载第二章 jQuery技术解密 (六)

2.4 解析 jQuery 选择器引擎 SizzlejQuery 从 1.3 版本开始，使用了新的选择器引擎 Sizzle(官方网址 http://sizzlejs.com) 。Sizzle 是 jQuery 作者 John Resig 开发的 DOM 选择器引擎 (Dom Selector Engine)，速度号称业界第一。而且它有一个重要的特点就是 Sizzle 是完全独立于 jQuery

2012-02-20 15:24:33 1882

转载第二章 jQuery技术解密 (五)

2.3.5 引用 DOM 元素jQuery() 函数能够直接接受 HTML 字符串，并把它们转换为 DOM 结构，这是上一节中所讲解的利用 jQuery() 函数生成 DOM 元素。当然，我们也可以看到 jQuery() 函数还可以接收 DOM 元素、DOM元素集合、HTML标签或者 ID 值。下面我们就来分析 jQuery.fn.init() 构造器是如何把这些类型的参数转换为 DOM 元素

2012-02-20 10:34:48 3426

转载第二章 jQuery技术解密 (四)

2.3.4 生成 DOM 元素jQuery.fn.init() 构造函数能够构建 jQuery 对象，并把匹配的 DOM 元素存储在 jQuery 对象内部集合中。jQuery.fn.init() 构造函数可以接收单个的 DOM 元素，也可以接收 DOM 集合。如果接收的是字符串型 ID 值，则直接在文档中查找对应的 DOM 元素，并把它传递给 jQuery 对象；如果接收的是字符串型 HTM

2012-02-17 18:28:32 1520

转载第二章 jQuery技术解密 (三)

2.3 破解 jQuery 选择器接口jQuery 选择器功能强大，但是用法简单，它仅仅提供了一个接口：jQuery()，也可以简写为 $() 。用法如此简单，但又具有如此强大的处理能力，使 jQuery 必然成为众人追捧的对象。在上一节中，我们重点分析了 jQuery 框架的雏形，而对于选择器并没有深入分析，仅仅提供了一个简单的 DOM 元素选择作为演示，目的是方便读者理解该框架的架设思

2012-02-16 16:19:12 1857

转载第二章 jQuery技术解密 (二)

2.2.6 延续 -- 迭代器在 jQuery 框架中，jQuery 对象是一个很奇怪的概念，具有多重身份，所以很多初学者一听说 jQuery 对象就感觉很是不解，误以为它是 John Resig 制造的新概念。我们可以对jQuery 对象进行如下分解。第一，jQuery 对象是一个数据集合，它不是一个个体对象。因此，你无法直接使用 JavaScript 的方法来操作它。第二，jQue

2012-02-16 00:40:37 1768

转载 flexigrid 参数说明

本文为转载 http://simple1024.iteye.com/blog/1171090本文为转载http://blog.csdn.net/guirudaoge/article/details/6965853项目用到这玩意，像样的API都是英文的，英文不好，所以经过各种搜集，flexigrid就整理了这么多用得上的东西，用不上的没有整理进来。 flexi

2012-02-01 15:16:10 729

转载第二章 jQuery技术解密(一)

2.2 jQuery 原型技术分解任何复杂的技术都是从最简单的问题开始的，如果你被 jQuery 几千行庞杂结构的源代码所困惑，那么建议你阅读本节内容，我们将探索 jQuery 是如何从最简单的问题开始，并逐步实现羽翼渐丰的演变过程，从 jQuery 核心技术的还原过程来理解 jQuery 框架的搭建原理。2.2.1 起源 -- 原型继承用过 JavaScript 的读者都会明白，在

2012-01-19 14:23:13 3809

转载第一章

前言1.从 jQuery(JavaScript + Query) 名称也可以看出，使用 CSS + XPath 选择器查询页面元素是该框架赖以起家的绝活。2.在可能的条件下，建议读者不要完全抛弃 JavaScript 原生的选择器方法，适当混合使用 jQuery 、DOM 和 JavaScript 能够提升程序的执行效率。例如，offset (获取页面上的各种尺寸和位置数据)、创建和插入

2012-01-18 10:37:20 1810

转载第11章使用正则表达式的模式匹配(二)

11.2 用于模式匹配的 String 方法迄今为止，虽然本章已经讨论过了用于创建正则表达式的语法，但是我们还没有检验过这些正则表达式在 JavaScript 代码中如何使用。在这一节中，我们将讨论 String 对象的部分方法，它们在正则表达式中执行模式匹配和检索与替换操作。在此后的小节中，我们将继续讨论使用 JavaScript 正则表达式的模式匹配，不过讨论的是 RegExp 对象和它的

2011-12-01 15:43:37 1098

转载第11章使用正则表达式的模式匹配(一)

正则表达式 (regular expression) 是一个描述字符模式的对象。JavaScript 的 RegExp 类表示正则表达式，而 String 和 RegExp 都定义了使用正则表达式进行强大的模式匹配和文本检索与替换的函数。ECMAScript v3 对 JavaScript 正则表达式进行了标准化。JavaScript 1.2 实现了 ECMAscript v3 要求的正则表达

2011-11-29 13:22:01 4382

转载屏蔽 Backspace 页面回退

// 监听键盘事件(function(){// Backspace (keyCode == 8)if(window.event){ //IEdocument.onkeydown = function(){var type = event.srcElement.type;if(event.keyCode == 8){if(event.srcElement.readOnly

2011-11-18 14:01:52 1074

转载 drop-down

下拉菜单这种方法是基于 A List Part 介绍的 Suckerfish Dropdowns 技术实现的。这个菜单也是基于简单的无序列表实现的。顶级的菜单项是一个主列表，每个主菜单对应的下拉菜单项将放在内嵌列表中：首先为顶级菜单添加样式规则：去除它的默认的样式，同时将列表项的 float 属性设置成 left ，以使它们以水平方式排列，然后列表项的 position 属性设置成

2011-11-16 13:59:10 531

转载【分享】说说标准——CSS核心可视化格式模型(visual formatting model)之十三：分层的显示(Layered presentation)

前面已经将 CSS 中比较核心的布局基础讲解完毕了。其中说到的主要有 3 种布局方式，一种是常规流中的定位，一种是浮动，最后的是绝对定位。不熟悉的童鞋可以翻看以前关于常规流，浮动，绝对定位的帖子。这 3 种定位方式，可以让你把元素放到任何需要的地方（- -# 当然，不包含浏览器可见窗口之外）。为了说明方便，我们把浏览器的可视窗口看作二维的坐标系，以左上角为原点。假设两个元素分别形成了 10

2011-11-15 19:03:44 571

转载【分享】说说标准——CSS核心可视化格式模型(visual formatting model)之十二

'display'，'position'和'float'相互关系前面几贴，我们介绍了display，position，float，介绍了他们是如何影响框的生成和框的布局的。那么，这几个特性之间有无制约关系呢，比如，既浮动又是绝对定位的元素，到底应当是浮动还是应当以绝对定位的方式定位呢？带着我们的问题，请看以下3者间的关系。标准如是说1. 如果 'display' 的值为

2011-11-15 18:54:02 460

转载说说标准——CSS核心可视化格式模型(visual formatting model)之十一：绝对定位

在前面的帖子中，我们已经讲了可视化模型中布局的两大方面：1. 常规流 2. 浮动，布局3大部分只剩下了绝对定位。前面的帖子中也零星的提到过关于绝对定位的某些特性，但都不够细致系统。绝对定位（Absolute positioning）相对包含块偏移定位在绝对定位模型中，一个框明确地基于它的包含块偏移。不是父元素，这点需注意。要是人家问你，绝对定位相对于谁定位啊？你很快乐的说：

2011-11-15 18:25:07 540

转载说说标准——CSS核心可视化格式模型(visual formatting model)之十：控制紧接浮动的排列-clear 特性

向前两个帖子，都是讲的伟大的浮动：它带给我们一个不属于常规流的世界，它不能超出它的包含块，它的位置跟在它之前的元素生成的框有关系(详见前面的浮动规则)…… 那么，它对处于它后面的元素有什么关系呢？对于块框，会认为它不存在，行框会绕着它排列！有没有方法使块框也可以在它后面排列，而不再当它不存在呢？答案是肯定的。W3C总是透着一种非常人性化的味道。clear 特性就是做的这件事。我感觉，clear

2011-11-15 18:17:45 459

转载说说标准——CSS核心可视化格式模型(visual formatting model)之九：浮动(Float)定位细则二

本帖接【分享】说说标准——CSS核心可视化格式模型(visual formatting model)之八：float 特性以及浮动(Float)定位细则一6. 浮动框的顶边不可以高于源文档中先前元素产生的块框或浮动框的顶例子最直接了：HTML codestyle type="text/css"> div { width: 100px;

2011-11-15 18:15:09 461

转载说说标准——CSS核心可视化格式模型(visual formatting model)之八：float 特性以及浮动(Float)定位细则一

浮动特性非常有用，3大布局核心之一。虽然如此，它涉及内容过多，浏览器兼容性问题也很多。它的定位不仅涉及包含块，还涉及到了行框，块框，还有行内框等内容；并且，各浏览器对其的支持还有不少兼容性问题。因此，它既是美梦又是噩梦。那么，浮动产生的困惑缘何而生，又由何而灭呢？一切都由W3C标准来定夺吧……float 特性'float'适用于哪些元素可设置给任意元素，但只适用于

2011-11-15 18:10:19 717

转载【分享】说说标准--CSS核心可视化格式模型(visual formatting model)之七：浮动(Float)概述

浮动是可视化格式模型中非常重要的一节。浮动跟stack level也有一定的关系。可视化模型是一个3维的模型，并不是二维的。元素在页面上的排列，从我们的角度看是二维的，元素的位置可以用x，y轴坐标来表示。但是，元素和元素之间的位置如果有所重叠，谁显示在前面，就涉及到另一个轴：z轴。我们经常使用的 z-index 就是如此得来的。浮动框在整个模型中，z轴坐标比常规流中的值要高，所以会飘在它上面。也可

2011-11-15 18:01:03 602

转载【分享】说说标准--CSS核心可视化格式模型(visual formatting model)之六：常规流中的相对定位

前两个”说说标准“系列的帖子已经将常规流中的BFC和IFC都说过了。今天跟大家分享最后常规流中的最后一个要点：常规流中的相对定位。绝对定位元素在常规流中的占位是未偏移前的位置一旦一个框按照常规流或者是浮动得到定位，它还可以相对该位置而偏移。这就是相对定位。按照这种方式偏移一个框(B1)不会对后续的框(B2)有影响：● B2在定位时，就好象B1没有发生偏移一样。● B1偏移后，B

2011-11-15 17:55:44 476

转载【分享】说说标准 —— 揭开外边距折叠(Collapsing margins)的面纱

生活本不是华袍，更禁不住揭开来看。 ——美丽的xixi生活之美，在于真实和朦胧之间。本没有想象中美丽，却又有许多人非要揭示它的艰辛。虽说，生活上的事，不须太过清楚，要深得“难得糊涂”其中三味，但工作上的事，确实越清楚越好，仔细想想，原来是因为工作比生活简单的多的多。今天，我正要当众揭开外边距折叠的面纱。哇咔咔咔咔！！！外边距折叠，是属于盒模型部分的一个重要概念，之所以要把它拿出

2011-11-15 15:40:08 924

转载【分享】说说标准——你真的了解盒子模型(box model)吗？

首先，想像一下，页面的构成元素都有什么？恩～～，SPAN DIV TABLE INPUT IMG 等等等等。这些元素在页面上都是怎么放置的呢？像 SPAN IMG INPUT 这样的元素是行内元素，放置的时候可以在一行，而DIV会独占一行放置……但是不管它们这些元素怎么放置，有一点是肯定的，那就是，每个元素的形状都是矩形的，严格的说，元素形成了一个矩形的区域，这个区域，被称作box，也就是

2011-11-15 14:34:16 750

转载【分享】说说标准——层叠顺序(Cascading order)，看看到底哪个样式在起作用？

Web标准化运动的口号——分离、分离、分离。在2003年的 SXSW 会议（译注：一个关于电影、音乐和交互的会议）中，Steve Champeon和Nick Finck做了一个名为 “面向未来的全方位Web设计” 的演讲。这样，他们揭示了这种Web开发新方法的蓝图。Steve还给它取了个名称：渐进增强（Progressive Enhancement）。从内容花生开始，将

2011-11-15 13:55:29 595

转载【分享】说说标准——关于样式的特殊性

本文简单的介绍下何为选择器的特殊性，它是起什么作用的，以及特殊性怎么计算方面的知识。所谓的特殊性是指，作用于同一元素的同一特性 (property)的不同选择器的多个值，哪个会起作用，特殊性值最高的会起作用。比如，如下代码中，多个样式中的 'background-color' 同时作用于同一个 DIV 元素，那么最后，到底 DIV 应该会是什么颜色呢？HTML code

2011-11-15 10:21:39 463

转载【分享】说说标准——CSS标准中的值

人对于一件事，不知道的时候感觉它很神秘，于是便很想知道这个到底是怎么回事，但是知道了之后呢，感觉也不过如此，人就是这样……呃……说正事儿，CSS中的样式设置，最终离不开两样东西：特性和特性的值。特性是诸如 ”height”、“width”、“color”等可设置的名称，特性的值，顾名思义，就是特性的值，有大小，长短，颜色，路径等……这些值，在CSS特性的描述中，都有自己的表示方式。比如

2011-11-14 20:26:10 633

转载【分享】说说标准——CSS的错误解析规则

我说我的眼里只有你 —— 景岗山用这句歌词来形容CSS的错误解析规则，我觉得再合适不过。CSS的错误解析规则的眼里只有CSS标准，对其他的错误语法，大都采取直接忽略的态度，太**忠心了（此处省略三字）。CSS跟我们所认识的其他语言，例如 JavaScript，一样，也有自己的语法，它适用于任何版本的CSS，描述了CSS的核心句法(syntax)、关键字、厂商扩展、可用字符集、规则集

2011-11-14 17:43:13 562

转载 An Experiment in Rounded Corners

今天下午突然有了一个想法，那就是在Internet Explorer中一定有简单的实现圆角的方式。不幸的是，我开始的想法完全失败了，跟以前一样在同样的地方停了下来。然而，我想试一下 VML 。VML是一个基于XML的方式，并且Microsoft已经推荐给了 W3C 。要使VML可用的语法真的很沉重。你必须为 VML 元素定义一个 behavior ，包含 VML namespace ，然后使用

2011-11-14 14:36:30 372

转载使用YUI CSS工具

JavaScript 框架高级编程 - 应用Prototype、YUI、Ext JS、Dojo、MooTools第15章使用YUI CSS工具本章内容简介：建立跨浏览器一致性控制字体利用网格构建布局15.1 建立跨浏览器一致性每种浏览器制造商都构建了自己的布局算法，虽然这些算法非常接近，但并不完全相同。因此，在不同的浏览器上，页面中对象之间的距离甚至字体间距调整都有可

2011-11-13 22:47:58 426

转载 css hack

css hackCSS hack由于不同的浏览器，比如Internet Explorer 6,Internet Explorer 7,Mozilla Firefox等，对CSS的解析认识不一样，因此会导致生成的页面效果不一样，得不到我们所需要的页面效果。这个时候我们就需要针对不同的浏览器去写不同的CSS，让它能够同时兼容不同的浏览器，能在不同的浏览器中也能得到我们想要的页面效果。

2011-11-13 21:55:51 405

空空如也

空空如也