本文目录一览：

• 1、UI设计师的职能有哪些？
• 2、请问extjs自带的docs目录中的帮助文档是怎么生成的？
• 3、请问extjs4.0与extjs3-3.1有何区别呀？
• 4、有朋友改过Extjs默认的皮肤吗?我是做设计的，现在需要改extjs的默认风格，相对于开发另外一套皮肤出来。谢
• 5、前端开发框架有哪些
• 6、javascript 中的? :语句 表示什么意思？

UI设计师的职能有哪些？

下面看看UI设计师的岗位职责： 1.制定MRD(Market Requirements Document).

市场需求文档。获得项目发起部门的认同后，产品进入实施，需要先出MRD，具体来说要有更细致的市场与竞争对手分析，通过哪些功能来实现商业目的，功能/非功能需求分哪几块，功能的优先级等等。实际工作中，这个阶段PD可能的产出物有Mind Manager的思维图，Excel的Feature List等。 2.制定PRD(Product Requirements Document).

产品需求文档。进步一细化，这部分是PM写得最多的内容，也就是传统意义上的需求分析，我们这里主要指UC（use case）文档。主要内容有，功能使用的具体描述（每个UC一般有用例简述、行为者、前置条件、后置条件、UI描述、流程/子流程/分支流程，等几大 块），Visio做的功能点业务流程，界面的说明，demo等。Demo方面，可能dreamweaver、ps甚至画图板简单画一下，有时候也会有 UI/UE支持，出高保真的demo，开发将来可以直接用的那种。 3.用户分析报告

搜集相关资料分析目标用户的使用特征、情感、习惯、心里、需求等，提出用户研究报告和可用性设计建议。这部分工作也可和团队配合完成。时间与项目需求允许的情况下，更可以制定实景用户分析。 4.产品架构设计

这里涉及到比较多的界面交互与流程的设计，根据可用性分析结果制定交互方式、操作与跳转流程、结构、布局、信息和其他元素。 以上是UI设计师需要掌握跟进的，从这里开始就真的是你的任务了5.产品原型设计

就是将页面模块、元素进行粗放式的排版和布局，深入一些，还会加入一些交互性的元素，使其更加具体、形象和生动。整个系统的流程设计也是UI设计师的，为此你要经常浏览大量的网站，亲身体验，积累经典的，很具亲和力的、友好的系统流程，你要考虑到整个系统的任何一个最 终环节。这才是UI设计师工作量最大，难度最高的部分。比如说，用户注册流程，成功了去哪，失败了去哪，成功了后续有几个流程，每个流程还包含哪些对象等等等等 6.界面UI设计

如果很倾向于图形界面设计，这儿是你最喜欢的部分。但一定要结合循环讨论过的分析结果做设计，否则你的作品很难被人信服。色调、风格、界面、窗口、图标、皮肤的表现是本环节的关键。 7.界面输出

这方面主要由页面工程师与前端程序员配合,将界面代码化。作为UI设计师，最能符合你的设计的基础作品，当然还是出自你自己的双手，为此你要懂得切图，做静态页，那么SHTML和样式表还有为了实现你那伟大设计的种种特效的JS代码，你能不会么？？你可以不去亲自做，但你一定要有一个规范设计，你的施工队必须在你的培训和领导下完全符合规范的去操作，就像架构师一样。 8.分析使用者报告,做出完善调整.

多部门共同参与的，包括可用性的循环研究、用户体验回馈、测试回馈。同时，UI人员也应该把一些可行性建议进行完善。很多设计师做了东西不喜欢改，这是一个大忌。 9.整个项目的SEO优化设计。

但就目前许多公司而言,拿到UI设计师手里的,就是一份什么说明都没有的VISO图,这给许多UI设计师造成一种错觉,觉得我只需要做效果图就可以了,对于 其他环节一概不理,导致了在设计产品界面的时候,因为掌握的信息不足,设计出来的界面全凭个人喜好,但是当面对用户的时候,却是一点竞争力都没有.我认为UI设计师在项目初始,就应该加入其中.包括了解项目的市场定位,盈利模式,竞争对手等等,而通过分析竞争对手用户界面,可以给UI设计师一个初步的 图形概念,而通过参与用户调研,用户分析能够获取到用户特征,年龄,需求,喜好等方面的信息,这些方面的信息,在风格定位,把握上起到至关重要的作用.通 过了解产品架构,知道什么功能应该做,什么功能应该突出,在参与了以上工作的制定后,相信许多UI设计师对自己所要设计的产品,已经是信心十足了吧.后期 在通过分析使用者报告,用户反馈等方面信息,做出界面上的调整,这样一来,一个完善的产品就可以面市了,而这个产品,再也不是一个全凭UI设计师个人喜好 所设计出来的产品了..

