js常用庫

1. 前端開發主要學習那些技術以適應工作需求

一、前端是什麼？

前端即網站前台部分，也叫前端開發，運行在PC端，移動端等瀏覽器上展現給用戶瀏覽的網頁。隨著互聯網技術的發展，HTML5，CSS3，前端框架的應用，跨平台響應式網頁設計能夠適應各種屏幕解析度，完美的動效設計，給用戶帶來極高的用戶體驗。

核心技術是前端開發中最基本也是最必須的三個技能。前端的開發中，在頁面的布局時， HTML將元素進行定義，CSS對展示的元素進行定位，再通過javaScript實現相應的效果和交互。雖然表面看起來很簡單，但這裡面需要掌握的東西絕對不會少。在進行開發前，需要對這些概念弄清楚、弄明白，這樣在開發的過程中才會得心應手。
二、前端都需要學什麼（可以分為八個階段）？

1、第一階段：

▪ HTML+CSS:

HTML進階、 CSS進階、p+CSS布局、HTML+CSS整站開發、

▪ JavaScript基礎：

js基礎教程、js內置對象常用方法、常見DOM樹操作大全、ECMAscript、DOM、BOM、定時器和焦點圖。

▪ JS基本特效：

常見特效、例如：tab、導航、整頁滾動、輪播圖、JS製作幻燈片、彈出層、手風琴菜單、瀑布流布局、滾動事件、滾差視圖。

▪ JS高級特徵：

正則表達式、排序演算法、遞歸演算法、閉包、函數節流、作用域鏈、基於距離運動框架、面向對象基礎、

▪ JQuery：基礎使用

懸著器、DOM操作、特效和動畫、方法鏈、拖拽、變形、JQueryUI組件基本使用。

2、第二階段：HTML5和移動Web開發

▪ HTML5：

HTML5新語義標簽、HTML5表單、音頻和視頻、離線和本地存儲、SVG、Web Socket、Canvas.

▪ CSS3:

CSS3新選擇器、偽元素、臉色表示法、邊框、陰影、flex布局、background系列屬性改變、Transition、動畫、景深和深透、3D效果製作、Velocity.js框架、元素進場、出場策略、炫酷CSS3網頁製作。

▪ Bootstrap:

響應式概念、媒體查詢、響應式網站製作、刪格系統、刪格系統原理、Bootstrap常用模板、LESS和SASS。

▪ 移動Web開發：

跨終端WEB和主流設備簡介、視口、流式布局、彈性盒子、rem、移動終端JavaScript事件、手機中常見JS效果製作、手機聚劃算頁面、手機滾屏。

3、第三階段：HTTP服務和AJAX編程

▪ WEB伺服器基礎：

伺服器基礎知識、Apache伺服器和其他WEB伺服器介紹、Apache伺服器搭建、HTTP介紹。

▪ AJAX上篇：

Ajax簡介和非同步的概念、Ajax框架的封裝、XMLHttpRequest對象詳細介紹方法、兼容性處理方法、Ajax框架的封裝、Ajax中緩存問題、XML介紹和使用、會處理簡單的GET或者POST請求、

▪ AJAX下篇：

JSON和JSON解析、數據綁定和模板技術、JSONP、跨域技術、圖片預讀取和lazy-load技術、JQuery框架中的AjaxAPI、使用Ajax實現爆布流案例額。

4、第四階段：面向對象進階

▪ 面向對象終極篇：

從內存角度到理解JS面向對象、基本類型、復雜類型、原型鏈、ES6中的面向對象、ES6中變數的作用域（let ，const(聲明變數只讀)，塊級作用域），ES6中函數新特性。

▪ 面向對象三大特徵：

繼承性、多態性、封裝性。

▪ 面向對象中創建對象的五種方法：

自定義對象 、工廠模式創建對象、構造函數、 混合模式創造對象、JSO格式創建對象。

5、第五階段：封裝一個屬於自己的框架

