<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom"><title type="text">博客园_HeroBeast_分类_02.前端设计</title><id>http://feed.cnblogs.com/blog/u/15568/category/96114/rss</id><updated>2012-05-27T14:13:20Z</updated><generator>feed.cnblogs.com</generator><link rel="alternate" type="text/html" href="http://www.cnblogs.com/HeroBeast/category/96114.html"/><link rel="self" type="application/atom+xml" href="http://feed.cnblogs.com/blog/u/15568/category/96114/rss"/><entry><id>http://www.cnblogs.com/HeroBeast/archive/2011/11/18/2253489.html</id><title type="text">详解HTML</title><summary type="text">1. 详解HTML 标签和属性 在HTML中，通常标签都是由开始标签和结束标签组成的，开始标签用“&lt;标签名&gt;”表示，结束标签用“&lt;/标签名&gt;”表示。 元素指的是包含标签在内的整体，除去标签的部分叫做内容。 属性要在开始标签中指定，用来表示该标签的性质和特性。通常都是以“属性名=”值””的形式来表示，用空格隔开后，还可以指定多个属性。指定多个属性时不用区分顺序 颜色的指定方法 用HTML...</summary><published>2011-11-18T01:20:00Z</published><updated>2011-11-18T01:20:00Z</updated><author><name>HeroBeast</name><uri>http://www.cnblogs.com/HeroBeast/</uri></author><link rel="alternate" href="http://www.cnblogs.com/HeroBeast/archive/2011/11/18/2253489.html"/><link rel="alternate" type="text/html" href="http://www.cnblogs.com/HeroBeast/archive/2011/11/18/2253489.html"/><content type="html"/></entry><entry><id>http://www.cnblogs.com/HeroBeast/archive/2011/08/25/2153656.html</id><title type="text">IE下实现全屏两方法</title><summary type="text">方法一：普通情况下，IE里有快捷键来实现简单全屏模式的，那就是F11。但是，相比起火狐具有同样功能，地址栏、工具栏、标签栏会自动隐藏的，比起IE那些连工具栏都不会隐藏，那和没有全屏基本上没有区别。怎么让IE可以像公共电脑、自助服务系统那样将地址栏、工具栏、标签栏通通都消失呢，那就要使用方法二。 方法二：使用IE的KioskMode。实现KioskMode其实很简单，使用的话就在运行里输入“ie...</summary><published>2011-08-25T10:48:00Z</published><updated>2011-08-25T10:48:00Z</updated><author><name>HeroBeast</name><uri>http://www.cnblogs.com/HeroBeast/</uri></author><link rel="alternate" href="http://www.cnblogs.com/HeroBeast/archive/2011/08/25/2153656.html"/><link rel="alternate" type="text/html" href="http://www.cnblogs.com/HeroBeast/archive/2011/08/25/2153656.html"/><content type="html"/></entry><entry><id>http://www.cnblogs.com/HeroBeast/archive/2011/08/08/2131098.html</id><title type="text">JQuery最佳实践</title><summary type="text">作者： 阮一峰 日期： 2011年8月 4日 上周，我整理了《jQuery设计思想》。 那篇文章是一篇入门教程，从设计思想的角度，讲解"怎么使用jQuery"。今天的文章则是更进一步，讲解"如何用好jQuery"。 我主要参考了Addy Osmani的PPT《提高jQuery性能的诀窍》（jQuery Proven Performance Tips And Tricks）。他是jQuery开发团队...</summary><published>2011-08-08T08:41:00Z</published><updated>2011-08-08T08:41:00Z</updated><author><name>HeroBeast</name><uri>http://www.cnblogs.com/HeroBeast/</uri></author><link rel="alternate" href="http://www.cnblogs.com/HeroBeast/archive/2011/08/08/2131098.html"/><link rel="alternate" type="text/html" href="http://www.cnblogs.com/HeroBeast/archive/2011/08/08/2131098.html"/><content type="html"/></entry><entry><id>http://www.cnblogs.com/HeroBeast/archive/2011/08/01/2124183.html</id><title type="text">js subString截取字符串，考虑中文</title><summary type="text">function subString(str, len, hasDot) { ///&lt;summary&gt; ////显示窗口 ///&lt;/summary&gt; ///&lt;param name="selector" type="String"&gt; /// 1: str - 源字符串 /// 2: len - 要截取的长度。 /// 3: hasDot - 是否显示…。 ///&lt;/param&gt; var new...</summary><published>2011-08-01T10:46:00Z</published><updated>2011-08-01T10:46:00Z</updated><author><name>HeroBeast</name><uri>http://www.cnblogs.com/HeroBeast/</uri></author><link rel="alternate" href="http://www.cnblogs.com/HeroBeast/archive/2011/08/01/2124183.html"/><link rel="alternate" type="text/html" href="http://www.cnblogs.com/HeroBeast/archive/2011/08/01/2124183.html"/><content type="html"/></entry><entry><id>http://www.cnblogs.com/HeroBeast/archive/2010/12/26/1917127.html</id><title type="text">javascript单元测试工具QUnit介绍</title><summary type="text">QUnit 介绍： QUnit是jQuery团队开发的JavaScript单元测试工，使用起来非常方便。有漂亮的外观和完整的测试功能（包括异步测试）。 由于存在浏览器解析环境、用户操作习惯等差异，前端程序的许多问题是无法捕捉或重现的，现在前端程序的测试多是黑盒测试，靠模仿用户不停的点击来寻 找程序bug。这种方式既费时费力，又无法保证测试的覆盖面。 随着前端逻辑和交互越来越复杂，和其他编程语言一样，一个函数，一个模块，在修改bug或添加新功能的过程中，很容易就产生新的bug，或使老的 bug复活。这种情况下，反复进行黑盒测试效率很低，如果测试工作交给QA去做，更是怨声载道。此外，浏览器兼容性测</summary><published>2010-12-26T03:49:00Z</published><updated>2010-12-26T03:49:00Z</updated><author><name>HeroBeast</name><uri>http://www.cnblogs.com/HeroBeast/</uri></author><link rel="alternate" href="http://www.cnblogs.com/HeroBeast/archive/2010/12/26/1917127.html"/><link rel="alternate" type="text/html" href="http://www.cnblogs.com/HeroBeast/archive/2010/12/26/1917127.html"/><content type="html"/></entry><entry><id>http://www.cnblogs.com/HeroBeast/archive/2010/12/16/1908537.html</id><title type="text">JavaScript判断浏览器类型及版本</title><summary type="text">你知道世界上有多少种浏览器吗？除了我们熟知的IE, Firefox, Opera, Safari四大浏览器之外，世界上还有近百种浏览器。 几天前，浏览器家族有刚诞生了一位小王子，就是Google推出的Chrome浏览器。由于Chrome出生名门，尽管他还是个小家伙，没有人敢小看他。以后，咱们常说浏览器的“四大才子”就得改称为“五朵金花”了。 在网站前端开发中，浏览器兼容性问题本已让我们手忙脚乱，Chrome的出世不知道又要给我们添多少乱子。浏览器兼容性是前端开发框架要解决的第一个问题，要解决兼容性问题就得首先准确判断出浏览器的类型及其版本。 JavaScript是前端开发的主要语言，我们</summary><published>2010-12-16T10:44:00Z</published><updated>2010-12-16T10:44:00Z</updated><author><name>HeroBeast</name><uri>http://www.cnblogs.com/HeroBeast/</uri></author><link rel="alternate" href="http://www.cnblogs.com/HeroBeast/archive/2010/12/16/1908537.html"/><link rel="alternate" type="text/html" href="http://www.cnblogs.com/HeroBeast/archive/2010/12/16/1908537.html"/><content type="html"/></entry><entry><id>http://www.cnblogs.com/HeroBeast/archive/2010/12/15/1906852.html</id><title type="text">jquery-autocomplete 使用手册</title><summary type="text">jquery-autocomplete学习一、用前必备官方网站：http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/ http://jquery.bassistance.de/autocomplete/jquery.autocomplete.zip解决IE6中select 遮盖div的问题，请参考jquery.bgiframe插件当前版本：1.0.2需要JQuery版本：1.2.6二、使用&lt;script src="./jquery-1.3.2.js" type="text/javas</summary><published>2010-12-15T07:36:00Z</published><updated>2010-12-15T07:36:00Z</updated><author><name>HeroBeast</name><uri>http://www.cnblogs.com/HeroBeast/</uri></author><link rel="alternate" href="http://www.cnblogs.com/HeroBeast/archive/2010/12/15/1906852.html"/><link rel="alternate" type="text/html" href="http://www.cnblogs.com/HeroBeast/archive/2010/12/15/1906852.html"/><content type="html"/></entry><entry><id>http://www.cnblogs.com/HeroBeast/archive/2008/10/31/1323633.html</id><title type="text">javascript 面向对象特性与编程实现</title><summary type="text">在 06 年用 javascript 写过上千行的应用，现在的项目中经常用到 javascript ，说不熟悉吧也熟悉了。说熟悉吧， javascript 的面向对象部分还是比较陌生。实际上自己没有系统学习过 javascript ，没有完整看过一本 javascript 的书。今天决定网上定两本书，一本是《 javascript 高级程序设计》《 javascript dom 编程艺术》，想着也该较系统的学习一下，项目中也要大量应用到这些了，必定下一个项目我们将采用 AJAX 。总结下自己学 ajax 时候补充的一点 javascript 知识。 一、 javascript 面向对象特性 1</summary><published>2008-10-31T05:35:00Z</published><updated>2008-10-31T05:35:00Z</updated><author><name>HeroBeast</name><uri>http://www.cnblogs.com/HeroBeast/</uri></author><link rel="alternate" href="http://www.cnblogs.com/HeroBeast/archive/2008/10/31/1323633.html"/><link rel="alternate" type="text/html" href="http://www.cnblogs.com/HeroBeast/archive/2008/10/31/1323633.html"/><content type="text">在 06 年用 javascript 写过上千行的应用，现在的项目中经常用到 javascript ，说不熟悉吧也熟悉了。说熟悉吧， javascript 的面向对象部分还是比较陌生。实际上自己没有系统学习过 javascript ，没有完整看过一本 javascript 的书。今天决定网上定两本书，一本是《 javascript 高级程序设计》《 javascript dom 编程艺术》，想着也该较系统的学习一下，项目中也要大量应用到这些了，必定下一个项目我们将采用 AJAX 。总结下自己学 ajax 时候补充的一点 javascript 知识。 一、 javascript 面向对象特性 1</content></entry><entry><id>http://www.cnblogs.com/HeroBeast/archive/2008/10/09/1307388.html</id><title type="text">jquery基础</title><summary type="text"/><published>2008-10-09T08:54:00Z</published><updated>2008-10-09T08:54:00Z</updated><author><name>HeroBeast</name><uri>http://www.cnblogs.com/HeroBeast/</uri></author><link rel="alternate" href="http://www.cnblogs.com/HeroBeast/archive/2008/10/09/1307388.html"/><link rel="alternate" type="text/html" href="http://www.cnblogs.com/HeroBeast/archive/2008/10/09/1307388.html"/><content type="text"/></entry><entry><id>http://www.cnblogs.com/HeroBeast/archive/2008/10/08/1306260.html</id><title type="text">jQuery插件开发基础1</title><summary type="text"/><published>2008-10-08T04:52:00Z</published><updated>2008-10-08T04:52:00Z</updated><author><name>HeroBeast</name><uri>http://www.cnblogs.com/HeroBeast/</uri></author><link rel="alternate" href="http://www.cnblogs.com/HeroBeast/archive/2008/10/08/1306260.html"/><link rel="alternate" type="text/html" href="http://www.cnblogs.com/HeroBeast/archive/2008/10/08/1306260.html"/><content type="text"/></entry><entry><id>http://www.cnblogs.com/HeroBeast/archive/2008/09/25/1299134.html</id><title type="text">典型的三行二列居中高度自适应布局</title><summary type="text"/><published>2008-09-25T15:23:00Z</published><updated>2008-09-25T15:23:00Z</updated><author><name>HeroBeast</name><uri>http://www.cnblogs.com/HeroBeast/</uri></author><link rel="alternate" href="http://www.cnblogs.com/HeroBeast/archive/2008/09/25/1299134.html"/><link rel="alternate" type="text/html" href="http://www.cnblogs.com/HeroBeast/archive/2008/09/25/1299134.html"/><content type="text"/></entry><entry><id>http://www.cnblogs.com/HeroBeast/archive/2008/07/25/1251011.html</id><title type="text">jQuery Ajax 全解析</title><summary type="text">本文地址: jQuery Ajax 全解析 本文作者：QLeelulu jQuery确实是一个挺好的轻量级的JS框架，能帮助我们快速的开发JS应用，并在一定程度上改变了我们写JavaScript代码的习惯。 废话少说，直接进入正题，我们先来看一些简单的方法，这些方法都是对jQuery.ajax()进行封装以方便我们使用的方法，当然，如果要处理复杂的逻辑，还是需要用到jQuery.ajax()的(这个后面会说到). 1. load( url, [data], [callback] ) ：载入远程 HTML 文件代码并插入至 DOM 中。 url (String) : 请求的HTML页的URL地址</summary><published>2008-07-25T01:31:00Z</published><updated>2008-07-25T01:31:00Z</updated><author><name>HeroBeast</name><uri>http://www.cnblogs.com/HeroBeast/</uri></author><link rel="alternate" href="http://www.cnblogs.com/HeroBeast/archive/2008/07/25/1251011.html"/><link rel="alternate" type="text/html" href="http://www.cnblogs.com/HeroBeast/archive/2008/07/25/1251011.html"/><content type="text">本文地址: jQuery Ajax 全解析 本文作者：QLeelulu jQuery确实是一个挺好的轻量级的JS框架，能帮助我们快速的开发JS应用，并在一定程度上改变了我们写JavaScript代码的习惯。 废话少说，直接进入正题，我们先来看一些简单的方法，这些方法都是对jQuery.ajax()进行封装以方便我们使用的方法，当然，如果要处理复杂的逻辑，还是需要用到jQuery.ajax()的(这个后面会说到). 1. load( url, [data], [callback] ) ：载入远程 HTML 文件代码并插入至 DOM 中。 url (String) : 请求的HTML页的URL地址</content></entry><entry><id>http://www.cnblogs.com/HeroBeast/archive/2008/03/10/1098039.html</id><title type="text">jQuery实例: ToolTip的实现</title><summary type="text">本文来自：http://www.cnblogs.com/QLeelulu/archive/2008/03/09/1097368.htmlTooltip的插件网上很多,这里主要是通过一个简单的实例来学习jQuery.注:本实例需要jQuery框架.先看一下实现后的效果:鼠标放上来看看 我的Flash站下面让我们开始,首先,我们需要一个CSS来定义我们的显示效果:#luluTip{}{word-wrap:break-word;/**//*自动换行,在FF中对英文和数字无效*/position:absolute;width:150px;color:#a00;background-color:#FFF</summary><published>2008-03-10T00:41:00Z</published><updated>2008-03-10T00:41:00Z</updated><author><name>HeroBeast</name><uri>http://www.cnblogs.com/HeroBeast/</uri></author><link rel="alternate" href="http://www.cnblogs.com/HeroBeast/archive/2008/03/10/1098039.html"/><link rel="alternate" type="text/html" href="http://www.cnblogs.com/HeroBeast/archive/2008/03/10/1098039.html"/><content type="text">本文来自：http://www.cnblogs.com/QLeelulu/archive/2008/03/09/1097368.htmlTooltip的插件网上很多,这里主要是通过一个简单的实例来学习jQuery.注:本实例需要jQuery框架.先看一下实现后的效果:鼠标放上来看看 我的Flash站下面让我们开始,首先,我们需要一个CSS来定义我们的显示效果:#luluTip{}{word-wrap:break-word;/**//*自动换行,在FF中对英文和数字无效*/position:absolute;width:150px;color:#a00;background-color:#FFF</content></entry><entry><id>http://www.cnblogs.com/HeroBeast/archive/2008/02/01/1061510.html</id><title type="text">面向对象的js编程</title><summary type="text">首先我没有使用前人的导出rss的方法(方法参见也来为自己的博客加个花，兼AJAX跨域的一点疑问)，因为我的随笔也不是篇篇都是精华，嘿嘿。所以我就手写了个table代码如下&lt;!--TitleMenuBegin--&gt;&lt;divstyle="height:16px;border:0px;position:absolute;top:40px;left:530px;width:500px;"id="Tree_ShowTitleImg"&gt;&lt;tableborder="0"cellpadding="0"</summary><published>2008-02-01T08:13:00Z</published><updated>2008-02-01T08:13:00Z</updated><author><name>HeroBeast</name><uri>http://www.cnblogs.com/HeroBeast/</uri></author><link rel="alternate" href="http://www.cnblogs.com/HeroBeast/archive/2008/02/01/1061510.html"/><link rel="alternate" type="text/html" href="http://www.cnblogs.com/HeroBeast/archive/2008/02/01/1061510.html"/><content type="text">首先我没有使用前人的导出rss的方法(方法参见也来为自己的博客加个花，兼AJAX跨域的一点疑问)，因为我的随笔也不是篇篇都是精华，嘿嘿。所以我就手写了个table代码如下&lt;!--TitleMenuBegin--&gt;&lt;divstyle="height:16px;border:0px;position:absolute;top:40px;left:530px;width:500px;"id="Tree_ShowTitleImg"&gt;&lt;tableborder="0"cellpadding="0"</content></entry><entry><id>http://www.cnblogs.com/HeroBeast/archive/2008/02/01/1061290.html</id><title type="text">CSS：自动隐藏过长的文字 </title><summary type="text"/><published>2008-02-01T06:11:00Z</published><updated>2008-02-01T06:11:00Z</updated><author><name>HeroBeast</name><uri>http://www.cnblogs.com/HeroBeast/</uri></author><link rel="alternate" href="http://www.cnblogs.com/HeroBeast/archive/2008/02/01/1061290.html"/><link rel="alternate" type="text/html" href="http://www.cnblogs.com/HeroBeast/archive/2008/02/01/1061290.html"/><content type="text"/></entry><entry><id>http://www.cnblogs.com/HeroBeast/archive/2007/08/03/842029.html</id><title type="text">CSS属性列表[转]</title><summary type="text"/><published>2007-08-03T09:02:00Z</published><updated>2007-08-03T09:02:00Z</updated><author><name>HeroBeast</name><uri>http://www.cnblogs.com/HeroBeast/</uri></author><link rel="alternate" href="http://www.cnblogs.com/HeroBeast/archive/2007/08/03/842029.html"/><link rel="alternate" type="text/html" href="http://www.cnblogs.com/HeroBeast/archive/2007/08/03/842029.html"/><content type="text"/></entry><entry><id>http://www.cnblogs.com/HeroBeast/archive/2007/07/17/820681.html</id><title type="text">CSS高级应用参考手册</title><summary type="text"/><published>2007-07-17T01:31:00Z</published><updated>2007-07-17T01:31:00Z</updated><author><name>HeroBeast</name><uri>http://www.cnblogs.com/HeroBeast/</uri></author><link rel="alternate" href="http://www.cnblogs.com/HeroBeast/archive/2007/07/17/820681.html"/><link rel="alternate" type="text/html" href="http://www.cnblogs.com/HeroBeast/archive/2007/07/17/820681.html"/><content type="text"/></entry><entry><id>http://www.cnblogs.com/HeroBeast/archive/2007/07/10/812778.html</id><title type="text">CSS中的滑动门技术</title><summary type="text"/><published>2007-07-10T07:44:00Z</published><updated>2007-07-10T07:44:00Z</updated><author><name>HeroBeast</name><uri>http://www.cnblogs.com/HeroBeast/</uri></author><link rel="alternate" href="http://www.cnblogs.com/HeroBeast/archive/2007/07/10/812778.html"/><link rel="alternate" type="text/html" href="http://www.cnblogs.com/HeroBeast/archive/2007/07/10/812778.html"/><content type="text"/></entry><entry><id>http://www.cnblogs.com/HeroBeast/archive/2007/07/10/812763.html</id><title type="text">CSS盒子模式(DIV布局快速入门) </title><summary type="text"/><published>2007-07-10T07:38:00Z</published><updated>2007-07-10T07:38:00Z</updated><author><name>HeroBeast</name><uri>http://www.cnblogs.com/HeroBeast/</uri></author><link rel="alternate" href="http://www.cnblogs.com/HeroBeast/archive/2007/07/10/812763.html"/><link rel="alternate" type="text/html" href="http://www.cnblogs.com/HeroBeast/archive/2007/07/10/812763.html"/><content type="text"/></entry><entry><id>http://www.cnblogs.com/HeroBeast/archive/2007/07/10/812736.html</id><title type="text">由浅入深漫谈margin属性</title><summary type="text"/><published>2007-07-10T07:28:00Z</published><updated>2007-07-10T07:28:00Z</updated><author><name>HeroBeast</name><uri>http://www.cnblogs.com/HeroBeast/</uri></author><link rel="alternate" href="http://www.cnblogs.com/HeroBeast/archive/2007/07/10/812736.html"/><link rel="alternate" type="text/html" href="http://www.cnblogs.com/HeroBeast/archive/2007/07/10/812736.html"/><content type="text"/></entry></feed>
