每周极客都将总结本周最精彩的素材提供给大家,希望可以带给你更多地灵感和帮助!极客#GB课程库#现已上线,无论你是初级、中级、还是正在进修的高级前端工程师。这里都将帮助你得到更多更高效的学习。
如何写出高性能的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数据可视化效果。
极客标签现推出#GB课程库#,这是一个涵盖了当前最流行的HTML5、CSS3、javascript、bootstrap等现代开发技术的‘学’与‘习’的全新功能。邀请大家前来使用,它绝对让你花最少的钱和时间,带给你最有收获的价值体验!本周推荐已完成,希望大家访问www.gbtags.com,期待您们的光临!
原文来自:极客Web前端开发资源大荟萃