推荐给JavaScript开发者十款超级有用的工具

news/2024/7/4 1:40:49 标签: javascript, 工具, 文档, generator, jquery, html5

近年来,JavaScript 越来越受到重视,早已不单单只是写写网页特效的脚本语言了,如今广泛用于网站的前端交互。值得一提的是,当下 Web 开发者们追捧的 Node.js 使得 JavaScript 能够在更多环境下运行,甚至是服务器端,使得这门语言再次受到大家的关注。今天,本文向JavaScript 开发者推荐十款超级有用的工具

YepNope

优秀<a class=javascript工具" src="http://www.kuqin.com/upimg/allimg/111207/22102S0F-0.png" />
YepNope 是一个异步的条件加载框架,速度超快,只为用户加载需要的脚本。使用非常简单,非常有用!
点击访问:http://yepnopejs.com/

Modernizr

优秀<a class=javascript工具" src="http://www.kuqin.com/upimg/allimg/111207/22102U0J-1.png" />
Modernizr 是一个开源的JavaScript库,它使得那些基于访客浏览器的不同(对新HTML5和CSS3标准支持的差异)而开发不同级别体验的前端工程师的工作变得更为简单。点击访问:http://www.modernizr.com/

MicroJS

优秀<a class=javascript工具" src="http://www.kuqin.com/upimg/allimg/111207/22102Q925-2.png" />
MicroJS 是最新推出的一个网站项目,致力于为最常见的开发任务提供 JavaScript 轻量库,有Ajax,JSON,DOM,面向对象的 JavaScript 等等,是真正值得你存入书签的金矿。点击访问:http://microjs.com/

Diva.js

优秀<a class=javascript工具" src="http://www.kuqin.com/upimg/allimg/111207/22102VA1-3.png" />
Diva 是一个用于在线浏览文档工具库,设计用于为数字图书馆的多页文档提供逐页阅读功能。对于在线图书馆或者在线书店网站来说,这是一个非常有用的工具,这里有一个示例。点击访问:http://ddmal.music.mcgill.ca/diva/

Bookmarklet Generator

优秀<a class=javascript工具" src="http://www.kuqin.com/upimg/allimg/111207/22102S945-4.png" />
顾名思义,这是一个在线书签生成工具。你只需要把代码粘贴到输入框,点击按钮,书签就生成了。

点击访问:http://benalman.com/code/test/jquery-run-code-bookmarklet/

jQAPI

优秀<a class=javascript工具" src="http://www.kuqin.com/upimg/allimg/111207/22102T2O-5.png" />
和其他 jQuery 开发者一样,我花费了很多时间在查找文档上面。jQAPI 这个网站提供了更好友好的 jQuery 文档功能,所以现在我都是在这个网站寻找帮助。点击访问:http://jqapi.com

heatmap.js

优秀<a class=javascript工具" src="http://www.kuqin.com/upimg/allimg/111207/22102R294-6.png" />
JavaScript 的无限可能性不断带给我惊喜,例如 heatmap.js 能够在你的数据之上借助 HTML5 Canvas 为网页生成heatmap。点击访问:http://www.patrick-wied.at/static/heatmapjs/

Respond.js

优秀<a class=javascript工具" src="http://www.kuqin.com/upimg/allimg/111207/22102W296-7.png" />
Respond.js 是一个用于在不支持 CSS3 Media Query 的浏览器中使用 Media Query 功能,例如IE。

点击访问:https://github.com/scottjehl/Respond/blob/master/respond.min.js

Ligature.js

优秀<a class=javascript工具" src="http://www.kuqin.com/upimg/allimg/111207/22102SX8-8.jpg" />
Ligature.js能够自动的帮你判断需要连字的地方并进行处理。

点击访问:http://code.google.com/p/ligature-js/

FitText.js

优秀<a class=javascript工具" src="http://www.kuqin.com/upimg/allimg/111207/22102S153-9.png" />
FitText 是一款文本大小自动调整插件,使用这款插件 能够让你的Web项目在屏幕宽度不同的设备上自动调整字体大小。

点击访问:http://fittextjs.com/


http://www.niftyadmin.cn/n/1732502.html

相关文章

CSS3动画-wordpress读者墙

有日子没更新啦&#xff0c;今天的主题是CSS3动画&#xff0c;用CSS3写一个不错的wordpress读者墙。 效果图&#xff1a; 代码自己开发工具看看&#xff0c;chrome下能收到最好效果。 ps&#xff1a;大前端D4主题即将出现&#xff0c;今晚仍旧测试中&#xff0c;有兴趣的同学可…

【缓存技术原理】浏览器端缓存机制详解

浏览器缓存是浏览器端保存数据用于快速读取或避免重复资源请求的优化机制&#xff0c;有效的缓存使用可以避免重复的网络请求和浏览器快速地读取本地数据&#xff0c;整体上加速网页展示给用户。浏览器端缓存的机制种类较多&#xff0c;总体归纳为九种&#xff0c;这里详细分析…

CSS3仿Javascript冒泡效果 简单易用

熟悉Javascript的同学都知道&#xff0c;写一个冒泡的效果很简单。css3的出现让简单的事情更容易使用和掌控&#xff0c;今天给大家介绍的就是纯CSS写的一个冒泡效果。 图片效果&#xff1a; 图片效果&#xff1a; 提示&#xff1a;源于CSS3&#xff0c;如果你用的是可怜的IE6…

CSS3实例:纯CSS3写Google Chrome新LOGO

上上篇文章我们知道了Google的Chrome浏览器更换新的LOGO&#xff0c;个人感觉很不错&#xff0c;简洁大方&#xff0c;又能表达Chrome快速的含义&#xff0c;所以打算用CSS3写一个Chrome LOGO Tips&#xff1a;喜欢研究的同学可以用浏览器的开发工具看下源码&#xff01;&#…

学习JavaScript的最佳方法

学习新的东西是件可怕的事。对我来说&#xff0c;掌握一项新技能最大的问题是&#xff0c;我不知道自己懂什么。鉴于此&#xff0c;定个计划&#xff0c;学习你感兴趣的东西应该会有用。这篇文章的主旨就是&#xff1a;你为学习JavaScript 制定的蓝图、路线、行动计划&#xff…

Html5新标签解释及用法

HTML 5 是一个新的网络标准&#xff0c;目标在于取代现有的 HTML 4.01, XHTML 1.0 and DOM Level 2 HTML 标准。它希望能够减少浏览器对于需要插件的丰富性网络应用服务&#xff08;plug-in-based rich internet application&#xff0c;RIA)&#xff0c;如Adobe Flash, Micros…

js 中的字符替换

<script language"javascript">var strM "javascript is a good script language";//在此将字母a全部替换成字母Aalert(strM.replace(/a/g,"A")); //下面是不分大小写都替换 alert(s.replace(/a|A/g,"B")); </script&…

CSS清除浮动 万能float闭合

清除浮动&#xff0c;新手朋友往往不是很明白。如果不清除浮动对float进行闭合&#xff0c;在FF中往往会出错&#xff0c;在 有大量的文章进行过介绍。今天向大家推荐一个实例&#xff0c;非常简洁易用。 给需要闭合的DIV&#xff08;class为clearfix&#xff09;加上如下的CS…