自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(81)
  • 收藏
  • 关注

转载 第一章 利用YUI库遍历和操作DOM

1

2012-06-03 05:08:44 528

转载 第1章 系统概述与安装

1.1 Linux 的兴起与发展提到Linux的缘起,不能不涉及UNIX。UNIX系统早起之所以能够取得巨大的成功并迅速得到普及,主要在于其3个重要特点:简洁性、开放性与可移植性。而后期的商业化运作方式,使得UNIX系统及其源代码成为专属产品,从而限制了软件人员对UNIX系统的研究、开发和使用。另外,为了考虑特定的机器结构,商业化的UNIX也开始变得越来越复杂,基本上失去了可移植性的特点。

2012-05-14 23:02:11 450

转载 第16章 构建和部署

JavaScript 是一种非编译语言,它以明文形式通过网络传送给接收端中的浏览器进行解释和执行。以编写形式存在的代码 (保留所有空白符、注释和缩排格式) 对于需要阅读它们的开发人员而言非常便利。但对于计算机而言,这些代码却会减慢它们的运行速度。空白符和注释对于浏览器而言完全无用,它们可能占据 JavaScript 文件规模的 60% 。这可能就是造成在处理比较大的库文件时计算机性能低下的原因。

2012-04-08 01:32:53 442

转载 第15章 使用 YUI CSS 工具

本章内容简介:建立跨浏览器一致性控制字体利用网格构建布局15.1 建立跨浏览器一致性每种浏览器制造商都构建了自己的布局算法,虽然这些算法非常接近,但并不完全相同。因此,在不同的浏览器上,页面中对象之间的距离甚至字体间距调整都可能稍有不同。实际上,对于浏览器目前的状态,不可能在不同的浏览器上实现完全相同的呈现效果。YUI 的 CSS 文件试图尽可能地统一呈现引擎,首先就是使用

2012-04-06 21:18:36 679

转载 第14章 处理数据、表和图表

1

2012-04-06 21:18:04 471

转载 第13章 利用YUI核心增强开发 (二)

2

2012-04-06 21:15:01 250

转载 第13章 利用YUI核心增强开发 (一)

1

2012-04-06 21:14:43 273

转载 第12章 利用窗口部件构建用户界面 (第二部分)

2

2012-04-06 21:13:15 952

转载 第11章 利用窗口部件构建用户界面 (第一部分)

1

2012-04-06 21:12:37 259

转载 第10章 简化 AJAX 和动态加载 (二)

2

2012-04-06 21:10:49 247

转载 第10章 简化 AJAX 和动态加载 (一)

1

2012-04-06 21:10:35 286

转载 第9章 使用动画和拖放 (二)

2

2012-04-06 21:09:51 300

转载 第9章 使用动画和拖放 (一)

1

2012-04-06 21:09:38 249

转载 第8章 处理跨浏览器事件 (二)

2

2012-04-06 21:08:24 240

转载 第8章 处理跨浏览器事件 (一)

1

2012-04-06 21:08:08 238

转载 第7章 利用 YUI 库遍历和操作 DOM (二)

7.1.10 Element 实用工具*YUI Element 实用工具是 HTMLElement 的包装器。比较值得注意的地方在于,它允许延迟分配事件监听程序。它的实现方法是,监听何时把 HTMLElement 添加到 DOM ,只有在这个时候才尝试将事件附加到这些对象上。当 HTMLElement 变成可用时,就会触发 contentReady 事件。最终,它简化了属性的设置和获取。要

2012-04-04 22:49:04 1049

转载 第7章 利用 YUI 库遍历和操作 DOM (一)

本章内容简介:遍历 DOM 以及查找元素操作内容处理 CSS 和页面样式7.1 遍历 DOM 以及查找元素在遍历 DOM 时可以找到如下的元素。7.1.1 get 方法可以将其视为 getElementById 方法,但是功能更强大。DOM方法 getElementById 工作得很好,但是它欠缺一些灵活性。顾名思义,getElementById 方法只附带一个参数,也