那么作为UI设计师都需要具备什么样的能力呢？ UI设计从工作内容上来说分为3个方向。它主要是由UI研究的3个因素决定的，其分别是研究工具，研究人与界面的关系，研究人。 研究界面----图形设计师Graphic UI designer国内目前大部分UI工作者都是从事这个行业。也有人称之为美工，但实际上不是单纯意义上的美术工人，而是软件产品的产品外形设计师。

这些设计师大多是美术院校毕业的，其中大部分是有美术设计教育背景，例如工业外形设计，装潢设计，信息多媒体设计等。研究人与界面的关系---交互设计师，interaction designer在图形界面产生之前，长期以来UI设计师就是指交互设计师。交互设计师的工作内容就是设计软件的操作流程，树状结构，软件的结构与操作规范（spec）等。一个软件产品在编码之前需要作的就是交互设计，并且确立交互模型，交互规范。交互设计师一般都是软件工程师背景居多。 研究人----用户测试/研究工程师User experience engineer任何的产品为了保证质量都需要测试，软件的编码需要测试，自然UI设计也需要被测试。这个测试和编码没有任何关系，主要是测试交互设计的合理性以及图形设 计的美观性。测试方法一般都是采用焦点小组，用目标用户问卷的形式来衡量UI设计的合理性。这个职位很重要，如果没有这个职位，UI设计的好坏只能凭借设 计师的经验或者领导的审美来评判，这样就会给企业带来严重的风险性。 用户研究工程师一般是心理学人文学背景比较合适。

综上所述UI设计师就是：软件图形设计师、交互设计师和用户研究工程师。这一职位的真正含义：ui设计师绝不是美工（或者说绝不是仅仅做“美化”工作而已），ui设计师是一个技术岗位而非艺术岗位，如果考察一名ui设计师的能力素质模型，那么他应该同时具备4个维度的能力：

1、 沟通和文档撰写能力：如果说ui是人与机器交互的桥梁和纽带，那么ui设计师就是软件设计开发人员和最终用户时间交互的桥梁和纽带，如果ui设计师不能具 备很好的沟通和理解能力，不能撰写出优秀的指导性原则和规范，那么，他将无法体现出自己对于开发人员和客户的双重价值，也无法完成他的本职工作。

2、 过硬的技术能力：你可以不会写java，但你绝对不可以不清楚java是什么，他能够实现什么。即使你不能写代码，但你起码要懂得如何去“实现”。举个例子，你要做一个grid控件，首先，你应该清楚，到底有哪几种数据格式，以及其存储方式：既可以通过html的mark来获取数据，亦可以通过json对 象或array，又或者是xml甚至于字符串。其次，你要知道在server端实现和在client端实现到底哪个更适合当前的环境。这些都要依靠过硬对 技术和丰富的经验，不懂技术的ui设计师，既做不出合理的设计，也不可能和开发人员做到有效的沟通。简言之，ui设计师起码要精通主流的表现层开发技术 （如果是做web表现层，一般需要精通html、css、java script 、xml技术，甚至jsp、java也要达到工作层），对于市面主流的设计 模式，技术路线以及开源框架都要有足够的了解。可以说，ui设计师在技术素质能力方面，要尽可能的朝着“表现层架构师”的方向去努力。 3、图形设计能力和原型开发：ui设计师一生中从事的最多的工作应该就是图形和 原型设计，那么，首先说说什么是原型设计。原型法是迭代式开发中设计阶段常用的手段，原型设计应该贯穿需求、概要设计和详细设计这三个阶段。开发原型的目 的是，把设计转为用户可以看懂的“界面语言”，同时也对开发人员起到一定的指导作用（甚至可以作为开发的一部分）。用户界面原型更显示的价值体现就是，它可以帮助软件设计人员提早发现设计各个阶段的缺陷，在开发前解决这些潜在的问题，大幅降低软件开发的风险和成本。这与传统的瀑布式开发有了本质的区别，目前国内大多数公司仍然采用的是瀑布式开发方式，并且将ui设计放在开发阶段的后期来进行。这不仅使ui设计师无法充分发挥自己所长，只能做做“美化工作” 亡羊补牢，更使得开发出的产品往往存在致命的设计缺陷而无法满足客户需求。所以，各公司中的“美工”是软件开发方法的落后和不完善早就的，而非“美工”或 ui设计师这个职业本身。我们再来说一下图形设计能力，其实，ui设计师只是个泛称，在ui设计行业内部，还大致分为以下几种角色：可用性和交互设计师、 视觉企划、用户体验研究人员、图形用户界面设计师等。大家通常理解的ui设计师，其实是gui设计师（例如国内的rokey，他就是一名非常优秀的gui 设计师，目前供职于microsoft），gui设计师的主要工作就是视觉定位以及创作。稍后的章节会详细介绍gui设计师的职责以及日常工作。如果ui 设计师不具备过硬的图形创作能力，那么，他根本无法表达他心目中的美，也就无从谈起“交流”了。图形设计能力，是每一名ui设计师最初具备的，最基础的能力。也是最能够衡量一名ui设计师能力水平的部分。

