本文目錄一覽：
Jquery主要是做什麼的？
jQuery-是輕量級的js庫 ， （IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+）， jQuery2.0及後續版本將不再支持IE6/7/8瀏覽器。jQuery使用戶能更方便地處理HTML(標準通用的標記語言 下的一個應用）、events、實現動畫效果，並且方便地為網站提供AJAX交互。jQuery還有一個比較大的優勢是，它的文檔說明很全，而且各種應用也說得很詳細，同時還有許多成熟的插件 可供選擇。jQuery能夠使用戶的html頁面保持代碼和html內容分離，也就是說，不用再在html裡面插入一堆js來調用命令了，只需要定義id即可
jQuery是一個兼容多瀏覽器的javascript庫，核心理念是write less,do more(寫得更少,做得更多)。jQuery在2006年1月由美國人John Resig在紐約的barcamp發布，吸引了來自世界各地的眾多JavaScript高手加入，由Dave Methvin率領團隊進行開發。如今，jQuery已經成為最流行的javascript庫，在世界前10000個訪問最多的網站中，有超過55%在使用jQuery。
jQuery是免費、開源的，使用MIT許可協議。jQuery的語法設計可以使開發者更加便捷，例如操作文檔對象、選擇DOM元素、製作動畫效果、事件處理、使用Ajax以及其他功能。除此以外，jQuery提供API讓開發者編寫插件。其模塊化的使用方式使開發者可以很輕鬆的開發出功能強大的靜態或動態網頁。
jQuery，顧名思議，也就是JavaScript和查詢（Query），即是輔助JavaScript開發的庫。
如何使 javascript 更高效
打個比方：
var arr = [1,2,3,4,5,6];
for(var i = 0;i arr.length;i++) {
console.log(arr[i])
}
//以上優化就在iarr.length;循環每次都要訪問他的length屬性，不如先存起來，var len=arr.length;
//dom相關的，id選擇器是最快的
//優化的細節很多，講不清楚一下
用什麼編輯器寫javascript最舒服呢？
目前前端使用率最高的就是sublime 和 webstorm了，當然了還有visual ，DW， 等等。下面僅介紹一些sublime和webstorm。
1.Sublime Text 是一個代碼編輯器（Sublime Text 2是收費軟件，但可以無限期試用），也是HTML和散文先進的文本編輯器。Sublime Text是由程序員Jon Skinner於2008年1月份所開發出來，它最初被設計為一個具有豐富擴展功能的Vim。
Sublime Text具有漂亮的用戶界面和強大的功能，例如代碼縮略圖，Python的插件，代碼段等。還可自定義鍵綁定，菜單和工具欄。Sublime Text 的主要功能包括：拼寫檢查，書籤，完整的 Python API ， Goto 功能，即時項目切換，多選擇，多窗口等等。Sublime Text 是一個跨平台的編輯器，同時支持Windows、Linux、Mac OS X等操作系統。
2.WebStorm 是jetbrains公司旗下一款JavaScript 開發工具。被廣大中國JS開發者譽為“Web前端開發神器”、“最強大的HTML5編輯器”、“最智能的JavaScript IDE”等。與IntelliJ IDEA同源，繼承了IntelliJ IDEA強大的JS部分的功能。
功能編輯
JavaScript
· 基於DOM，特定瀏覽器完成
· 編碼導航和用法查詢
· 支持ECMAScript
· 支持CoffeeScript
· 支持結點
· JavaScript重構
· JavaScript單元測試
· 代碼檢測和快速修復
· JSLint/JSHint
· 基於 Mozilla的JavaScript調試器
其他用途
· 批量代碼分析
· 編碼語言混合或內混
· 拼寫檢查器
· 重複代碼檢測器
編輯語言
· 支持HTML5
· css/js
· 檢驗和快速修復
· Zen編碼
· 顯示內容
· 顯示應用的風格
便捷的環境
· HTML5樣本文件和其他Web應用程序模板
· FTP和遠程文件同步
· 集成了版本控制系統
· 本地記錄
優勢功能編輯
智能的代碼補全
支持不同瀏覽器的提示，還包括所有用戶自定義的函數(項目中)
代碼補全包含了所有流行的庫，比如：JQuery, YUI, Dojo, Prototype, Mootools and Bindows。
代碼格式化
代碼不僅可以格式化，而且所有規則都可以自己來定義
html提示
大家經常在js代碼中編寫html代碼，一般來說十分痛苦，不過有了智能提示，就爽多了。而且html裡面還能有js提示。
聯想查詢
只需要按着Ctrl鍵點擊函數或者變量等，就能直接跳轉到定義；可以全
代碼導航和用法查詢 (8張)
項目查找函數或者變量，還可以查找使用並高亮。
代碼重構
這個操作有些像Resharper，熟悉Resharper的用戶應該上手很快，支持的有重命名、提取變量/函數、內聯變量/函數、移動/複製、安全刪除等等。
代碼檢查和快速修復
可以快速找到代碼中的錯誤或者需要優化的地方，並給出修改意見，快速修復。
代碼調試
支持代碼調試，界面和IDEA相似，非常方便。
代碼結構瀏覽
可以快速瀏覽和定位
代碼摺疊
功能雖小，不過勝在方便高效
包裹或者去掉外圍代碼
自動提示包裹或者去掉外圍代碼，一鍵搞定
javascript框架有哪些
目前來看，JS框架以及一些開發包和庫類有如下幾個，Dojo 、Scriptaculous 、Prototype 、yui-ext 、Jquery 、Mochikit、mootools 、moo.fx
Dojo （JS library and UI component ）：
Dojo是目前最為強大的j s框架，它在自己的Wiki上給自己下了一個定義，dojo是一個用JavaScript編寫的開源的DHTML工具箱。dojo很想做一個“大一統”的 工具箱，不僅僅是瀏覽器層面的，野心還是很大的。Dojo包括ajax, browser, event, widget等跨瀏覽器API，包括了JS本身的語言擴展，以及各個方面的工具類庫，和比較完善的UI組件庫，也被廣泛 應用在很多項目中，他的UI組件的特點是通過給html標籤增加tag的方式進行擴展，而不是通過寫JS來生成，dojo的API模仿Java類庫的組織 方式。 用dojo寫Web OS可謂非常方便。dojo現在已經4.0了，dojo強大的地方在於界面和特效的封裝，可以讓開發者快速構建一些兼容標準的界面。
優點：庫相當完善，發展時間也比較長，功能強大，據說利用dojo的io.bind()可以實現comet，看見其功能強大非一般，得到IBM和SUN的支持
缺點：文件體積比較大，200多KB，初次下載相當慢，此外，dojo的類庫使用顯得不是那麼易用，j s語法增強方面不如prototype。
Prototype （JS OO library）：
是一個非常優雅的JS庫，定義了JS的面向對象擴展，DOM操作API，事件等等，以prototype為核心，形成了一個外圍的各種各樣 的JS擴展庫，是相當有前途的JS底層框架，值得推薦，感覺也是現實中應用最廣的庫類（RoR集成的AJAX JS庫），之上還有 Scriptaculous 實現一些JS組件功能和效果。
優點：基本底層，易學易用，甚至是其他一些js特效開發包的底層，體積算是最小的了。
缺點：如果說缺點，可能就是功能是他的弱項
Scriptaculous （JS UI component based on prototype）：
Scriptaculous是基於prototype.js框架的JS效果。包含了6個js文件，不同的文件對應不同的js效果，所以說，如果底層用 prototype的話，做js效果用Scriptaculous那是再合適不過的了，連大名鼎鼎的digg都在用他，可見不一般
優點：基於prototype是最大的優點，由於使用prototype的廣泛性，無疑對用戶書錦上添花，並且在《ajax in action》中就拿Scriptaculous來講述js效果
缺點：剛剛興起，需要時間的磨練
yui-ext (JS UI component)：
基於Yahoo UI的擴展包yui-ext是具有CS風格的Web用戶界面組件 能實現複雜的Layout布局，界面效果可以和backbase媲美，而且使用純javascript代碼開發。真正的可編輯的表格Edit Grid，支持XML和Json數據類型，直接可以遷入grid。許多組件實現了對數據源的支持，例如動態的布局，可編輯的表格控件，動態加載的Tree 控件、動態拖拽效果等等。1.0 beta版開始同Jquery合作，推出基於jQuery的Ext 1.0，提供了更多有趣的功能。
優點：結構化，類似於java的結構，清晰明了，底層用到了Jquery的一些函數，使整合使用有了選擇，最重要的一點是界面太讓讓人震撼了。
缺點：太過複雜，整個界面的構造過於複雜。
Jquery ：
jQuery是一款同prototype一樣優秀js開發庫類，特別是對css和XPath的支持，使我們寫js變得更加方便！如果你不是個js高手又想寫出優 秀的js效果，jQuery可以幫你達到目的！並且簡介的語法和高的效率一直是jQuery追求的目標，
優點：注重簡介和高效，js效果有yui-ext的選擇，因為yui-ext 重用了很多jQuery的函數
缺點：據說太嫩，歷史不悠久。
Mochikit ：
MochiKit自稱為一個輕量級的js框架。MochiKit 主要受到 Python 和 Python 標準庫提供的很多便利之處的啟發，另外還緩解了瀏覽器版本之間的不一致性。其中的 MochiKit.DOM 尤其方便，能夠以比原始 JavaScript 更友好的方式處理 DOM 對象。MochiKit.DOM 大部分都是針對 XHTML 文檔定製的，如果與 MochiKit 和 Ajax 結合在一起，使用 XHTML 包裝的微格式尤其方便。Mochikit可以直接對字符串或者數字格式化輸出，比較實用和方便。它還有自己的 js 代碼解釋器
優點：MochiKit.DOM這部分很實用，簡介也是很突出的
缺點：輕量級的缺點
mootools ：
MooTools是一個簡潔，模塊化，面向對象的JavaScript框架。它能夠幫助你更快，更簡單地編寫可擴展和兼容性強的JavaScript代碼。Mootools跟prototypejs相類似，語法幾乎一樣。但它提供的功能要比prototypejs多，而且更強大。比如增加了動畫特效、拖放操作等等。
優點：可以定製自己所需要的功能，可以說是prototypejs的增強版。
缺點：不大不小，具體應用具體分析
moo.fx ：
moo.fx是一個超級輕量級的javascript特效庫（7k）,能夠與prototype.js或mootools框架一起使用。它非常快、易於使用、跨瀏覽器、符合標準，提供控制和修改任何HTML元素的CSS屬性，包括顏色。它內置檢查器能夠防止用戶通過多次或瘋狂點擊來破壞效果。moo.fx整體採用模塊化設計，所以可以在它的基礎上開發你需要的任何特效。
優點：小塊頭有大能耐
缺點：這麼小了，已經不錯了
原創文章，作者：小藍，如若轉載，請註明出處：https://www.506064.com/zh-hant/n/295805.html
微信掃一掃 
支付寶掃一掃 