▪ 框架封裝基礎：

事件流、冒泡、捕獲、事件對象、事件框架、選擇框架。

▪ 框架封裝中級：

運動原理、單物體運動框架、多物體運動框架、運動框架面向對象封裝。

▪ 框架封裝高級和補充：

JQuery框架雛形、可擴展性、模塊化、封裝屬於傳智自己的框架。

6、第六階段：模塊化組件開發

▪ 面向組件編程：

面向組件編程的方式、面向組件編程的實現原理、面向組件編程實戰、基於組件化思想開發網站應用程序。

▪ 面向模塊編程：

AMD設計規范、CMD設計規范、RequireJS，LoadJS、淘寶的SeaJS。

7、第七階段：主流的流行框架

▪ Web開發工作流：

GIT/SVN、Vue-cli腳手架、NPM/Bower依賴管理工具、Grunt/Gulp/Webpack。

▪ 前端主流框架：

Vue.js、Angular.js、React.JS、Bootstrap。

▪ 常用庫：

React.js、Vue.js、JQuery.js。

8、第八階段:Node.js全棧開發：

▪ 快速入門：

Node.js發展、生態圈、Io.js、Linux/Windows/OS X環境配置、REPL環境和控制台程序、非同步編程，非阻塞I/O、模塊概念，模塊管理工具、開發流程，調試，測試。

▪ 核心模塊和對象：

全局對象global，process，console，util、事件驅動，事件發射器、加密解密，路徑操作，序列化和反序列化、文件流操作、HTTP服務端與客戶端、Socket.IO。

▪ Web開發基礎：

HTTP協議，請求響應處理過程、關系型資料庫操作和數據訪問、非關系型資料庫操作和數據訪問、原生的Node.js開發Web應用程序、Web開發工作流、Node.js開發Blog案例。

▪ 快速開發框架：

Express簡介+MVC簡介、Express常用API、Express路由模塊、Jade/Ejs模板引擎、使用Express重構Blog案例、Koa等其他常見MVC框架。

▪ Node.js開發電子商務實戰：

需求與設計、賬戶模塊注冊登錄、會員中心模塊、前台展示模塊、購物車，訂單結算、在線客服即時通訊模塊。

2. 網頁前端常用的庫或框架有哪些

bootstrap是twitter出的一款不錯的UI框架，或者與其說是框架不如說是類庫（lib），當然這里邊牽扯到一個「究竟什麼是框架什麼是類庫？」的問題，我們暫時不談。畢竟是有大公司背景的代碼堆，我覺得沒什麼「落伍」可言。
angular是前兩年之內突然火得一塌糊塗的一個fe框架，這個我覺得可以算的上是真正意義上的框架了，MVVM雙向綁定，包括它擁有足夠完善的社區、生態，甚至chrome上都有很多好用的相關插件（這一點可以說是佔了google出品的光），比較完整的大型項目都是可以考慮引入的。但如果你的網站只是做一些輕量級的東西，殺雞焉用宰牛刀吧我覺得。
backbone主要針對的MVC中的M層，至少我是這么理解的。對UI層它幾乎沒什麼太多的限制，一方面給出了coder自由度進行發揮，另一方面也等於在這方面框架本身對開發沒提供什麼太大的幫助。我覺得這更像是一個高手向的框架，另外對於underscore前端模板那一套東西，說實話作為一名php java啥都能寫的FE我始終覺得這套東西有那麼一種純JS工程師的一廂情願的意味。這是個人看法了，不一定準確，況且有人會搬出ajax動態渲染時 前端模板的作用來反駁我，別急著反駁，至少往下看完我說的話。
相比之下，react可以說是一個在MVC中V層做的十分出色和新穎的框架了，獨特的jsx編譯機制就已經讓你的代碼變得高大上了，我是覺得這個類庫在UI層做的更徹底更專業，或者說讓FE的代碼更專業了。更何況，react比angular更年輕，而且同樣擁有大公司背景，react native一出更是讓JS工程師的地位取得了革命性的提升，（不要跟我提phonegap，用過兩個東西後你會明白，react打包的app性能甩phonegap幾條街沒問題）。另外既然樓主提到了之前的網站是bootstrap，不妨可以看一看react-bootstrap這個東西，或許這就是你想要的。