4、人因学理论和认知心理学：这个概念虽然有些大，但却是每一名ui设计师在事业稳固后毕生都要努力去探索的领域、可以说，设计的根本就是“人”，做人本 的界面，自然需要了解人，了解人的行为。例如，你不可能设计这样一个界面，在同一时间同一个界面上的不同位置显示两条重要的提示信息——因为，人，在同一 时间的关注点只能由一个，这是生理决定的，而不是某个人的主观臆断。再举个例子，为什么windows每次一次版本升级或多或少都会找到以前的影子，你可 能会说，这是microsoft的设计风格。不，那不是风格，而是一种习惯，以前是microsoft的习惯，现在，你用了windows，那么，你也有 了这种习惯。apple和microsoft的操作系统孰优孰劣？答丅案是，随你喜欢。是啊，多么简单的一个道理——喜欢，喜欢是一种习惯，你又如何能笃 定你认为的“正确”的设计恰好是人们所喜欢的呢？这里可以稍带提一下extjs，ext的风格，简言之，就是桌面应用的传统交互风格（wmip），而web的风格是什么？如果要我来说，我更倾向于web是一本翻开的杂志，一片展现设计师才华的热土，为什么这样说呢？因为web的不确定和开放性。以我的经验而言，webui设计，是所有软件ui设计领域中最困难的，也是限制最多的（往往这些限制还存在不确定性），一名优秀的 webui设计师，即使转而做桌面程序ui设计或移动设备界面设计，也是相对比较容易成功的。因此，作为webui设计师，排斥桌面ui风格是可以理解的，正是源自于他的习惯，他的“喜欢”。 5、具备高层次的审美能力，空间思维能力，逻辑能力以及一定的文学修养，保持一颗年轻的心，不要掉入自己挖的模式里，创意永不枯竭。 至此，大家应该大概了解了什么是ui设计和ui设计师这两个名字的内在含义。关于“美工”的问题，也应该有了自己的结论，我就不再做解释了。再说一个题外 话：ui设计师在我目前供职的公司的职位体系中是比较高的技术职位，相当于高级软件工程师，需要有3年以上行业经验方能胜任;而资深ui设计师是与软件设 计师平级的，他们共同的上层职位是架构师。这跟某些公司所招收的“美工”是有很大区别的。 给大家点信心，看看国内UI设计师的前景 UI设计在中国的现状 目前在国内UI还是一个相对陌生的词，即便是洛可可设计也在UI设计的道路上不断探索客户及用户的需求。我们经常看到一些招聘广告写着：招聘界面美工、界 面美术设计师等等。这表明在国内对UI的理解还停留在美术设计方面，认为UI的工作只是描边画线，缺乏对用户交互的重要性的理解；另一方面在软件开发过程 中还存在重技术而不重应用的现象。许多商家认为软件产品的核心是技术，而UI仅仅是次要的辅助，这点在人员的比例与待遇上可以表现出来。 但这不是UI设计真正的价值体现，只是UI设计发展的一个必经过程。我们以物质产品手机行业为例，手机刚刚进入市场的时候不但价格贵的惊人，而且除了通 话以外没有什么其他功能。由于当时的主导是技术，所以大家都把精力放在信号、待机时间、寿命等方面，对于产品的造型，使用的合理性很少关心。事过境迁，如 今技术已经完全的达到用户的需求，于是商家为了创造卖点，提高争力，非常重视产品的外观设计，除此之外还频频推出短信,彩屏，和铉，彩信,摄像头等等。这 样一来产品的美观、个性、易用、易学、人性化等等都成了产品的卖点。软件产品与物质产品的发展是相同的。过去由于计算机硬件的限制，编码设计成为软件开发 的代名词，美观亲和的图形化界面与合理易用的交互方式都没有得到充分的重视，实际上这个时期的软件叫作软件程序，而不是软件产品。 现今随着计算机硬件的飞速发展，过去的软件程序已经不能适应用户的要求。软件产品在激烈的市场竞争中，仅仅有强大的功能是远远不够的，不足以战胜强劲的对 手。幸运的是在国内一些高瞻远瞩的民族企业已经开始意识到UI给软件产品带来的巨大卖点了，例如金山公司的影霸、词霸、毒霸、网标，由于重视UI的开发与 地位，才使得金山产品在同类软件产品中首屈一指。联想软件的UI部门积极开展用户研究与使用性测试，将易用与美观相结合，推出的双模式电脑、幸福系列等成 功UI范例，为联想赢得全球消费 PC第三的称号等等、等等.实践证明，各商家要在产品美观和易用设计方面很小投入，将会有很大产出。其投入产出比，要比在功能领先性开发上的投入大得多。 我们不得不承认现阶段中国在很多领域都与西方发达国家有相当大的差距，如何赶上并超过他们是我们这代人肩负的历史使命。软件产品领域不象物质产品那样存在 工艺、材料上的限制，软件产品核心问题就是人。提高软件UI设计师个人能力减小人员上的差距是中国UI发展首要关键的问题。目前国内各院校还没有设立相对健全的UI设计专业，所以提高UI设计师能力关键在于提供一个良好的学习与交流的资源环境。国内已经有很多交流设计网站，介绍工业设计、平面设计、服装设计、绘画艺术、多媒体flash等，但是UI设计一直没有受到应有的关注，仅仅被放在数码设计或者平面网页设计的一个栏目里，这仅有的资源对培养优秀的设计师是不够的，必须有一个信息快捷、资源丰富、设计水平一流、专业权威的UI设计学习与交流的地方才能适应日益发展的UI 设计师们的需求。