2012-03-24 17:16:33 1132

转载 第二部分 YUI 库

整个雅虎用户界面库 (Yahoo!User Interface Library, YUI) 解压缩之后接近 50MB,包括素材、示例、测试、文档和包含主库的3种类型的文件。可以在 http://developer.yahoo.com/yui/ 中找到 YUI 库。YUI 库划分为如下4个主要的组:YUI 核心实用工具控件/窗口部件CSS工具每个组又划分为个别组件,可以根据需要使

2012-03-24 16:00:48 1252

转载 第9章 bug 和 bug 修复

在本章中,你将学习:如何跟踪 bug 。神秘的 hasLayout 属性。最常见的浏览器 bug 及其修复方法。9.1 bug 捕捉2.空白边叠加的问题空白边叠加 (见第2章) 是另一个如果误解就会导致许多麻烦的 CSS 特性。请考虑 div 元素内嵌段落的简单示例:This paragraph has a 20px margin.div 框设置了

2012-03-20 18:05:48 490

转载 第8章 招数和过滤器

在理想的环境中,编写正确的 CSS 会在支持 CSS 的每个浏览器中正常工作。不幸的是,我们并不是生活在理想的世界中,浏览器有不少 bug 和不一致的地方。为了创建能够在各种浏览器上显示相同样式的页面,CSS 开发人员需要发挥创造性。通过利用 bug 和未实现的 CSS ,开发人员能够选择性地对不同浏览器应用不同的规则。招数和过滤器是CSS开发人员的强大工具。但是,正因为功能强大,使用时更应该谨慎

2012-03-20 18:05:04 385

转载 第7章 布局(二)

7.3 固定宽度、流体和弹性布局到目前为止,所有示例都使用以像素为单位定义的宽度。这种布局类型称为固定宽度的布局,由于它是刚性的,有时候也称为 "冰布局"。固定宽度的布局非常常见,因为它们使开发人员对布局和定位有更大的控制能力。如果将设计的宽度设置为 720 像素,它就总是 720像素宽。这样的话,如果想让一个品牌图像横跨设计的顶部,那么你知道这个图像需要宽 720 像素。知道每个元素的精确宽

2012-03-19 23:27:38 309

转载 第7章 布局(一)

CSS 的主要好处之一是,它能够控制页面布局而不需要使用表现性标签。但是,CSS布局被误认为是难以理解的,在初学者中,这种想法尤其普遍。这在一定程度上是由于浏览器的不一致造成的,但主要原因是 Web 上不同布局技术的数量激增所致。似乎每个 CSS 作者都用自己的技术创建多列的布局,而且新的 CSS 开发人员常常使用一种技术却不真正了解它的工作原理。这种进行 CSS 布局的 "黑盒" 方法可能会迅速

2012-03-19 21:00:57 625

转载 第6章 对表单和数据表格应用样式

随着

2012-03-19 20:59:54 420

转载 第五章 对列表应用样式和创建导航条

人们

2012-03-19 20:58:34 335

转载 第四章 对链接应用样式

锚链接是万维网的基础。

2012-03-19 20:56:26 291

转载 第三章 背景图像和图像替换

在本章中,你将学习:固定宽度和可变宽度的圆角框。滑动门技术。山顶角。CSS阴影。用于 IE5.x 和更高版本的 PNG 透明度支持。图像替换。3.1 背景图像基础平铺图像在某些情况下很有用。但是,在大多数情况下,希望在页面上添加不进行平铺的图像。例如,假设希望在网页的开头显示一个大的品牌图像,那么只需将图像直接添加到页面上,在许多情况下这样做就够了。但是,如果图像不包含信息,是

2012-03-18 13:48:41 710

转载 第二章 可视化格式模型