3. 有什麼js庫可以提供交互繪圖時可以自動吸附閉合，時時檢測是否垂直是否平行，時時顯示角度，長度的

常用的js繪圖庫有：

• D3.js：一個功能強大的數據可視化庫，支持吸附閉合等功能。

• Raphael.js：一個輕量級的交互繪圖庫，支持實時顯示角度和長度。

• Fabric.js：一個強大的交互繪圖庫，支持實時檢測垂直和平行等功能。

• p5.js：一個用於創作藝術和交互作品的庫，可以實現吸附閉合等功能。

4. jQuery和js類庫有什麼區別現在比較常用的js類庫是什麼一般什麼系統用

jQuery是js的一個框架，每一種js框架也可以看成是js的類庫，每種類庫也可以看成一種框架，都是封裝一些功能，方便用戶使用。

5. 怎樣使用微信小程序的第三方js庫

方法一：rpn.js：使用rpn.js實現eval函數功能
操作鏈接：網頁鏈接

方法二：
（1）使用Underscore.js：操作鏈接：網頁鏈接

（2）使用Immutable.js：操作鏈接：網頁鏈接

（3）使用UUID、Base64、Chance：操作鏈接：網頁鏈接

擴展微信小程序框架功能（1）——Promise

ES6 對 Promise 有了原生的支持，但微信開發者工具更新版本（0.11.112200）後, 移除了開發者工具對 ES6 中Promise 特性原生的支持, 需要引入第三方的 Promise 庫。

擴展微信小程序框架功能（2）——Generator
Generator函數是ES6提供的一種非同步編程解決方案，語法行為與傳統函數完全不同。

擴展微信小程序框架功能（3）——函數功能增強
Underscore.js 和 Lodash 是最常用的JavaScript庫。

擴展微信小程序框架功能（4）——Immutable.js
Immutable.js 是 Facebook 開發的不可變數據集合。Immutable
Data（不可變數據）一旦創建就不能被修改。通過使用Immutable
Data，可以更容易的處理緩存、回退、數據變化檢測等問題，應用開發更簡單。

擴展微信小程序框架功能（5）——Rex
Rex 是 JavaScript 狀態容器，提供可預測化的狀態管理。

擴展微信小程序框架功能（6）—日期時間
Moment.js是一個JavaScript的日期、時間處理工具類，其對於JavaScript的日期時間處理功能非常強悍和全面。可以用在瀏覽器環境中使用，也可以在Node.js中。

擴展微信小程序框架功能（7）——正則表達式
XRegExp 是一個開源的 JavaScript庫，提供一個參數化、可擴展的支持各種瀏覽器的正則表達式的實現庫，支持附加語法、標志以及方法。

擴展微信小程序框架功能（8）——Xml處理
x2js是一個 實現 XML 與 JavaScript 對象之間相互轉換的工具庫。

擴展微信小程序框架功能（9）——加解密
node-uuid可以快速地生成符合規范 的 UUID。js-base64可以實現Base64編碼和解碼。crypto-js可以非常方便地在 JavaScript 進行加解密。

擴展微信小程序框架功能（10）——測試輔助
Chance是一個 JavaScript 隨機數生成工具。Mock.js可以生成隨機數據，攔截 Ajax 請求。

方法三：moment
操作鏈接：網頁鏈接

6. js除了有JQuery框架以外，還有哪些強大點的框架，或者比較實用的也可以。。 誰能給我介紹一下

目前來看，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整體採用模塊化設計，所以可以在它的基礎上開發你需要的任何特效。
優點：小塊頭有大能耐
缺點：這么小了，已經不錯了