请问extjs自带的docs目录中的帮助文档是怎么生成的？

这个其实就是用extjs本身的控件做好的，其主题就是一个formpanel，分为东南西北中几个区域

最重要的就是左边的属性结构和中间的链接部分，左边的树形结构点击每个项目时，会做一个超链接发送给右侧的窗口，窗口接收后打开一个新tab显示其中的内容

总体结构并不难的，看一看例子就知道了

请问extjs4.0与extjs3-3.1有何区别呀？

单纯地讲，作为升级版，4.0的系统将会更加强大，o(╯□╰)o。。。。。

由于4.0还没有问世，现在只有一个pr1，所以具体有什么区别是很难说的

不过官网提供的4点内容可以作为参考

1.图表

各种chart控件的更新，将使开发表格更加容易，同时增加了动画功能会使界面更加华丽

2.数据模块

一个非常令人期待的功能，将通过客户端直接访问DB更新数据，大幅减少b-s间传输的负荷

3.主题

提供更多的主题供选择，作为extjs的主要优势，华丽是不会被忘记的

4.grid与form

作为extjs最大的卖点，grid一直是强势地出现在人们的面前的，新的更新应该更多的是强化grid的绑定功能（我的感觉），如grid与form的绑定，grid与数据库的绑定。

以上就是我的看法了，希望能对你有帮助。

有朋友改过Extjs默认的皮肤吗?我是做设计的，现在需要改extjs的默认风格，相对于开发另外一套皮肤出来。谢

网上有很多ext的主题风格。实际上就ext本身的包来说就提供了好几种主题。在extjs/resources/css下，自己看一下吧。

实际上在extjs/examples/themes下更有主题用法的例子，自己研究下 很快就明白了

前端开发框架有哪些

虽然现在vue、React和Angular很火，学习的人也越来越多，但是如果只是开发PC端项目，如果是一套比较成熟的技术方案，也未必不能用jquery。

这里推荐QUICK UI前端框架，QUICK UI不仅仅是一个前端框架，而是专门面向企业开发的一整套前端解决方案。包括基础开发框架、100多种功能强大的UI控件、几十套精美的皮肤模板和近16万字的开发文档。而且它也同样是前后端分离的开发方式（没错，即使不是数据驱动，jquery机制同样也可以做到前后端分离）

趁这个机会介绍一下QUICK UI的几个亮点吧。

1、它的表格组件一直被用户誉为jquery中最好的表格，拥有良好的性能和兼容，包括实现跨行跨列的复杂表格、树形表、父子表、即时编辑表格等近100项功能点

2、表单控件种类非常丰富，几乎囊括了所有常见的表单元素类型，能够充分满足企业级应用的表单开发方面。

3、大量的图形化组件。例如矢量地图

环形进度条

4、跟其他框架的一个很大不同点是，它不仅仅是一套组件库，还包含了丰富的皮肤模板。例如响应式web类型：

工作桌面类型

地图应用类型

5、最新版本中针对大数据的可视化展现方面，还推出了一系列的展示模板。

更多内容还是访问UI Leader 中文官网吧：

