极客Web前端开发资源大荟萃#002

每周极客都将总结本周最精彩的素材提供给大家，希望可以带给你更多地灵感和帮助！极客#GB课程库#现已上线，无论你是初级、中级、还是正在进修的高级前端工程师。这里都将帮助你得到更多更高效的学习。

• #GB课程库#

• 极客Web前端开发资源大荟萃#001

如何写出高性能的Jquery代码

讨论jQuery和javascript性能的文章并不罕见。然而，本文我计划总结一些速度方面的技巧和我本人的一些建议，来提升你的jQuery和javascript代码。好的代码会带来速度的提升。快速渲染和响应意味着更好的用户体验。

首先，在脑子里牢牢记住jQuery就是javascript。这意味着我们应该采取相同的编码惯例,风格指南和最佳实践。其次，如果你是一个javascript新手，我建议您阅读 《javascript初学者的最佳实践》 ,这是一篇高质量的javascript教程，接触jQuery之前最好先阅读。

当你准备使用jQuery，我强烈建议你遵循下面这些指南!

极客互动课程：HTML5画布实现的粒子运动效果

本节我们将介绍使用基础的HTML5画布API来生成各种粒子运动效果，如果大家对于基础的HTML5画布API不熟悉，请学习课程库中的HTML5画布基础入门课程。

jQuery Smoove插件的在线演示效果 - ABE Media

当你滚动页面的时候，内容会自动的互动加载到你的页面中。

A List Apart 设计模式库

知名设计博客A List Apart推出的web设计模式库，包含了web设计中常用的组件和设计方式。

免费电子·书：移动UI设计模式

包含了46个精挑细选的UI设计模式的详细讲解，深入讲解当今最流行的Apps，相信大家阅读后一定会受益匪浅，免费的，下载吧！

超酷的选择框jQuery插件 - Select or Die

Select or Die - 另外一款帮助你美化和强化选择框的jQuery插件，功能非常多，支持自定义。

静态HTML代码分析工具 - HTMLHint

HTMLHint由Yanis Wang开发，可以帮助你分析HTML代码的错误或者相关问题，可以方便的在IDE或者编译系统中使用。

Microjs: 超棒的迷你框架和迷你类库搜罗工具

你可以按条件方便的搜索需要的类库或者框架，以下为条件：

• 基础框架

• 模板引擎

• DOM操作

• CSS动画

• Javascript动画

• 数据操作

• 更多

数据可视化效果： Sigma实现的翻转效果互动图形

来自社交收藏数据生成的数据可视化效果。

互动效果数据可视化演示 - Wimbledon 2013 | Match Tree

D3开发的SVG数据可视化效果。