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

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

如何写出高性能的Jquery代码

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

首先,在脑子里牢牢记住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数据可视化效果。


郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。