javascript 中的? :语句 表示什么意思？

javascript 中的?是属性。例如：var text={  x:1,y:2   }    ，  输出：text.x       那么值就是1   如此而已。

javascript的相关概念：

语句

JavaScript程序是由若干语句组成的，语句是编写程序的指令。JavaScript提供了完整的基本编程语句，它们是：

赋值语句、switch选择语句、while循环语句、for循环语句、for each循环语句、do...while循环语句、break循环中止语句、continue循环中断语句、with语句、try…catch语句、if语句（if..else，if…else if…）。

函数

函数是命名的语句段，这个语句段可以被当作一个整体来引用和执行。使用函数要注意以下几点：

1）函数由关键字function定义（也可由Function构造函数构造）

2）使用function关键字定义的函数在一个作用域内是可以在任意处调用的（包括定义函数的语句前）；而用var关键字定义的必须定义后才能被调用

3）函数名是调用函数时引用的名称，它对大小写是敏感的，调用函数时不可写错函数名

4）参数表示传递给函数使用或操作的值，它可以是常量，也可以是变量，也可以是函数，在函数内部可以通过arguments对象（arguments对象是一个伪数组，属性callee引用被调用的函数）访问所有参数

5）return语句用于返回表达式的值。

6）yield语句扔出一个表达式，并且中断函数执行直到下一次调用next。

一般的函数都是以下格式：

function myFunction(params){

//执行的语句

}

函数表达式：

var myFunction=function(params){

//执行的语句

}

var myFunction = function(){

//执行的语句

}

myFunction();//调用函数

匿名函数，它常作为参数在其他函数间传递：

window.addEventListener('load',function(){

//执行的语句

},false);

对象

JavaScript的一个重要功能就是面向对象的功能，通过基于对象的程序设计，可以用更直观、模块化和可重复使用的方式进行程序开发。

一组包含数据的属性和对属性中包含数据进行操作的方法，称为对象。比如要设定网页的背景颜色，所针对的对象就是document，所用的属性名是bgcolor，如document.bgcolor="blue"，就是表示使背景的颜色为蓝色。

事件

用户与网页交互时产生的操作，称为事件。事件可以由用户引发，也可能是页面发生改变，甚至还有你看不见的事件（如Ajax的交互进度改变）。绝大部分事件都由用户的动作所引发，如：用户按鼠标的按键，就产生click事件，若鼠标的指针在链接上移动，就产生mouseover事件等等。在JavaScript中，事件往往与事件处理程序配套使用。

而对事件的处理，W3C的方法是用addEventListener()函数，它有三个参数：事件，引发的函数，是否使用事件捕捉。为了安全性，建议将第三个参数始终设置为false

传统的方法就是定义元素的on…事件，它就是W3C的方法中的事件参数前加一个“on”。而IE的事件模型使用attachEvent和dettachEvent对事件进行绑定和删除。JavaScript中事件还分捕获和冒泡两个阶段，但是传统绑定只支持冒泡事件。

变量

1、常用类型

Object：对象

Array：数组

Number：数

Boolean：布尔值，只有true和false两个值，是所有类型中占用内存最少的

null：一个空值，唯一的值是null，表空引用

undefined：没有定义或赋值的变量

2、命名形式

一般形式是：

var 变量名表;

其中，var是javascript的保留字，表面接下来是变量说明，变量名表是用户自定义标识符，变量之间用逗号分开。和C++等程序不同，在javascript中，变量说明不需要给出变量的数据类型。此外，变量也可以不说明而直接使用。

3、作用域

变量的作用域由声明变量的位置决定，决定哪些脚本命令可访问该变量。在函数外部声明的变量称为全局变量，其值能被所在HTML文件中的任何脚本命令访问和修改。在函数内部声明的变量称为局部变量。只有当函数被执行时，变量被分配临时空间，函数结束后，变量所占据的空间被释放。局部变量只能被函数内部的语句访问，只对该函数是可见的，而在函数外部是不可见的。

运算符

javascript提供了丰富的运算功能，包括算术运算、关系运算、逻辑运算和连接运算。

1.算术运算符

javascript中的算术运算符有单目运算符和双目运算符。双目运算符包括：+（加）、-（减）、*（乘）、/（除）、%（取模）、|（按位或）、（按位与）、（左移）、（右移）等。单目运算符有：-（取反）、~（取补）、++（递加1）--（递减1）等。

2.关系运算符

关系运算符又称比较运算，运算符包括：(小于)、=（小于等于）、（大于）、=（大于等于）、==（等于）和!=（不等于）以及 ===) 和 !==。

关系运算的运算结果为布尔值，如果条件成立，则结果为true，否则为false。

