包含extjs3主題皮膚的詞條

本文目錄一覽：

• 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：組件非常豐富，皮膚也很漂亮，動畫效果也豐富。