8 个对JavaScript开发人员有用的工具

fmms 12年前
     <h3>1) <a href="/misc/goto?guid=4958317588999357164" target="_blank">Heatmapjs</a></h3>    <p>heatmap.js is a JavaScript library that can be used to <strong>generate web heatmaps with the html5 canvas element</strong> based on your data. Heatmap instances contain a store in order to colorize the <strong>heatmap based on <span id="IL_AD9" class="IL_AD">relative</span> data</strong>, which means if you’re adding only a <span id="IL_AD12" class="IL_AD">single</span> datapoint to the store it will be displayed as the hottest(red) spot, then adding another point with a higher count, it will <strong>dynamically recalculate</strong>.</p>    <p style="text-align:center;"><a href="/misc/goto?guid=4958338921011762217"><img class="aligncenter size-full wp-image-8285" title="heatmapjs" alt="8 Tools for JavaScript Developers" src="https://simg.open-open.com/show/473ac142f0fbd2c1e2e7ce96d38c150b.png" width="580" height="352" /></a></p>    <h3 style="text-align:left;">2) <a href="/misc/goto?guid=4958317586467938367" target="_blank">Diva</a></h3>    <p style="text-align:left;">Diva.js (<span id="IL_AD11" class="IL_AD">Document</span> Image Viewer with AJAX) is a Javascript frontend for viewing documents, designed to work with digital libraries to present multi-page documents as a single, continuous item. Only the pages that are being viewed at any given time are actually present in <span id="IL_AD7" class="IL_AD">the document</span>, with the rest appended as necessary, ensuring efficient memory usage and high loading speeds.</p>    <p style="text-align:center;"><a href="/misc/goto?guid=4958338922538841059"><img class="aligncenter size-full wp-image-8286" title="diva" alt="8 Tools for JavaScript Developers" src="https://simg.open-open.com/show/50ed4c893ece6190d1ad975d8742b33c.png" width="580" height="352" /></a></p>    <h3 style="text-align:left;">3) <a href="/misc/goto?guid=4958317588196087305" target="_blank">Jqapi</a></h3>    <p style="text-align:left;">The jQuery documentation is great, very complete, nicely written and with a lot of examples and demos. The only thing that bugs me is the way we have to find the right documentation for what we <span id="IL_AD8" class="IL_AD">search for</span>. Try to search for the <code>.is()</code> function for example. Over 100 matches before the actual function I am looking for?!<em>*)</em> And it is a fixed layout which means even on my big screen I have to scroll all the way down and have to scan for it. There have to be a better way, obviously.</p>    <p style="text-align:center;"><a href="/misc/goto?guid=4958338924058753162"><img class="aligncenter size-full wp-image-8287" title="japi" alt="8 Tools for JavaScript Developers" src="https://simg.open-open.com/show/028c6f97ca2dcc960b0b432528778c74.png" width="580" height="352" /></a></p>    <h3 style="text-align:left;">4) <a href="/misc/goto?guid=4958317589794140268" target="_blank">Respond Min js</a></h3>    <p style="text-align:center;"><a href="/misc/goto?guid=4958338925580533553"><img class="aligncenter size-full wp-image-8288" title="respond" alt="8 Tools for JavaScript Developers" src="https://simg.open-open.com/show/05eeaf2b01cd75d07131598d742be1b1.png" width="580" height="353" /></a></p>    <h3 style="text-align:left;">5) <a href="/misc/goto?guid=4958338926375240463" target="_blank">Modernizr</a></h3>    <p style="text-align:left;"><strong>Modernizr</strong> is an open-source JavaScript library that helps you build the next generation of HTML5 and CSS3-powered websites.</p>    <p style="text-align:center;"><a href="/misc/goto?guid=4958338927167942131"><img class="aligncenter size-full wp-image-8289" title="modernizr" alt="8 Tools for JavaScript Developers" src="https://simg.open-open.com/show/faf56f9218975df8b48d1d8ae4690f40.png" width="580" height="352" /></a></p>    <h3 style="text-align:left;">6) <a href="/misc/goto?guid=4958193857725582753" target="_blank">Yepnopejs</a></h3>    <p style="text-align:left;">yepnope is an asynchronous conditional resource loader that’s super-fast, and allows you to load only the scripts that your users need.</p>    <p style="text-align:center;"><a href="/misc/goto?guid=4958338928686337412"><img class="aligncenter size-full wp-image-8290" title="yep" alt="8 Tools for JavaScript Developers" src="https://simg.open-open.com/show/bcf1cfdb1daeceb319907774816a1ab9.png" width="580" height="352" /></a></p>    <h3 style="text-align:left;">7) <a href="/misc/goto?guid=4958187542206624962" target="_blank">Fittextjs</a></h3>    <p style="text-align:left;">FitText makes font-sizes flexible. Use this plugin on your fluid or responsive layout to achieve scalable headlines that fill the width of a parent element.</p>    <p style="text-align:center;"><a href="/misc/goto?guid=4958338930209388897"><img class="aligncenter size-full wp-image-8291" title="filtertext" alt="8 Tools for JavaScript Developers" src="https://simg.open-open.com/show/cf30eef8d992cff9ea98855fa94c0fa3.png" width="580" height="353" /></a></p>    <h3 style="text-align:left;">8 )<a href="/misc/goto?guid=4958317590585946272" target="_blank"> Ligature js</a></h3>    <p style="text-align:left;">Ligature.js will go through the text on a web-page, and insert ligatures where appropriate.</p>    <p style="text-align:center;"><a href="/misc/goto?guid=4958338931737187730"><img class="aligncenter size-full wp-image-8292" title="js" alt="8 Tools for JavaScript Developers" src="https://simg.open-open.com/show/8f60c8b16fbfe54bfcf558a9a58fdacc.png" width="580" height="352" /></a></p>