3.逻辑运算符

逻辑运算符有：（逻辑与）、||（逻辑或）、!（取反，逻辑非）、^（逻辑异或）。

4.字符串连接运算符

连接运算用于字符串操作，运算符为+（用于强制连接），将两个或多个字符串连结为一个字符串。

5.三目操作符？

三目操作符“?:”格式为：

操作数?表式1:表达式2

三目操作符“？：”构成的表达式，其逻辑功能为：若操作数的结果为true，则表述式的结果为表达式1，否则为表达式2。例如max=（ab）?a:b；该语句的功能就是将a,b中的较大的数赋给max。

相关规则

在JavaScript中，“==="是全同运算符，只有当值相等，数据类型也相等时才成立。

等同运算符“=="的比较规则：

当两个运算数的类型不同时：将他们转换成相同的类型。

1)一个数字与一个字符串，字符串转换成数字之后，进行比较。

2)true转换为1、false转换为0，进行比较。

3)一个对象、数组、函数与 一个数字或字符串，对象、数组、函数转换为原始类型的值，然后进行比较。(先使用valueOf,如果不行就使用toString)

4)其他类型的组合不相等。

JavaScript想两个运算数类型相同，或转换成相同类型后：

1)2个字符串：同一位置上的字符相等，2个字符串就相同。

2)2个数字：2个数字相同，就相同。如果一个是NaN,或两个都是NaN,则不相同。

3)2个都是true，或者2个都是false，则相同。

4)2个引用的是同一个对象、函数、数组，则他们相等，如果引用的不是同一个对象、函数、数组，则不相同，即使这2个对象、函数、数组可以转换成完全相等的原始值。

5)2个null，或者2个都是未定义的，那么他们相等。

而“===”是全同运算符，全同运算符遵循等同运算符的比较规则，但是它不对运算数进行类型转换，当两个运算数的类型不同时，返回false;只有当两个运算数的类型相同的时候，才遵循等同运算符的比较规则进行比较。

例如：null==undefined 会返回真， 但是null===undefined 就会返回假！

表达式

表达式是指将常量、变量、函数、运算符和括号连接而成的式子。根据运算结果的不同，表达式可分为算术表达式、字符表达式、和逻辑表达式。

脚本语言

不同于服务器端脚本语言，例如PHP与ASP，JavaScript是客户端脚本语言，也就是说JavaScript是在用户的浏览器上运行，不需要服务器的支持而可以独立运行。所以在早期程序员比较青睐于JavaScript以减少对服务器的负担，而与此同时也带来另一个问题：安全性。而随着服务器的强壮，虽然程序员更喜欢运行于服务端的脚本以保证安全，但JavaScript仍然以其跨平台、容易上手等优势大行其道。

JavaScript是一种脚本语言，其源代码在发往客户端运行之前不需经过编译，而是将文本格式的字符代码发送给浏览器由浏览器解释运行。解释语言的弱点是安全性较差，而且在JavaScript中，如果一条运行不了，那么下面的语言也无法运行。而且由于每次重新加载都会重新解译，加载后，有些代码会延迟至运行时才解译，甚至会多次解译，所以速度较慢。

与其相对应的是编译语言，例如Java。Java的源代码在传递到客户端运行之前，必须经过编译，因而客户端上必须具有相应平台上的仿真器或解释器，它可以通过编译器或解释器实现独立于某个特定的平台编译代码的束缚。但是它必须在服务器端进行编译，这样就拖延了时间。但因为已经封装，所以能保证安全性。

Javascript库

库，指得是可以方便应用到现有开发体系中的、现成的代码资源。库不仅为大部分日常的DOM脚本编程工作提供了快捷的解决方案，而且也提供了许多独特的工具。虽然库使用起来很方便，但它们也并非能解决你所有的问题。在使用库之前，一定要保证真正理解javascript的DOM原理。

这些库一般是一个（或多个）js（Javascript的缩写）文件，只要把他们导入你的网页就能使用了。

常用的库有：

jQuery：javascript库中的新成员，提供css和xpath选择符查找元素、ajax、动画效果等

JSer: 国人开发的一款全功能的开源脚本框架. 借助JSer，可以便捷的操作DOM、CSS样式访问、属性读写、事件绑定、行为切换、动态载入、数据缓存、URL与AJAX等众多功能。

dojo：一个巨大的库，包括的东西很多，dijit和dojox是dojo的扩展，几乎你想要的各种javascript程序都包括了。

prototype：一个非常流行的库，使用了原型链向javascript中添加了很多不错的函数

YUI：（YahooYUI库）yahoo！用户界面，非常实用，提供各种解决方案。