要掌握的三个最重要的CSS概念是浮动、定位和框模型。这些概念控制在页面上安排和显示元素的方式,形成CSS的基本布局。如果你习惯于用表格控制布局,那么这些概念初看上去可能有点儿奇怪。实际上,大多数人只有在使用CSS开发站点一段时间之后,才能完全掌握框模型的复杂性、绝对定位和相对定位之间的差异以及浮动和清理的实际工作方式。在切实掌握这些概念之后,使用CSS开发站点就会变得容易多了。在本章中,你将学

2012-03-17 00:09:27 530

转载 第一章 基础知识

1.1 设计代码的结构1.1.2 文档类型、DOCTYPE切换和浏览器模式DTD (文档类型定义) 是一组机器可读的规则,它们定义XML或 (X)HTML的特定版本中允许有什么,不允许有什么。在解析网页时,浏览器将使用这些规则检查页面的有效性并且采取相应的措施。浏览器通过分析页面的 DOCTYPE 声明来了解要使用哪个 DTD,因此知道要使用 (X)HTML 的哪个版本。DOCTYPE

2012-03-16 23:48:18 398

转载 第20章 最佳实践 (四)

20.4 部署20.4.1 构建过程你写的代码不应该原封不动地放入浏览器中,理由如下所示。知识产权问题 -- 如果把带有完整注释的代码放到线上,那别人就更容易知道你的意图,对它再利用,并且可能找到安全漏洞。文件大小 -- 书写代码要保证容易阅读,才能更好地维护,但是对于性能是不利的。浏览器并不能从额外的空白字符或者是冗长的函数名和变量名中获得什么好处。代码组织 -- 组织代码要

2012-03-16 23:42:02 651

转载 第20章 最佳实践 (三)

20.3 性能因为 JavaScript 是一个解释型语言,执行速度要比编译型语言慢得多。除此之外,只有有限的资源 (基于浏览器设置) 分配给 Web 应用,也就是说 JavaScript 相比较桌面应用只能访问较少的内存和 CPU 周期。虽然从 2005 年开始,浏览器在 JavaScript 执行性能方面在大踏步前进,但它还是比其他语言慢很多。不过,还是有一些方式可以改进代码的整体性能

2012-03-16 23:35:36 500

转载 第20章 最佳实践 (二)

20.2 松散耦合只要应用的某个部分过分依赖于另一部分,代码就是耦合过紧,难于维护。典型的问题如: 对象直接引用另一个对象,并且当修改其中一个的同时需要修改另外一个。紧密耦合的软件难于维护并且需要经常重写。因为 Web 应用所涉及的技术,有多种情况会使它变得耦合过紧。必须小心这些情况,并尽可能维护弱耦合的代码。1.解耦 HTML/JavaScript 一种最常见的耦合类型是 HTM

2012-03-16 23:34:15 530

转载 第20章 最佳实践 (一)

自从2000以来,Web开发方面的种种规范、条例正在高速发展。过去曾是荒芜地带,里面东西还都凑合,而现在已经演化成了完整的研究规范,并建立了种种最佳实践。随着简单的网站成长为更加复杂的 web 应用,同时 web 爱好者成为了有收入的专业人士,web 开发的世界充满了各种关于最新技术和开发方法的信息。尤其是 JavaScript ,它从大量的研究和推断中获益。JavaScript 的最佳实践分成若

2012-03-16 23:33:08 533

转载 第19章 客户端存储

随着 Web 应用程序的出现,也产生了对于能够直接在客户端上存储用户信息能力的要求。想法很合乎逻辑,属于某个特定用户的信息应该存在该用户的机器上。无论是登录信息、偏好设定或其他数据,web应用提供者发现他们在找各种方式将数据存在客户端上。这个问题的第一个方案是以 cookie 的形式出现的,cookie 是过去 Netscape Communications 公司创造的,并在一个标题为 "持久客户

2012-03-16 23:30:19 673

转载 第18章 高级技巧 (四)

