http://www.aoaob.com 奥奥比网络致力于在网络领域为以网络设计和开发的广大人员提供教程资讯 zh-cn aoaob.com Fri, 30 Jul 2010 13:11:03 +0800 http://www.aoaob.com/Article_2517.html 引子 编程世界里只存在两种基本元素，一个是数据，一个是代码。编程世界就是在数据和代码千丝万缕的纠缠中呈现出无限的生机和活力。 数据天生就是文静的，总想保持自己固有的本色；而代码却天生活泼，总想改变这个世界。 你看，数据代码间的关系与物质能量间的关系有着惊人的相似。数据也是有惯性的，如果没有代码来施加外力，她总保持自己原来的状态。而代码就象能量，他存在的唯一目的，就是要努力改变数据原来的状态 Sun, 1 Jun 2008 13:19:34 +0800 http://www.aoaob.com/Article_2516.html 标准化设计解决方案 - 标记语言和样式手册 Web Standards Solutions The Markup and Style Handbook Part 1: Get Down With Markup 从标记语法谈起 Chapter5 表单 互动性一直是互联网的重点,让使用者与网站能够交换信息,彼此沟通.表单使我们能够有组织的,使用同一方式的从使用者那里收集资料,因此在设计网站时 Sun, 1 Jun 2008 13:19:29 +0800 http://www.aoaob.com/Article_2515.html web标准知识——美化段落文本 Ⅰ 上四篇的内容是把常用的XHTML标签拿出来介绍了一下，不是很详细。不过没关系，重点是要能先知道用他们，以后深入了再去细细研究更为详细的特性以及使用方法就容易多了。上篇已经说了在第五篇会开始讲CSS，刚开始讲不能讲得复杂，我们还是由浅入深，一步步来。还是那句话：先用起来，然后再去研究。即然我们第一篇讲的是段落，那我们这篇初讲CSS当然也还是要从段落开始，让我 Sun, 1 Jun 2008 13:19:25 +0800 http://www.aoaob.com/Article_2514.html 在曾经的 淘宝UED 招聘 中有这样一道题目： “使用纯CSS实现未知尺寸的图片(但高宽都小于200px)在200px的正方形容器中水平和垂直居中。” 当然出题并不是随意，而是有其现实的原因，垂直居中是 淘宝 工作中最常遇到的一个问题，很有代表性。 题目的难点在于两点： 垂直居中； 图片是个置换元素，有些特殊的特性。 至于如何解决，下面是一个权衡的相对结构干净，CSS简单的 Sun, 1 Jun 2008 13:19:23 +0800 http://www.aoaob.com/Article_2513.html web标准知识——用途相似的标签 这篇主讲的内容涉及链接、标题、插入、删除、上下标、分割线、换行等标签。 我们都知道网页的最大特性是“链接”，是的这个在我们现在看起来习以为常的东西，让我们的生活发生了巨大的变化，是这个小小的标签成就了这个世界上无数的互联网天才。那么让我们看看这个标签的真面目： <a href="URL" >文本区</a> 就是这个简单的标签，其 Sun, 1 Jun 2008 13:19:23 +0800 http://www.aoaob.com/Article_2066.html 原文：http://redmonk.com/anne/2006/12/05/six-myths-about-ajax/ Ajax到底是什么？是一个并不太容易掌握，但可以增加网站交互性的方法？是Web2.0的基石？还是又一轮网络开发中的跟风？就像以前流行过的闪烁字体、“溅水”页(译者：Splash page －Flash动画或大图片做的网站的简介首页，往往有个“跳过简介”或“直接进入”的小按钮 Wed, 19 Mar 2008 18:48:39 +0800 http://www.aoaob.com/Article_2064.html 使用 jQuery(Ajax)/PHP/MySQL实现自动完成功能 一如往常，demo和源码的zip包在文章最后，慢慢欣赏吧！ 我觉得我有必要写这个教程，因为曾经见到的大部分关于自动完成的应用程序都只是给你一个程序源码包，然后告诉你怎么使用，而不是告诉你它是如何工作的以及为什么这样做。而知道这些可以让你对这个插件可以进一步的按自己的需求定制（关于这一点我在我的blog里写过不少关于其他应用 Wed, 19 Mar 2008 18:48:37 +0800 http://www.aoaob.com/Article_2052.html 在很多语言的学习中，“事件”都是一个比较难理解，但是又是一个很重要的概念。javascript中的事件处理也是一样，正因为有了事件处理，才会出现Ajax拖动的效果。本文就讨论一下JavaScript中的事件处理，读过之后，您就会知道，很多Ajax框架实现拖动效果的原理了。 一、 IE Event对象 （一）IE Event对象的主要属性和方法 在IE中有一个专门负责事件处理的对象Event Wed, 19 Mar 2008 18:48:22 +0800 http://www.aoaob.com/Article_1056.html 本系列的 上一期文章 通过罗列启动和运行 Ajax 环境所需的基础知识向您介绍了 Ajax 开发。在本系列的第 2 部分，将会通过实际开发一个简单的基于 Dojo 和 Atom 的博客阅读器将您新获得的这些知识付诸实践。 Fri, 28 Dec 2007 13:37:45 +0800 http://www.aoaob.com/Article_1055.html Ajax (Asynchronous JavaScript + XML) 编程技术正逐渐主导 Web 应用程序开发领域。每天都有新的开发人员步入 Ajax 开发的殿堂，他们拥有不同的开发背景。本系列的第 1 部分将提供来自 IBM® Ajax 开发人员专家组的 Ajax 开发资源备忘单。作者根据他们自己的 ramp-up 经验为您提供了一些实用的信息，这些信息可以帮助您快速进入高效 Ajax 开发的轨道。 Fri, 28 Dec 2007 13:28:13 +0800 http://www.aoaob.com/Article_1022.html 跟随本文一起游览 Web 2.0 世界中的一些顶尖的 Asynchronous JavaScript + XML (Ajax) 应用程序。探索这些应用程序在用户层面上获得成功的秘决，发现各种技巧并着手开发自己的 Web 2.0 应用程序，创造令人兴奋的用户体验。 Thu, 13 Dec 2007 21:23:33 +0800 http://www.aoaob.com/Article_965.html 声明： 这篇文章教你在web页面上实现条形码效果，体现的是利用网页制作技术综合解决问题的思路。旨在使对HTML, JavaScript，PhotoShop具有入门级水平的人巩固入门级水平。 若有问题不能及时回复，麻烦请担待，不胜感激。 高手免进。 制作条形码总共分几步？ 第一步，把冰箱门儿打开——使用PhotoShop绘制小图片 我们需要制作出一个含有16个元素的条形码图 Fri, 7 Dec 2007 23:29:51 +0800 http://www.aoaob.com/Article_964.html 原文：http://www.wler.cn/blog/index.php/maiji/8 谁在用这些导航 google是个大公司,全世界都有google的脚印,韩国的google动画效果非常不错,蓝色理想论坛里已经有人挖过来了,可惜js写的太多了,那自己写一个吧?好,就这么干! 原理 小时候,总喜欢看动画片吧,动画片是怎样实现的呢?记得妈妈说是一张画一张画切换过去(啊?那一部葫芦兄弟要 Fri, 7 Dec 2007 23:29:48 +0800 http://www.aoaob.com/Article_961.html 秦歌(YanKaven) 的站点：http://dancewithnet.com/ 全局变量是魔鬼。在YUI中，我们仅用两个全局变量：YAHOO和YAHOO_config。YUI的一切都是使用YAHOO对象级的成员或这个成员作用域内的变量。我们建议在你的应用程序也使用类似的规则。 Douglas Crockford已经传授了一个有用的单例模式（singleton pattern）实现此规则 Fri, 7 Dec 2007 23:29:45 +0800 http://www.aoaob.com/Article_805.html 原文：Unobtrusive Ajax。 今天才看见的一个Presentation，是Jesse Skinner在06年10月发表的。虽然题目是关于Ajax的，但实际上前面很大篇幅再讲什么是Unobtrusive的Web开发，而且将得也很有意思。下面把其中的要点摘录出来翻译，分享一下。 对Web前端进行分层 Web前端的分层： 核心思想：结构（HTML）、表现（CSS）和 Tue, 20 Nov 2007 20:20:17 +0800 http://www.aoaob.com/Article_802.html 事件捕捉（Event Capture）的实现问题 IE的高级事件处理模型的问题 一、事件捕捉（Event Capture）的实现问题 首先在说这件事前，先感谢一下Realazy。 W3C DOM Level2的事件模型规范中，事件在DOM树中的传播过程（从根节点到目标节点）被分为了两个阶段：捕捉（Capture）和冒泡（Bubbling）。下面这个图能大概的说明整个过程： Tue, 20 Nov 2007 20:19:19 +0800 http://www.aoaob.com/Article_665.html 我想大家对我印象不是很深，但是我在经典已经有两三年了，我真的很喜欢这里，知道经典的人最常挂在嘴边的一句话就是︰“经典论坛是牛人呆的地方”。 我是一个爱好网页设计的人，但我却从来不与商业打交道，原因很简单，兴趣有时候单纯让它只是兴趣会比较好。 在经典呆的时间虽然不是很长，但是我跟大家一样，从经典学到很多东西，一想到这里，总觉得欠经典一份情，因为学到了很多东西，但是没有任何贡献。 发这篇并不 Tue, 16 Oct 2007 23:07:31 +0800 http://www.aoaob.com/Article_353.html 作者Todd lee的blog地址 http://www.todd-lee.com/blog/Pageflakes，又是一个Personal Portal。表现形式同样类似于live.com，iGoogle，Netvibes 界面显得要比live.com朴素很多，并且用了比较暗的颜色，看着要比live.com的一片白亮色舒服很多。不过颜色上，我还是比较喜欢Netvibes。各个功能的表现形式则更 Mon, 1 Oct 2007 16:44:11 +0800 http://www.aoaob.com/Article_175.html 经常用的，不常用的javascript技巧这里都有 Sun, 9 Sep 2007 13:01:41 +0800 http://www.aoaob.com/Article_162.html 目录 本文目标 如何使用本教程 正则表达式到底是什么？ 入门 测试正则表达式 元字符 字符转义 重复 字符类 反义 替换 分组 后向引用 零宽断言 负向零宽断言 注释 贪婪与懒惰 处理选项 平衡组/递归匹配 还有些什么东西没提到 联系作者 一些我认为你可能已经知道的术语的参考 网上的资源及本文参考文献 Thu, 6 Sep 2007 16:12:49 +0800 http://www.aoaob.com/Article_161.html 匹配中文字符的正则表达式： [\u4e00-\u9fa5]匹配双字节字符(包括汉字在内)：[^\x00-\xff]应用：计算字符串的长度（一个双字节字符长度计2，ASCII字符计1）String.prototype.len=function(){return this.replace([^\x00-\xff]/g,"aa").length;}匹配空行的正则表达式：\n[\s| ]*\r匹配HTML Thu, 6 Sep 2007 16:07:35 +0800