javascript学习资料分享

有志于web前端工作的话，javascript的知识是必不可少的。越学，我越觉得自己所欠缺的越多。路漫漫其修远兮，吾将上下而求索。下面将一些好的资料分享给大家。

JavaScript学习资料：

（1）遇见Javascript类型数组（蒋宇捷是CSDN上的专家，推荐多读他的博文）

（2）【转载】Javascript继承机制的设计思想

（3）Javascript诞生记

（4）深入理解JavaScript系列

（5）JavaScript入门

（6）JavaScript秘密花园：一个不断更新，主要关心JavaScript一些古怪用法的文档

（7）在线学习高级javascript：Learning Advanced JavaScript

（8）针对Node.js初学者的入门资源汇总

（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?

（36）Call, Apply, and Bind

 （37）this

（38）javascript 设计模式 - 文章很长，请自备瓜子，水果和眼药水

（39）优秀的JavaScript模块是怎样炼成的

（40）深入理解Delete（JavaScript）

JavaScript效果展示与插件：

（1）13个免费和收费的JavaScript/jQuery日历

（2）10个超赞的JavaScript图形图表绘制插件

（3）《关于浏览器和Web必须了解的20件事》中的翻页效果：演示 分析

（4）超牛的Image Slider JS插件，基于CSS3，提供9种2D转换特效，5种3D转换特效：演示 下载

（5）10个强大的Javascript表单验证插件推荐

（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框架以及相关工具

（2）好用的高质量JavaScript库一览

（3）除了jQuery之外较有名气的几个js框架：extjs（Sencha），MooTools，DjanGo

（4）js类库集合（jQuery、mootools等都在此有链接喔）/推荐：Javascript潮流类库大集合

（5）16个对开发者非常有用的JavaScript库

（6）JavaScript开发者必备的7个资源

（7）三款用于图像处理的JavaScript库

（8）推荐给JavaScript开发人员的10个工具

（9）5个最好的javascript调试工具/5个非常有用的JavaScript调试工具

（10）JavaScript框架Qatrix

（11）PanoJS3,一个JS类库，帮助你实现在全景图片中移动并且放大局部位置的JS库。非常方便用于销售站点中商品细节浏览一类的功能，并且支持IOS和Android移动设备：演示 下载

（12）JavaScript动画引擎库集合:Create.js是一组模块化的JS库，主旨在帮助开发者构建交互式富媒体HTML5应用，其中包含了EASELJS，TWEENJS，SOUNDJS，PRELOADJS以及工具ZOE

（13）Rickshaw：一个实现基于时间的可交互图表的JS库 下载 演示

（14）13款JavaScript模板引擎

（15）分享5个最佳的Javascript日期处理类库

（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：下载 示例

（39）10个顶级的CSS和Javascript动画框架

（40）gmaps.js，辅助创建Google地图应用

（41）11 个处理触摸事件和多点触摸的 JS 库

（42）Buzz,一个JavaScript库，帮助你更好更方便的利用HTML5 audio特性

（43）watermark.js，javascript库，通过canvas技术帮助你为图片加水印

（44）emberjs

（45）Quicksand：Reorder and filter items with a nice shuffling animation    Demo

（46）JavaScript 模板引擎 Elapse

（47）5 月份最热门的 10 个 JavaScript 库

（48）AppJS，用于构建桌面应用

（49）DWZ富客户端框架：简单实用国产jQuery UI框架

（50）zTree：jQuery开发的树状目录

（51）D3：D3学习指南1，D3学习指南2

JS相关开发工具：

（1）4个为 JS 开发者准备的 Notepad++ 插件

Js实现的算法；

（1）javascript 快速排序算法

（2）快速排序（Quicksort）的Javascript实现

=========================================================

另外推荐大家阅读HTML5研究小组推出的《JavaScript 每周导读》，截止到目前已有六期：

（1）第一期

（2）第二期

（3）第三期

（4）第四期

（5）第五期

（6）第六期

（7）第七期

转载于:https://my.oschina.net/u/1985334/blog/300938