18.4 拖放拖放是一种非常流行的用户界面模式。它的概念很简单:点击某个对象,并按住鼠标按钮不放,将鼠标移动到另一个区域,然后释放鼠标按钮将对象 "放" 在这里。拖放功能也流行到了 Web 上,成为了一些更传统的配置界面的一种候选方案。拖放的基本概念很简单:创建一个绝对定位的元素,使其可以用鼠标移动。这个技术源自一种叫做 "鼠标拖尾" 的经典网页技巧。鼠标拖尾是一个或者多个图片在页面上跟着

2012-03-16 23:22:31 550

转载 第18章 高级技巧 (三)

18.3 自定义事件在本书前面,你已经学到事件是 JavaScript 与浏览器交互的主要途径。事件是一种叫做观察者的设计模式,这是一种创建松散耦合代码的技术。对象可以发布事件,用来表示在该对象生命周期中某个有趣的时候到了。然后其他对象可以观察该对象,等待这些有趣的时刻到来并通过运行代码来响应。观察者模式由两类对象组成:主体和观察者。主体负责发布事件,同时观察者通过订阅这些事件来观察该主体

2012-03-16 23:13:44 442

转载 第18章 高级技巧 (二)

18.2 高级定时器使用 setTimeout() 和 setInterval() 创建的定时器可以用于实现有趣且有用的功能。虽然人们对 JavaScript 的定时器存在普遍的误解,认为它们是线程,其实 JavaScript 是运行于单线程的环境中的,而定时器仅仅只是计划代码在未来的某个时间执行。执行时机是不能保证的,因为在页面的生命周期中,不同时间可能有其他代码在控制 JavaScript

2012-03-16 23:08:09 723

转载 第18章 高级技巧 (一)

JavaScript 是一种极具弹性的语言,可用于多种样式。一般来说,编写 JavaScript 要么使用过程方式,要么使用面向对象方式。然而,由于它天生的动态属性,这种语音还能使用更为复杂和有趣的模式。这些技巧要利用 ECMAScript 的语言特点、BOM 扩展和 DOM 功能来获得强大的效果。18.1 高级函数函数是 JavaScript 中最有趣的部分之一。它们本质上是十分简单和程

2012-03-16 22:35:36 511

转载 第17章 Ajax 与 JSON (三)

17.3 JSON虽然 XML 在 Ajax 运动中具有举足轻重的地位,但 JavaScript 开发人员很快就对它失去了兴趣。第15章曾经讨论过,在 JavaScript 中操作 XML 存在严重的跨浏览器问题,而且从 XML 结果中提取数据也要涉及遍历 DOM 文档,而这些操作都需要编写大量的代码。Douglas Crockford 发明了一种名叫 JSON (JavaScript O

2012-03-16 22:19:51 561

转载 第17章 Ajax 与 JSON (二)

17.2 跨域请求通过 XHR 实现 Ajax 通信的一个主要限制,来源于跨域安全策略。默认情况下,XHR 对象只能访问与包含它的页面位于同一个域中的资源。这种安全策略可以预防某些恶意行为。但是,实现合理的跨域请求对开发某些浏览器应用程序也是至关重要的。实现跨域请求的解决方案可能会有所差异,但它们的目标是类似的。首先,就是要确保不会在请求和响应中携带 cookie,因为 cookie 被窃

2012-03-16 22:10:30 640

转载 第17章 Ajax 与 JSON (一)

2005年,Jesse James Garrett 发表了一篇在线文章,题为 "Ajax: A new Approach to Web Applications"。他在这篇文章里介绍了一种技术,用他的话说,就叫Ajax, 是对 Asynchronous JavaScript + XML 的简写。这一技术能够向服务器请求额外的数据而无须卸载页面,会带来更好的用户体验。Garrett 还解释了怎样使用

2012-03-16 22:08:23 673

空空如也

空空如也

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

TA关注的人

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