ExtJs：组件非常丰富，皮肤也很漂亮，动画效果也丰富。

语句

JavaScript程序是由若干语句组成的，语句是编写程序的指令。JavaScript提供了完整的基本编程语句，它们是：

赋值语句、switch选择语句、while循环语句、for循环语句、for each循环语句、do...while循环语句、break循环中止语句、continue循环中断语句、with语句、try…catch语句、if语句（if..else，if…else if…）。

函数

函数是命名的语句段，这个语句段可以被当作一个整体来引用和执行。使用函数要注意以下几点：

1）函数由关键字function定义（也可由Function构造函数构造）

2）使用function关键字定义的函数在一个作用域内是可以在任意处调用的（包括定义函数的语句前）；而用var关键字定义的必须定义后才能被调用

3）函数名是调用函数时引用的名称，它对大小写是敏感的，调用函数时不可写错函数名

4）参数表示传递给函数使用或操作的值，它可以是常量，也可以是变量，也可以是函数，在函数内部可以通过arguments对象（arguments对象是一个伪数组，属性callee引用被调用的函数）访问所有参数

5）return语句用于返回表达式的值。

6）yield语句扔出一个表达式，并且中断函数执行直到下一次调用next。

一般的函数都是以下格式：

function myFunction(params){

//执行的语句

}

函数表达式：

var myFunction=function(params){

//执行的语句

}

var myFunction = function(){

//执行的语句

}

myFunction();//调用函数

匿名函数，它常作为参数在其他函数间传递：

window.addEventListener('load',function(){

//执行的语句

},false);

对象

JavaScript的一个重要功能就是面向对象的功能，通过基于对象的程序设计，可以用更直观、模块化和可重复使用的方式进行程序开发。

一组包含数据的属性和对属性中包含数据进行操作的方法，称为对象。比如要设定网页的背景颜色，所针对的对象就是document，所用的属性名是bgcolor，如document.bgcolor="blue"，就是表示使背景的颜色为蓝色。

事件

用户与网页交互时产生的操作，称为事件。事件可以由用户引发，也可能是页面发生改变，甚至还有你看不见的事件（如Ajax的交互进度改变）。绝大部分事件都由用户的动作所引发，如：用户按鼠标的按键，就产生click事件，若鼠标的指针在链接上移动，就产生mouseover事件等等。在JavaScript中，事件往往与事件处理程序配套使用。

而对事件的处理，W3C的方法是用addEventListener()函数，它有三个参数：事件，引发的函数，是否使用事件捕捉。为了安全性，建议将第三个参数始终设置为false

传统的方法就是定义元素的on…事件，它就是W3C的方法中的事件参数前加一个“on”。而IE的事件模型使用attachEvent和dettachEvent对事件进行绑定和删除。JavaScript中事件还分捕获和冒泡两个阶段，但是传统绑定只支持冒泡事件。

变量

1、常用类型

Object：对象

Array：数组

Number：数

Boolean：布尔值，只有true和false两个值，是所有类型中占用内存最少的

null：一个空值，唯一的值是null，表空引用

undefined：没有定义或赋值的变量

2、命名形式

一般形式是：

var 变量名表;

其中，var是javascript的保留字，表面接下来是变量说明，变量名表是用户自定义标识符，变量之间用逗号分开。和C++等程序不同，在javascript中，变量说明不需要给出变量的数据类型。此外，变量也可以不说明而直接使用。

3、作用域

变量的作用域由声明变量的位置决定，决定哪些脚本命令可访问该变量。在函数外部声明的变量称为全局变量，其值能被所在HTML文件中的任何脚本命令访问和修改。在函数内部声明的变量称为局部变量。只有当函数被执行时，变量被分配临时空间，函数结束后，变量所占据的空间被释放。局部变量只能被函数内部的语句访问，只对该函数是可见的，而在函数外部是不可见的。

运算符

javascript提供了丰富的运算功能，包括算术运算、关系运算、逻辑运算和连接运算。

1.算术运算符

javascript中的算术运算符有单目运算符和双目运算符。双目运算符包括：+（加）、-（减）、*（乘）、/（除）、%（取模）、|（按位或）、（按位与）、（左移）、（右移）等。单目运算符有：-（取反）、~（取补）、++（递加1）--（递减1）等。

2.关系运算符

关系运算符又称比较运算，运算符包括：(小于)、=（小于等于）、（大于）、=（大于等于）、==（等于）和!=（不等于）以及 ===) 和 !==。

关系运算的运算结果为布尔值，如果条件成立，则结果为true，否则为false。

3.逻辑运算符

