有志於web前端工做的話，javascript的知識是必不可少的。越學，我越以爲本身所欠缺的越多。路漫漫其修遠兮，吾將上下而求索。下面將一些好的資料分享給你們。javascript
JavaScript學習資料： php
（1）碰見Javascript類型數組（蔣宇捷是CSDN上的專家，推薦多讀他的博文）css
（2）【轉載】Javascript繼承機制的設計思想html
（3）Javascript誕生記前端
（4）深刻理解JavaScript系列html5
（5）JavaScript入門java
（6）JavaScript祕密花園：一個不斷更新，主要關心JavaScript一些古怪用法的文檔node
（7）在線學習高級javascript：Learning Advanced JavaScriptjquery
（8）針對Node.js初學者的入門資源彙總git
（9）如何使用JavaScript實現動畫效果的3D柱圖
（10）Closures: Front to Back
（11）如何編寫可維護的面向對象JavaScript代碼
（12）Google的Zerg rush效果如何用JavaScript實現
（13）JavaScript編程風格
（14）Code Avengers: 一個很是有創意的JavaScript學習網站，提供了40個互動的學習課程，每一個課程有5個任務
（15）JavaScript Closures and the module pattern (JavaScript閉包和模塊模式) 介紹瞭如何使用閉包來進行JS模塊開發
（16）JavaScript面向對象15分鐘教程
（17）Javascript內存泄露
（18）javascript單元測試方法
（19）【轉發】javascript 雜談之哪一種寫法你更喜歡？
（20）如何判斷Javascript對象是否存在
（21）使用隱藏的new來建立對象
（22）Working with files in JavaScript
（23）【轉載】V8 Javascript 引擎爲何會這麼快？
（24）實現翻頁效果的精美網頁
（25）Javascript循環優化
（26）Backbone.js剛剛召開了Backbonefu大會，基本上就是個JavaScript框架的比武交流大會，這裏是大會上大部分PPT，其中包括了EmberJS,RequireJS,AngularJS等豐富內容
（27）Nodes入門是一本全面的Node.js免費教程，致力於教會你如何用Node.js來開發應用，過程當中會傳授你全部所需的「高級」JavaScript知識。不是一本「Hello World」的教程：中文版 英文版
（28）使用 JavaScript 來獲取電池狀態（Battery Status API）
（29）js中的cssTexty方法批量修改樣式
（30）javascript編寫規範
（31）高性能JavaScript模板引擎原理解析
（32）ECMAScript 5 兼容性表
（33）JavaScript五種繼承方式
（34）Key Principles of Maintainable JavaScript
（35）What is the Execution Context?
（37）this
（38）javascript 設計模式 - 文章很長，請自備瓜子，水果和眼藥水
JavaScript效果展現與插件：
（1）13個免費和收費的JavaScript/jQuery日曆
（3）《關於瀏覽器和Web必須瞭解的20件事》中的翻頁效果：演示 分析
（4）超牛的Image Slider JS插件，基於CSS3，提供9種2D轉換特效，5種3D轉換特效：演示 下載
（6）一個用javascript寫的Gameboy模擬器。這個模擬器讓我明白了三件事。JavaScript很強大，Chrome的JS引擎夠猛，只有想獲得沒有作不到。如今配合HTML5的JavaScript更爲強大：演示 源碼
（7）這個站點霸氣chromeexperiments.com,站點上有很是多很是前沿的JS體驗！
（8）7 款 JavaScript 的 Ajax 文件上傳插件
（9）jsPlumb，能夠幫助你方便建立流程圖並動態設定鏈接線。jsPlumb提供了基於 jQuery/MooTools/YUI3三種方式的JS庫：下載 Demo
（10）用於圖片高亮效果的js插件
（11）美化web表格用的js插件：tablecloth.js
（12）那些帶給咱們強烈視覺衝擊的 JavaScript 特效網站
JavaScript框架與類庫：
（1）50+個JavaScript&HTML5框架以及相關工具
（3）除了jQuery以外較有名氣的幾個js框架：extjs（Sencha），MooTools，DjanGo
（4）js類庫集合（jQuery、mootools等都在此有連接喔）/推薦：Javascript潮流類庫大集合
（9）5個最好的javascript調試工具/5個很是有用的JavaScript調試工具
（11）PanoJS3,一個JS類庫，幫助你實如今全景圖片中移動而且放大局部位置的JS庫。很是方便用於銷售站點中商品細節瀏覽一類的功能，而且支持IOS和Android移動設備：演示 下載
（12）JavaScript動畫引擎庫集合:Create.js是一組模塊化的JS庫，主旨在幫助開發者構建交互式富媒體HTML5應用，其中包含了EASELJS，TWEENJS，SOUNDJS，PRELOADJS以及工具ZOE
（13）Rickshaw：一個實現基於時間的可交互圖表的JS庫 下載 演示
（16）AngularJS是一個HTML應用項目MVC框架，支持數據綁定，Controller，模板等
（17）Qatrix是一個簡單易用，代碼優美，同時專一於高性能應用開發的超輕量級JavaScript框架。特色：硬件加速的動畫效果,麻雀雖小五臟俱全,良好的兼容性.易學易用
（18）polyClip是 一個很是有意思的JS庫。當你須要在一張JPG圖片上切除一塊不規則圖形的時候，一般使用相似PhotoShop這樣的圖片編輯軟件，而後把結果存成一個 透明背景的png圖片。ployClip能夠幫助你使用canvas完成切圖的工做，但不使用png（爲了減少圖片的尺寸）
（19）kissy是淘寶一個開源的JavaScript庫，包含的組件有：日曆、圖片放大鏡、卡片切換、彈出窗口、輸入建議等
（20）dgrid是dojo發佈的」下一代「數據表格組件，看起來確實很犀利，不過要基於dojo.js的object store。支持mobile。
（21）Dotpl-JS是一個純javascript模板引擎,支持IF和FOR關鍵字，多循環銜套及字段渲染，跨瀏覽器支持。是一個實用的javascipt工具,頁面靜態化利器!
（22）Moment.js，專一於日期處理的輕量級javaScript類庫，包括對日期類型數據的解析，操做和格式化。支持中文。
（23）require.js是最受歡迎的AMD類，主要功能是實現JS模塊的加載。若是你要開發HTML5 APP的話，那麼這是JS必備基礎之一。如今RequireJS發出了2.0版本的路線圖和Draft版本
（24）【Cubism.js: 可視化的時間軸插件】Cubism.js 是一個 D3（Data-Driven Documents） 插件，用於可視化時間軸顯示，能夠用於實時的面板顯示，可以從 Graphite，Cube 等地方獲取數據
（25）一個js處理圖像的項目，基於html5的imagedata，目前已經實現了一些經常使用的濾鏡以及圖像邊緣檢測算法，包括gauss平滑、canny算子等：項目 示例
（26）KineticJS 是一個封裝了 HTML5 Canvas 的 JavaScript 庫，擴展了 2D 上下文支持桌面和移動應用的交互，您能夠繪製本身的形狀或圖像，利用現有的Canvas API，添加事件監聽，移動，縮放，和旋轉成其餘形狀，支持各類高性能的動畫，裏面的例子都很棒
（27）一個基於#Bootstrap#的類庫：bootbox.js，Bootstrap Modal的對話框，各類定製和擴展：Demo 源碼
（28）jCanvaScript是一個面向Canvas 的Javascript類庫，它提供了許多方法用於簡化處理HTML5畫布（canvas）元素的內容，只要支持canvas和Javascript的瀏覽器均可以使用它，包括iPhone、iPad和Android等平臺
（29）Grunt是面向JavaScript的命令行build工具，對滴，就好像JS的"ant"。這篇文章可讓你快速的入門，瞭解如何安裝，配置和使用grunt
（30）EmberJS
（31）jscheck是基於spec的js測試工具：主站 下載
（32）mailcheck.js能夠幫助你自動檢測用戶輸入email的domain是否正確，並根據用戶輸入顯示自動的提示，很是好用的js庫。你能夠本身定義domain庫，或使用默認庫。
（33）Github.js 是一個用來直接在瀏覽器上將源碼存儲到 Github 上的 JavaScript 庫
（34）The Top 10 Javascript MVC Frameworks Reviewed
（35）pageGuide能夠幫助你製做針對web頁面的可視化入門指南，最好的是他能夠針對不一樣的dom元素來針對性的製做指南
（36）Chronoline.js是一個基於raphael和jQuery的JS庫，用來展示水平時間軸方式的事件序列
（37）gmaps.js 庫提供了一系列封裝良好的API，能夠幫助你以最簡單的方式利用Google Map強大的功能：下載 示例
（38）CraftMap能夠幫助你輕鬆的經過添加覆蓋層把一副圖片變換成一個多功能地圖，輕量級JS庫，僅6K：下載 示例
（40）gmaps.js，輔助建立Google地圖應用
（42）Buzz,一個JavaScript庫，幫助你更好更方便的利用HTML5 audio特性
（43）watermark.js，javascript庫，經過canvas技術幫助你爲圖片加水印
（44）emberjs
（45）Quicksand：Reorder and filter items with a nice shuffling animation Demo
（47）5 月份最熱門的 10 個 JavaScript 庫
（48）AppJS，用於構建桌面應用
（49）DWZ富客戶端框架：簡單實用國產jQuery UI框架
（50）zTree：jQuery開發的樹狀目錄
JS相關開發工具：
Js實現的算法；
（2）快速排序（Quicksort）的Javascript實現
=========================================================
另外推薦你們閱讀HTML5研究小組推出的《JavaScript 每週導讀》，截止到目前已有六期：
（1）第一期
（2）第二期
（3）第三期
（4）第四期
（5）第五期
（6）第六期
（7）第七期