十款超级有用的JavaScript工具
fmms 13年前
<p> 近年来，JavaScript 越来越受到重视，早已不单单只是写写网页特效的脚本语言了，如今广泛用于网站的前端交互。值得一提的是，当下 Web 开发者们追捧的 Node.js 使得 <strong>JavaScript</strong> 能够在更多环境下运行，甚至是服务器端，使得这门语言再次受到大家的关注。今天，本文向 JavaScript 开发者推荐十款超级有用的工具。</p> <h2>YepNope</h2> <p><img style="width:560px;height:358px;" alt="十款超级有用的JavaScript工具" src="https://simg.open-open.com/show/26de8c31aca5a5cce0952ff59b12a1fa.png" /><br /> YepNope 是一个异步的条件加载框架，速度超快，只为用户加载需要的脚本。使用非常简单，非常有用！<br /> <strong>点击访问： <a href="/misc/goto?guid=4958193857725582753" target="_blank">http://yepnopejs.com/</a></strong></p> <h2>Modernizr</h2> <p><img style="width:559px;height:357px;" alt="十款超级有用的JavaScript工具" src="https://simg.open-open.com/show/03a812a1d627114acbfe772aaa19dd9e.png" /><br /> Modernizr 是一个开源的 <strong>JavaScript</strong> 库，它使得那些基于访客浏览器的不同（对新HTML5和CSS3标准支持的差异）而开发不同级别体验的前端工程师的工作变得更为简单。<strong>点击访问： <a href="/misc/goto?guid=4958193856985135572" target="_blank">http://www.modernizr.com/</a></strong></p> <h2>MicroJS</h2> <p><img style="width:549px;height:350px;" alt="十款超级有用的JavaScript工具" src="https://simg.open-open.com/show/6372659ec07b4f1bb37ab894bd48628e.png" /><br /> MicroJS 是最新推出的一个网站项目，致力于为最常见的开发任务提供 <strong>JavaScript</strong> 轻量库，有Ajax，JSON，DOM，面向对象的 JavaScript 等等，是真正值得你存入书签的金矿。<strong>点击访问： <a href="/misc/goto?guid=4958317584883779996" target="_blank">http://microjs.com/</a></strong></p> <h2>Diva.js</h2> <p><img style="width:560px;height:358px;" alt="十款超级有用的JavaScript工具" src="https://simg.open-open.com/show/7c6f190bd24ef046d238adbde008a093.png" /><br /> Diva 是一个用于在线浏览文档的工具库，设计用于为数字图书馆的多页文档提供逐页阅读功能。对于在线图书馆或者在线书店网站来说，这是一个非常有用的工具，这里有一个<a href="/misc/goto?guid=4958317585671889946" target="_blank">示例</a>。<strong>点击访问： <a href="/misc/goto?guid=4958317586467938367" target="_blank">http://ddmal.music.mcgill.ca/diva/</a></strong></p> <h2>Bookmarklet Generator</h2> <p><img style="width:542px;height:346px;" alt="十款超级有用的JavaScript工具" src="https://simg.open-open.com/show/e78360d30687095dc75d48a93ba7ce09.png" /><br /> 顾名思义，这是一个在线书签生成工具。你只需要把代码粘贴到输入框，点击按钮，书签就生成了。</p> <p><strong>点击访问： <a href="/misc/goto?guid=4958317587242184071" target="_blank">http://benalman.com/code/test/jquery-run-code-bookmarklet/</a></strong></p> <h2>jQAPI</h2> <p><img style="width:560px;height:358px;" alt="十款超级有用的JavaScript工具" src="https://simg.open-open.com/show/0222091a8ee999414377bcc4261d871a.png" /><br /> 和其他 jQuery 开发者一样，我花费了很多时间在查找文档上面。jQAPI 这个网站提供了更好友好的 <strong>jQuery</strong> 文档功能，所以现在我都是在这个网站寻找帮助。<strong>点击访问： <a href="/misc/goto?guid=4958317588196087305" target="_blank">http://jqapi.com</a></strong></p> <h2>heatmap.js</h2> <p><img style="width:539px;height:344px;" alt="十款超级有用的JavaScript工具" src="https://simg.open-open.com/show/3005662449c36a32cf47ca4cfa404292.png" /><br /> JavaScript 的无限可能性不断带给我惊喜，例如 heatmap.js 能够在你的数据之上借助 <strong>HTML5</strong> Canvas 为网页生成heatmap。<strong>点击访问： <a href="/misc/goto?guid=4958317588999357164" target="_blank">http://www.patrick-wied.at/static/heatmapjs/</a></strong></p> <h2>Respond.js</h2> <p><img style="width:549px;height:351px;" alt="十款超级有用的JavaScript工具" src="https://simg.open-open.com/show/1858762df8ec656748f11a78c1e89b5f.png" /><br /> Respond.js 是一个用于在不支持 <strong>CSS3</strong> Media Query 的浏览器中使用 Media Query 功能，例如IE。</p> <p><strong>点击访问： <a href="/misc/goto?guid=4958317589794140268" target="_blank">https://github.com/scottjehl/Respond/blob/master/respond.min.js</a></strong></p> <h2>Ligature.js</h2> <p><img style="width:471px;height:301px;" alt="十款超级有用的JavaScript工具" src="https://simg.open-open.com/show/74536375002df3739ce9c880050480b4.jpg" /><br /> Ligature.js 能够自动的帮你判断需要连字的地方并进行处理。</p> <p><strong>点击访问： <a href="/misc/goto?guid=4958317590585946272" target="_blank">http://code.google.com/p/ligature-js/</a></strong></p> <h2>FitText.js</h2> <p><img style="width:520px;height:332px;" alt="十款超级有用的JavaScript工具" src="https://simg.open-open.com/show/96a59f09fd7551fcdd8d09d08a1b59ac.png" /><br /> FitText 是一款文本大小自动调整插件，使用这款插件 能够让你的Web项目在屏幕宽度不同的设备上自动调整字体大小。</p> <p><strong>点击访问： <a href="/misc/goto?guid=4958187542206624962" target="_blank">http://fittextjs.com/</a></strong></p> 来自： <a href="/misc/goto?guid=4958317592094941986" target="_blank">http://www.cnblogs.com/lhb25/archive/2011/12/07/useful-tools-for-javascript.html</a>