逻辑运算符有：（逻辑与）、||（逻辑或）、!（取反，逻辑非）、^（逻辑异或）。

4.字符串连接运算符

连接运算用于字符串操作，运算符为+（用于强制连接），将两个或多个字符串连结为一个字符串。

5.三目操作符？

三目操作符“?:”格式为：

操作数?表式1:表达式2

三目操作符“？：”构成的表达式，其逻辑功能为：若操作数的结果为true，则表述式的结果为表达式1，否则为表达式2。例如max=（ab）?a:b；该语句的功能就是将a,b中的较大的数赋给max。

相关规则

在JavaScript中，“==="是全同运算符，只有当值相等，数据类型也相等时才成立。

等同运算符“=="的比较规则：

当两个运算数的类型不同时：将他们转换成相同的类型。

1)一个数字与一个字符串，字符串转换成数字之后，进行比较。

2)true转换为1、false转换为0，进行比较。

3)一个对象、数组、函数与 一个数字或字符串，对象、数组、函数转换为原始类型的值，然后进行比较。(先使用valueOf,如果不行就使用toString)

4)其他类型的组合不相等。

JavaScript想两个运算数类型相同，或转换成相同类型后：

1)2个字符串：同一位置上的字符相等，2个字符串就相同。

2)2个数字：2个数字相同，就相同。如果一个是NaN,或两个都是NaN,则不相同。

3)2个都是true，或者2个都是false，则相同。

4)2个引用的是同一个对象、函数、数组，则他们相等，如果引用的不是同一个对象、函数、数组，则不相同，即使这2个对象、函数、数组可以转换成完全相等的原始值。

5)2个null，或者2个都是未定义的，那么他们相等。

而“===”是全同运算符，全同运算符遵循等同运算符的比较规则，但是它不对运算数进行类型转换，当两个运算数的类型不同时，返回false;只有当两个运算数的类型相同的时候，才遵循等同运算符的比较规则进行比较。

例如：null==undefined 会返回真， 但是null===undefined 就会返回假！

表达式

表达式是指将常量、变量、函数、运算符和括号连接而成的式子。根据运算结果的不同，表达式可分为算术表达式、字符表达式、和逻辑表达式。

脚本语言

不同于服务器端脚本语言，例如PHP与ASP，JavaScript是客户端脚本语言，也就是说JavaScript是在用户的浏览器上运行，不需要服务器的支持而可以独立运行。所以在早期程序员比较青睐于JavaScript以减少对服务器的负担，而与此同时也带来另一个问题：安全性。而随着服务器的强壮，虽然程序员更喜欢运行于服务端的脚本以保证安全，但JavaScript仍然以其跨平台、容易上手等优势大行其道。

JavaScript是一种脚本语言，其源代码在发往客户端运行之前不需经过编译，而是将文本格式的字符代码发送给浏览器由浏览器解释运行。解释语言的弱点是安全性较差，而且在JavaScript中，如果一条运行不了，那么下面的语言也无法运行。而且由于每次重新加载都会重新解译，加载后，有些代码会延迟至运行时才解译，甚至会多次解译，所以速度较慢。

与其相对应的是编译语言，例如Java。Java的源代码在传递到客户端运行之前，必须经过编译，因而客户端上必须具有相应平台上的仿真器或解释器，它可以通过编译器或解释器实现独立于某个特定的平台编译代码的束缚。但是它必须在服务器端进行编译，这样就拖延了时间。但因为已经封装，所以能保证安全性。

Javascript库

库，指得是可以方便应用到现有开发体系中的、现成的代码资源。库不仅为大部分日常的DOM脚本编程工作提供了快捷的解决方案，而且也提供了许多独特的工具。虽然库使用起来很方便，但它们也并非能解决你所有的问题。在使用库之前，一定要保证真正理解javascript的DOM原理。

这些库一般是一个（或多个）js（Javascript的缩写）文件，只要把他们导入你的网页就能使用了。

常用的库有：

jQuery：javascript库中的新成员，提供css和xpath选择符查找元素、ajax、动画效果等

JSer: 国人开发的一款全功能的开源脚本框架. 借助JSer，可以便捷的操作DOM、CSS样式访问、属性读写、事件绑定、行为切换、动态载入、数据缓存、URL与AJAX等众多功能。

dojo：一个巨大的库，包括的东西很多，dijit和dojox是dojo的扩展，几乎你想要的各种javascript程序都包括了。

prototype：一个非常流行的库，使用了原型链向javascript中添加了很多不错的函数

YUI：（YahooYUI库）yahoo！用户界面，非常实用，提供各种解决方案。

ExtJs：组件非常丰富，皮肤也很漂亮，动画效果也丰富。