jQuery对象与dom对象的转换
$(“#msg”).html();
$(“#msg”)[0].innerHTML;
$(“#msg”).eq(0)[0].innerHTML;
$(“#msg”).get(0).innerHTML;

如何获取jQuery集合的某一项
$(“div”).eq(2).html();              //调用jquery对象的方法
$(“div”).get(2).innerHTML;       //调用dom的方法属性

同一函数实现set和get
$(“#msg”).html();              //返回id为msg的元素节点的html内容。
$(“#msg”).html(“<b>new content</b>”);
$(“#msg”).text();              //返回id为msg的元素节点的文本内容。
$(“#msg”).text(“<b>new content</b>”);

$(“#msg”).height();              //返回id为msg的元素的高度
$(“#msg”).height(“300″);       //将id为msg的元素的高度设为300
$(“#msg”).width();              //返回id为msg的元素的宽度
$(“#msg”).width(“300″);       //将id为msg的元素的宽度设为300

$(“input”).val(“);       //返回表单输入框的value值
$(“input”).val(“test”);       //将表单输入框的value值设为test

$(“#msg”).click();       //触发id为msg的元素的单击事件
$(“#msg”).click(fn);       //为id为msg的元素单击事件添加函数
同样blur,focus,select,submit事件都可以有着两种调用方法

集合处理功能
$(“p”).each(function(i){this.style.color=['#f00','#0f0','#00f']})
// 为索引分别为0，1，2的p元素分别设定不同的字体颜色。

$(“tr”).each(function(i){this.style.backgroundColor=['#ccc','#fff'][i%2]})
//实现表格的隔行换色效果

$(“p”).click(function(){.html())})
//为每个p元素增加了click事件，单击某个p元素则弹出其内容\

操作元素的样式
$(“#msg”).css(“background”);              //返回元素的背景颜色
$(“#msg”).css(“background”,”#ccc”)       //设定元素背景为灰色
$(“#msg”).height(300); $(“#msg”).width(“200″);       //设定宽高
$(“#msg”).css({ color: “red”, background: “blue” });//以名值对的形式设定样式
$(“#msg”).addClass(“select”);       //为元素增加名称为select的class
$(“#msg”).removeClass(“select”);       //删除元素名称为select的class
$(“#msg”).toggleClass(“select”);       //如果存在（不存在）就删除（添加）名称为select的class

绑定事件
$(“p”).bind(“click”, function(){.text());});       //为每个p元素添加单击事件
$(“p”).unbind();       //删除所有p元素上的所有事件
$(“p”).unbind(“click”)       //删除所有p元素上的单击事件

的div撑大，导致页面变形，这就需要我们在写代码的时候不要忘记 ul{margin:0px; padding:0px;}

2,img方面的问题：这里牵涉的不同浏览器的问题，ie6是一直让网页设计师最头疼的一个问题，关于图片

，这里有一个小小的问题，有时ie6里显示的图片height总是要大于准确值，这里就需要我们记住下面这

一点 img{ display：block}

3，overflow方面问题：有时我们会看到，一些公司的注册协议都是好长好长的，但又不能把页面拉的太

长，这就用到了overflow，我们可以把div的style里加上这个：overflow：auto

4，小窗口弹出的问题：当我们点击某个按钮，可能会看到一个小窗口弹出，而窗口其它的部分都变了灰

色，这是怎么实现的呢，其实很简单div+css就可以实现：
css部分：
.black_overlay
{
    display: none;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index: 1001;
    -moz-opacity: 0.8;
    opacity: .80;
    filter: alpha(opacity=50);
}
.white_content
{
    display: none;
    position: absolute;
    top:20%;
    left: 30%;
    width:outo;
    background-color: white;
    z-index: 1002;
    overflow: auto;

}

.white_content2
{
    display: none;
    position: absolute;
    top: 20%;
    left: 18%;
    width:896px;
    background-color: white;
    z-index: 1002;
    overflow: auto;
    text-align: center;
}
.qpshcom
{

    background-color: #efefef;
    color: #666666;
    border-width: 1px;
    border-color: #cccccc;
    border-style: solid;
    margin: 6px;
    padding: 6px;
    font-size: 14px;
    line-height: 200%;
    float: midden;
}
div部分：

打开按钮部分：onclick=”document.getElementById

(‘light’).style.display=’block’;document.getElementById(‘fade’).style.display=’block’”
关闭按钮部分：onclick=”document.getElementById

(‘light’).style.display=’none’;document.getElementById(‘fade’).style.display=’none’”

4，关于float的问题：有时候一些div会挤到页面的上方，把页面挤破掉，这里可能就是浮动引起的，这

时候我们就用到了这个：clear：both，很不错的解决方法，不妨一试。

5，height等于1px的div，在ie6中可能并不是1px，那怎么解决呢？不妨试一下：在这个div的style里加

上font-size：1px;这样就ok了。

6，下面再说一下id和class的问题：当一个div要在页面中多次使用时，不要用id，要用class，还有就是

要用引用js的时候，样式最好不要用id，因为id要留给js使用，当程序员写后台用的是.net时，最好不用

用id，id要留给程序员用，前台我们就用class好了。

7，还是img问题，页面中最好不要用大块背景，能平铺的要平铺，否则加载起来会很慢，也不利于以后的

优化和扩展，当然也有些大的网站，现在都尽量把背景统一放到一张图片上，用background-postion来取

得背景，这样其实也好，背景虽然大了点，但只需统一加载一次，就ok了，速度也不会太慢，可以好好学

习一下。

8，img的格式问题：最好的格式就是gif格式，即确保了背景透明，在ie6中又不会有阴影，有时gif图片

会有锯齿，这就需要我们保存成web格式，设置一下matter，matter的值用背景颜色的值越相近越好。（

当然有时迫不得已png的图片也会用到，这时就需要另外想办法了，前面我也曾提到过，大家不妨一看）

9，链接问题：
.link：link{}
.link：visited{}
.link：hover{}
.link：active{}
有一点，visited与hover的顺序一定不能倒换，否则ie6中会大大的问题。

10，css编码问题：@charset “utf-8″;注意这行代码，utf-8与g把gb2312是比较常用的两种编码方式。
       

本文由 站酷网 – fangjing19881116 原创，转载请保留此信息，多谢合作。

btw：我当时用的编辑器是FlashDevelop，在文件-编码-save byte order mark选项里面。

以下引用网络：

在Dreamweaver 中写了个简单的的index.php:

<?php
include_once(“./class.config.php”);
$Smarty->display(“Index.html”);
?>

顺手在标题中输入了几个字:企业资源管理系统,index.html是使用div+css进行布局的,单独打开index.html可以看到居中显示,而调用smarty后总是居左显示.

后来用ultraedit打开index.php,发现文件内容是:

<title>企业资源管理系统</title>

<?php
include_once(“./class.config.php”);
$Smarty->display(“Index.html”);
?>

将<title>企业资源管理系统</title>去掉后显示正常.

引用原文:

发现自己总在走前人走过的路，犯前人犯过的错…

最近使用smarty+CSS模板，遇到了部分CSS无法解析的问题，尝试了很多方法，在几乎放弃的时候找到了这篇文章，一看日期，竟然是2006年11月的…

新项目完全采用UTF-8编码，这是我的夙愿，可就是这个麻烦的UTF-8编码，让我闹心了数小时！
今天下午制作好了页面的模板，当载入Smarty运行的时候，发现在Firefox下正常显示，而在IE下，原本好好居中显示的页面一下变得偏左了，而且部分CSS也无法载入，字体极其难看！查阅代码，无法找出任何破绽，而不用Smarty转而采用原始的PHP+HTML混写的时候则无此现象，因此开始怀疑Smarty有问题，上phpchina.cn求助，无人解答；自己又下载了Smarty的最新版本，依然无法解决这个故障，心灰意冷，甚至打算在项目中放弃Smarty。
根据以往的经验，我开始怀疑是当PHP输出HTML的时候向其中加入了额外的不可见代码，于是将PHP输出的内容原封不动保存为HTML，然后提交到validator.w3.org进行XHTML验证，果然，验证失败，提示文件头部被加入了BOM（万国码档案签名：Byte Order Mark, U+FEFF）标记，妈的，就是这个垃圾标记，已经不是第一次害我了！
于是，重新打开DM和UltraEdit重新对PHP页面以及模板页面进行编码转换，去除了其中的BOM标记，一切正常！
这里附上一篇写的很全面的有关BOM的文章，希望能帮助和我一样受害的人。
=================================================================

utf-8 保存文件的 bom 问题

大家都知道 utf-8 是一种在web应用中经常使用的一种 unicode 字符的编码方式，使用 utf-8 的好处在于它是一种变长的编码方式，对于 ANSII 码编码长度为1个字节，这样的话在传输大量 ASCII 字符集的网页时，可以大量节约网络带宽。不过如果大家使用 utf-8 编码来编写网页的时候， 往往会因为 bom (Byte Order Mark) 的问题，导致网页中经常出现一些不明的空行或者乱码字符。 这些都是因为 utf-8 编码方式对于 bom 不是强制的。因此 utf-8 编码在保存文件的时候，会出现不同的处理方式。

比如有的浏览器(FireFox)可以自动过滤掉所有 utf-8 bom ， 有的 (IE) 只能过滤掉一次 bom （为什么是一次？ 当你出现 Include 多次文件时就会碰上这个问题了:) ）；

对此 w3.org 标准 FAQ 中对此问题有一个专门的描述：

http://www.w3.org/International/questions/qa-utf8-bom

在此个人认为对于这个问题最好的处理方式就是在编辑（保存）文件的时候统一去除 utf-8 bom ， 同时又必须使得编辑器可以正确读出 utf-8 字符集，但可惜目前 windows 系统中对于保存文件的处理方式缺省情款下都会自动加上 bom.

（通过抓包工具分析， google 中文页面统一使用 utf-8 编码方式，下载的页面中没有带有 bom 标识）

操作系统: WindowsXP Professional , 缺省字符集：中文

1） notepad ： 可以自动识别出没有带 bom 的 utf-8 编码格式文件，但不可以控制保存文件时是否添加 bom ， 如果保存文件，那么会统一添加 bom 。

2）editplus ： 不能自动识别出没有 bom 的 utf-8 编码格式文件，保存文件为 utf-8 时会自动添加 bom

3） UltraEdit ： 对于字符编码的功能最为强大， 可以自动识别带 bom 和不带 bom 的 utf-8 文件 （可以配置） ； 保存的时候可以通过配置选择是否添加 bom.

（特别需要注意的是，保存一个新建立的文件时，需要选择另存为 utf-8 no bom 格式）

后来发现 Notepad ++ 也对于 utf-8 bom 支持比较好，推荐大家使用。

http://www.LoaderMax.com

• Integration of loaders inside subloaded swfs – with most other systems, if you subload a swf, the loader will only concern itself with the swf file’s bytes but what if that swf must subload other content like XML, images, and/or other swf files before it should be considered fully loaded? LoaderMax can elegantly handle the sub-subloads as deep as they go. You can link any loader and/or LoaderMax with a swf’s root (using the requireWithRoot vars property) so that when you subload it into another Flash application, the parent SWFLoader automatically factors the nested loaders into its overall loading progress! It won’t dispatch its COMPLETE event until they have finished as well.
• Automatic parsing of LoaderMax-related nodes inside XML – The XMLLoader class automatically looks for LoaderMax-related nodes like <LoaderMax>, <ImageLoader>, <SWFLoader>, <XMLLoader>, <VideoLoader>, <DataLoader>, <CSSLoader>, <MP3Loader>, etc. in XML files that it loads, and if any are found it will create the necessary instances and then begin loading the ones that had a load=”true” attribute, automatically integrating their progress into the XMLLoader’s overall progress and it won’t dispatch a COMPLETE event until the XML-driven loaders have finished as well. See XMLLoader’s ASDocs for details.
• Tight file size – Many other systems are 16-24k+ even if you’re just loading text, but LoaderMax can be as little as 7k (depending on which loader types you use).
• Define an alternateURL for any loader – If the original url fails to load, it will automatically switch to the alternateURL and try again.
• A common set of properties and methods among all loaders – All loader types (XMLLoader, SWFLoader, ImageLoader, MP3Loader, CSSLoader, VideoLoader, LoaderMax, etc.) share common properties like: content, name, status, loadTime, paused, bytesLoaded, bytesTotal, and progress as well as methods like: load(), pause(), resume(), prioritize(), unload(), cancel(), auditSize() and dispose() delivering a touch of polymorphism sweetness.
• Nest LoaderMax instances inside other LoaderMax instances as deeply as you want. – A LoaderMax instance is basically a queue of loaders which makes it simple to control them as a whole and get the overall progress, bytesLoaded, and/or bytesTotal. You can put a queue into another – group and nest them however you want. This makes complex queues simple. Need to know when the first 3 loaders have finished loading inside a 10-loader queue? Just put those 3 into their own LoaderMax that has an onComplete and nest that LoaderMax inside your main LoaderMax queue.
• Set a width/height for an ImageLoader, SWFLoader, or VideoLoader and when it loads, the image/swf/video will automatically scale to fit using any of the following scaleModes: “stretch”, “proportionalInside”, “proportionalOutside”, “widthOnly”, or “heightOnly”.
• Conveniences like auto smoothing of images, centering their registration point, noCache, setting initial x, y, scaleX, scaleY, rotation, alpha, and blendMode properties, optional autoPlay for mp3s, swfs, and videos, and more.
• Works around common Flash hassles/bugs – LoaderMax implements workarounds for things like garbage collection headaches with subloaded swfs, images, and NetStreams as well as other problems like the recently discovered issues with subloading swfs that use TLF.
• Find loaders and content by name or url – Every loader has a name property which you can use to uniquely identify it. Feed a name or URL to the static LoaderMax.getLoader() or LoaderMax.getContent() methods to quickly get the associated loader or content.
• A single loader can belong to multiple LoaderMax instances
• Accurate progress reporting – For maximum performance, set an estimatedBytes for each loader or allow LoaderMax’s auditSize feature to automatically preload just enough of each child loader’s content to determine its bytesTotal, making progress reporting on large queues very accurate.
• prioritize() a loader anytime – Kick an object to the top of all LoaderMax queues to which it belongs, immediately supplanting the top spot in each one.
• A robust event system – events bubble up through LoaderMax hierarchies and carry a consistent target for easy identification
• Set up multiple event listeners in one line – Add listeners like onComplete, onProgress, onError, etc. via the constructor like new LoaderMax({name:”mainQueue”, onComplete:completeHandler, onProgress:progressHandler, onError:errorHandler});
• maxConnections – Set the maximum number of simultaneous connections for each LoaderMax instance (default is 2). This can speed up overall loading times.
• pause()/resume() – no queue loading solution would be complete without the ability to pause()/resume() anytime.
• Flex friendly – Simply change the LoaderMax.contentDisplayClass to FlexContentDisplay and then ImageLoaders, SWFLoaders, and VideoLoaders will return content wrapped in a UIComponent.

http://www.LoaderMax.com

使用方法如下：
代码如下:
$(“#panel”).load(“test.asp”);
//在页面装载时，在ID 为#panel的DOM元素里test.asp的内容。

但是，当你修改test.asp文件的内容以后，在IE浏览器下，再利用以上方法 重新装载该文件时，你会发现ID为#panel的DOM元素的内容并未发生变化，问题究竟出现在什么地方呢？原来是重新加载以后，IE浏览器并没有从服务 器端重新下载修改以后的test.asp，而是直接从IE缓存中读取没有修改之前加载的那个test.asp文件，因此会出先#panel元素的内容没有 发生变化。
因此在使用以上方法之前需禁用该方法装载IE缓存中的文件，方法如下：
代码如下:
//在调用load方法之前利 用该方法禁止load方法调用IE缓存文件
$.ajaxSetup ({
cache: false
});

在$.ajax({})中也有设置cache为false的方法，但是我试了下不可以，可能是因为，程序先执行load的吧。

$.ajaxSetup是全局的，在load方法之前设置，就可以了。

 安装序列号： 1424-4008-9664-3602-3439-1711

7:30―8:00：在早饭之前刷牙。“在早饭之前刷牙可以防止牙齿的腐蚀，因为刷牙之后，可以在牙齿外面涂上一层含氟的保护层。要么，就等早饭之后半小时再刷牙。”英国牙齿协会健康和安全研究人员戈登·沃特金斯说。

8:00―8:30：吃早饭。“早饭必须吃，因为它可以帮助你维持血糖水平的稳定。”伦敦大学国王学院营养师凯文·威尔伦说。早饭可以吃燕麦粥等，这类食物具有较低的血糖指数。

8:30―9:00：避免运动。来自布鲁奈尔大学的研究人员发现，在早晨进行锻炼的运动员更容易感染疾病，因为免疫系统在这个时间的功能最弱。步行上班。马萨诸塞州大学医学院的研究人员发现，每天走路的人，比那些久坐不运动的人患感冒病的几率低25%。

9:30：开始一天中最困难的工作。纽约睡眠中心的研究人员发现，大部分人在每天醒来的一两个小时内头脑最清醒。

10:30：让眼睛离开屏幕休息一下。如果你使用电脑工作，那么每工作一小时，就让眼睛休息3分钟。

11:00：吃点水果。这是一种解决身体血糖下降的好方法。吃一个橙子或一些红色水果，这样做能同时补充体内的铁含量和维生素C含量。

13:00：在面包上加一些豆类蔬菜。你需要一顿可口的午餐，并且能够缓慢地释放能量。“烘烤的豆类食品富含纤维素，番茄酱可以当作是蔬菜的一部分。”维伦博士说。

14:30―15:30：午休一小会儿。雅典的一所大学研究发现，那些每天中午午休30分钟或更长时间，每周至少午休3次的人，因心脏病死亡的几率会下降37%。

16:00：喝杯酸奶。这样做可以稳定血糖水平。在每天三餐之间喝些酸牛奶，有利于心脏健康。

17:00―19:00：锻炼身体。根据体内的生物钟，这个时间是运动的最佳时间，舍菲尔德大学运动学医生瑞沃·尼克说。

19:30：晚餐少吃点。晚饭吃太多，会引起血糖升高，并增加消化系统的负担，影响睡眠。晚饭应该多吃蔬菜，少吃富含卡路里和蛋白质的食物。吃饭时要细嚼慢咽。

21:45：看会电视。这个时间看会儿电视放松一下，有助于睡眠，但要注意，尽量不要躺在床上看电视，这会影响睡眠质量。

23:00：洗个热水澡。“体温的适当降低有助于放松和睡眠。”拉夫堡大学睡眠研究中心吉姆·霍恩教授说。

23:30：上床睡觉。如果你早上7点30起床，现在入睡可以保证你享受8小时充足的睡眠。

任何试图更改生物钟的行为，都将给身体留下莫名其妙的疾病，20、30年之后再后悔，已经来不及了。
一、晚上9-11点为免疫系统（淋巴）排毒时间，此段时间应安静或听音乐。
二、晚间11-凌晨1点，肝的排毒，需在熟睡中进行。
三、凌晨1-3点，胆的排毒，亦同。
四、凌晨3-5点，肺的排毒。此即为何咳嗽的人在这段时间咳得最剧烈，因排毒动作已走到肺；不应用止咳药，以免抑制废积物的排除。
五、凌晨5-7点，大肠的排毒，应上厕所排便。
六、凌晨7-9点，小肠大量吸收营养的时段，应吃早餐。疗病者最好早吃，在６点半前，养生者在７点半前，不吃早餐者应改变习惯，即使拖到9、10点吃都比不吃好。
七、半夜至凌晨4点为脊椎造血时段，必须熟睡，不宜熬夜。
本文转载自免费软件资讯站。

当你构建你的用户界面和网站的时候，有各种各样的关于界面设计方法和模式的信息你可以使用， 对常见问题的解决方案和一般可用性的建议。下列专家给出的准则可能会引导你创造一个良好的用户界面， 但是究竟什么才是一个良好的界面？ 一个有价值的用户界面应该具有那些特性？以下八个特性是一个良好的用户界面所必须的：

清楚
简明
熟悉
易响应
一致
吸引力
高效
宽容

There is a lot of information out there about various interface design techniques and patterns you can use when crafting your user interfaces and websites, solutions to common problems and general usability recommendations. Following guidelines from experts will likely lead you towards creating a good user interface — but what exactly is a good interface? What are the characteristics of an effective user interface?

1.  Clear / 清楚的
清晰度是用户界面设计最重要的元素。事实上，用户界面设计的所有目的是为了使人们能够与您的系统通过沟通和功能来进行交互。 如果人们不知道你的应用程序怎样工作或在你的网站上应该去哪里，他们会困惑和沮丧。

这是什么呢？鼠标移到WordPress的按钮时工具提示会弹出解释其职能。

2. Concise / 简明
清晰的用户界面是很好的，但是，您应该谨慎，不要陷入过度明晰。定义和解释很容易被添加，但是你这样做的同时也增大了规模。您的界面规模增加。添加过多的解释，您的用户将不得不花费过多的时间去读它们。
不仅要保持清晰，而且还保持简洁。当你能用一句话解释一项功能的时候就不要用三句话。当你可以用一个单词标记一个项，就不要用两个。 保持简洁可以节省你的用户的宝贵的时间。 同时保持清晰和简明并不容易，需要足够的时间和努力来实现，但其回报是值得的。  

在 OS X 的音量控制中使用两个小图标以显示的音量从低到高。

3.  Familiar / 熟悉
许多设计师努力使自己的界面，直观。但到底直观的真正意思是什么？直观也就是就是说可以自然地，本能地理解和领会。但是你怎么能做到直观一些？你可通过是它变的熟悉来实现。熟悉就是， 跟你以前遇到过的东西相似。当你熟悉的东西，你就知道怎样它怎么做-你知道会发生什么事情。 弄清你的用户熟悉的并把它们融合到你的用户界面中。

GoPlan的标签页式界面。标签很熟悉，因为他们模仿文件夹上的标签。你清楚知道点击标签您将浏览该节和其他地方的标签将继续存在为了进一步导航。

4.  Responsive / 易响应
易响应意味着两件事。首先，易响应意味着快速。如果没有软件在后台，界面应该响应很快。等待加载和缓慢的界面是令人沮丧。看起来加载的很快，反正就是界面快速载入（即使内容尚未赶上）改善了用户体验。
易响应也意味着界面提供某种形式的反馈。界面应该反馈给用户，告知他们现在怎么了。你成功地按下那个按钮吗？你将如何知道？按钮应显示一个被按了的状态反馈，或许可以把按钮上的文字改成“正在加载… ”并且禁用按钮。是软件挂了还是内容载入中？用转动的轮子或显示进度栏的方式来保持用户在进程中。

Gmail会显示一个进度栏当您第一次进入您的收件箱。 而不是逐步载入网页时，一旦一切准备就绪整个页面即时显示。

5.  Consistent / 一致
之前我谈过关于上下文的重要性，以及它应如何指导你的设计决定。我认为，适应任何给定的上下文是很聪明，但是，一个界面仍然应保持一定程度的一致性。
一致的界面，使用户能够开发惯用模式-他们会了解不同的按钮，标签，图示和其他界面元素的外观，并识别他们。认识到在不同的情况他们所做的事情不同。他们也将了解特定的东西如何工作，能够从过去的经验中更快的总结知道如何操作新功能。

在Microsoft Office的用户界面是一致的是有原因的。

6.  Attractive / 吸引力
这可能有一点争议，但我相信一个良好的界面应该有吸引力。吸引力在某种意义上，是与界面交互变得是愉快。是的，你可以让你的用户界面简单，易于使用，有效率和易反应，它将尽其出色-但如果你可以做额外的一步，使之有吸引力的。那样用户体验会真正令人满意。当你的软件使用起来是令人愉快的，你的客户或工作人员将不仅是简单地使用它-他们会期待着使用它。

当然有许多不同类型的软件和网站，所有的创作针对的不同的市场和用户。什么样看来’好’对任何一个特定的观众都会有所不同。这就是说，你应该为了你的用户来包装你的界面的的外观和风格。此外，美感设计应适度使用，并且是为了加强功能。美化界面不同于加载时使用多余的眼睛糖果。

谷歌是众所周知的极简洁的界面，他们关注功能重于形式，但他们显然的花费时间美化了Chrome用户界面元素，如按钮和图标，使它们看起来正好体现了微妙的梯度和像素超薄突出。

7.  Efficient / 高效率
用户界面像是车辆，带你去你要到的地方。这些地方是软件应用程序或网站的不同的功能。一个良好的界面可让您在执行这些功能更快。现在， ‘有效’听起来像一个相当模糊的属性-如果你把所有其他的事情在这个清单上，当然界面到头来还是需要高效？差不多，但不完全。
你真正需要做的是使界面能高效的找出用户努力想要实现的，然后让他们可以有条不紊的做到。您必须确定您的应用程序应该如何工作’ -什么功能它需要有，什么样的目标是你努力努力争取实现？实现一个界面，可以让人们轻松地完成他们想要做的，而不只是简单的实现对各个功能的访问。

苹果公司已经确认了人们在其iPhone上想要对照片做三个关键的事情，并在照片控制中提供按钮来分别完成他们。

8.  Forgiving / 宽容
没有人是完美的，当使用你的软件或网站必定有人会犯错误。 如何处理这些错误将成为你的软件的质量一个重要指标。不要惩罚用户-建立一个宽容的界面，纠正问题。
一个宽容的界面可以使你的用户远离代价高昂的错误。例如，如果有人删除了重要的信息，他们可以轻松地重新检索或撤消这一行动？ 当有人浏览到损坏或不存在的网页，他们会看到什么？他们会迎接一个加密的错误提示还是得到了一些有用的替代目的地？

错误的删除了电子邮件？Gmail可让您迅速取消上一次的操作。

To conclude…结束…
实现这些特性实际上可能同实现另外一些特性产生冲突。例如，试图使一个界面清晰，您可能会增加太多的描述和解释，即最终使整个界面变得大而笨重。缩减容量，努力使事情简洁可能产生相反的效果，使东西模糊不清。实现一个完美的平衡需要的技能和时间，解决方案根据不同的案例也并不一样。

关于AS3 FOR内循环的优化

当我们遍历一个数组的时候 ，你可能会这样写

private function testFor() : void
{
var tmpVar:int;

for(var i:Number=0; i {
tmpVar = testArray[i];
}
}

执行这个函数50次，所用的时间是53.34毫秒。

如果我们将number类型改成int类型，如下

for(var i:int=0; i

这样所执行的时间是35.58毫秒。

如果先把数组的长度计算出来，速度会更快

var l:int = testArray.length;

for(var i:int=0; i

这个仅仅用了21.6毫秒

所以在for循环上int比number快，将length在循环外事先定义出来比直接写在for条件语句里面要快。

再看两段代码

var tmpVar:int;

for(var i:Number=0; i<100000; i++)
{
tmpVar = SomeClass.SOME_CONSTANT;
}

和

var tmpVar:int;
var myConstant:int = SomeClass.SOME_CONSTANT;

for(var i:Number=0; i<100000; i++)
{
tmpVar = myConstant;
}

前者的运行速度是34.08毫秒，后者的速度是 15.8毫秒

所以说 在FOR循环外先取到类属性，比拿到FOR循环内再去取类的属性的速度要快

变量在FOR内的定义
for(var i:int=0; i<100000; i++)
{
var v1:Number=10;
var v2:Number=10;
var v3:Number=10;
var v4:Number=10;
var v5:Number=10;
}
这个FOR需要用46.52毫秒，如果你用一个 var 去定义所有，将这些变量写成一行，像这样

for(var i:int=0; i<100000; i++)
{
var v1:Number=10, v2:Number=10, v3:Number=10, v4:Number=10, v5:Number=10;
}

执行之间缩短到 19.74

所以 在FOR循环内 尽量减少var这个关键字出现的次数，会提高效率

逻辑运算符的适当运用也会提高效率的

for(var i:int=0; i<100000; i++)
{
var val1:int = 4 * 2;
var val2:int = 4 * 4;
var val3:int = 4 / 2;
var val4:int = 4 / 4;
}

这段执行时间为 49.12 毫秒， 如果换成下面的代码，将会降到 35.56 毫秒

for(var i:int=0; i<100000; i++)
{
var val1:int = 4 << 1;
var val2:int = 4 << 2; var val3:int = 4 >> 1;
var val4:int = 4 >> 2;
}