16 个对开发者非常有用的 JavaScript 库
openkk 12年前
<div id="news_body"> <p> 1. CodeMirror</p> <p> CodeMirror 是一款“Online Source Editor”，基于 Javascript，短小精悍，实时在线代码高亮显示，他不是某个富文本编辑器的附属产品，他是许多大名鼎鼎的在线代码编辑器的基础库。</p> <p style="text-align:center;"><img alt="16 个对开发者非常有用的 JavaScript 库" src="https://simg.open-open.com/show/77f1a8788b7f31730424ad16f6be1ccf.jpg" width="550" height="129" /></p> <p> <strong>视频：</strong></p> <p> 2. html5media</p> <p> html5media 是一个 JavaScript 音频/视频播放器能够让每一个浏览器都能够播放在 HTML5 多媒体标签中定义的多媒体文件。 对于不兼容的浏览器，该播放将采用支持 Flash 的 FlowPlayer 播放器来代替。</p> <p style="text-align:center;"><img style="width:489px;height:250px;" alt="16 个对开发者非常有用的 JavaScript 库" src="https://simg.open-open.com/show/b4c2ab01da053716f1bfc5ee1085ca0a.jpg" /></p> <p> <strong>地图：</strong></p> <p> 3. Gmap</p> <p> GMAP3 插件用来将 Google Maps 插入到网页中，Google 在其产品中已经提供了很简便的方法。但是 GMAP3 这个 jQuery 插件提供了更加简便的方法，特别是在使用一些高级功能时（如：overlays 和 callbacks）。</p> <p style="text-align:center;"><img border="0" alt="16 个对开发者非常有用的 JavaScript 库" src="https://simg.open-open.com/show/e54cdccc06388803f96758ed5fbd1e03.jpg" width="480" height="244" /></p> <p> <strong>图表：</strong></p> <p> 4. JS Charts</p> <p> JS Charts 是一款免费的基于 javascript 的轻量级插件，用 JS Charts 绘制图表是很轻松地事，因为你只需要关心客户端的脚本。</p> <p style="text-align:center;"><img style="width:530px;height:282px;" alt="16 个对开发者非常有用的 JavaScript 库" src="https://simg.open-open.com/show/20f9ec01f53b081ece10f0134443179f.jpg" /></p> <p> 5. Highcharts</p> <p> Highcharts 是一个制作图表的纯 Javascript 类库</p> <p style="text-align:center;"><img style="width:575px;height:137px;" alt="16 个对开发者非常有用的 JavaScript 库" src="https://simg.open-open.com/show/4c82f0f949d518cfae0fe497d67bc513.jpg" /></p> <p> 6. Flot</p> <p> 受 Plotr 和 PlotKit 的启发，Ole Laursen 基于 jquery 开发了一个图表绘制(WEB Chart)插件并命名为 flot。</p> <p> 示例代码：$.plot ($("#placeholder")， [ [[0, 0], [1, 1]] ], { yaxis: { max: 1 } });</p> <p style="text-align:center;"><img border="0" alt="16 个对开发者非常有用的 JavaScript 库" src="https://simg.open-open.com/show/d19049ee0616984f11572d02a4965dcd.gif" width="502" height="255" /></p> <p> 7. Timeplot</p> <p> Timeplot 是一个基于 DHTML 的 AJAX 部件，用于创建时间序列、基于时间事件的图表。</p> <p style="text-align:center;"><img alt="16 个对开发者非常有用的 JavaScript 库" src="https://simg.open-open.com/show/e746a93327073ce196551aff4f2e0ce7.jpg" width="550" height="257" /></p> <p> <strong>可视化和绘图库：</strong></p> <p> 8. Processing.js</p> <p> Processing.js 是轻量，易于了解掌握，并提出一个理想的工具，可视化的数据，创建用户界面和开发基于 Web 的游戏。</p> <p style="text-align:center;"><img alt="16 个对开发者非常有用的 JavaScript 库" src="https://simg.open-open.com/show/a1dda0f731083d9a0e144af0a4375e76.jpg" width="550" height="375" /></p> <p> 9. Protovis</p> <p> Protovis 是一个可视化 javaScript 图表生成工具。</p> <p style="text-align:center;"><img alt="16 个对开发者非常有用的 JavaScript 库" src="https://simg.open-open.com/show/0a49b08529ced3f3b9e9f353de645828.jpg" width="150" height="150" /> <img alt="16 个对开发者非常有用的 JavaScript 库" src="https://simg.open-open.com/show/4ee86fea0eb6cd4e08210da26bbdc2dc.jpg" width="150" height="150" /> <img alt="16 个对开发者非常有用的 JavaScript 库" src="https://simg.open-open.com/show/1466a95654eed57d2f21c3a948552097.jpg" width="150" height="150" /></p> <p> 10. Raphaël</p> <p> Raphaël 是一个小型的 JavaScript 库，用来简化在页面上显示向量图的工作。你可以用它在页面上绘制各种图表、并进行图片的剪切、旋转等操作。</p> <p style="text-align:center;"><img alt="16 个对开发者非常有用的 JavaScript 库" src="https://simg.open-open.com/show/afd53c81c0da9963f72db199ebf5a5e2.jpg" width="550" height="99" /></p> <p> <strong>安全相关：</strong></p> <p> 11. Ad Safe</p> <p> ADsafe 能使 Javascript 广告更加安全。</p> <p> ADsafe 使放置在页面上的客户代码（例如第三方的广告脚本以及挂件）安全，ADsafe 定义了一个 JavaScript 的子集，足以令客户脚本具有用的交互性，在此同时防止恶意或者偶然的破坏以及入侵。</p> <p style="text-align:center;"><img alt="16 个对开发者非常有用的 JavaScript 库" src="https://simg.open-open.com/show/bd5e7b812101a6371252e905a3372e07.gif" width="300" height="147" /></p> <p> <strong>存储：</strong></p> <p> 12. TaffyDB</p> <p> TaffyDB 是一个免费开源的 JavaScript 库，用于在 Web 上实现一个轻量级的数据访问层，也就是一个简单的数据库。</p> <p style="text-align:center;"><img alt="16 个对开发者非常有用的 JavaScript 库" src="https://simg.open-open.com/show/8643660aeba6f92ff8a1558d14c27d24.jpg" width="550" height="186" /></p> <p> 13. evercookie</p> <p> evercookie 是一套想辦法在瀏覽器上留下可供紀錄的痕跡的 javscript library，支援非常多方法，想盡辦法產生類似 HTTP cookie 的效果。目前实现的方法借助了 flash 的支持。</p> <p style="text-align:center;"><img alt="16 个对开发者非常有用的 JavaScript 库" src="https://simg.open-open.com/show/a2e277186ee09609bdcd8c0194fecf9a.jpg" width="525" height="144" /></p> <p> 14. jStorage</p> <p> jStorage 是一个简单的用于 Prototype，MooTools，jQuery 在浏览器端缓存数据（字符串，数字，对象，甚至是 XML 节点）的包装插件。</p> <p> <strong>其他：</strong></p> <p> 15. HeadJS</p> <p> HeadJS, 异步 JavaScript 加载。其最大特点就是不仅可以按顺序执行还可以并发加载 js</p> <p> 16. Socket.IO</p> <p> Socket.IO 旨在让各种浏览器与移动设备上实现实时 app 功能，模糊化各种传输机制。</p> <p style="text-align:center;"><img style="width:520px;height:127px;" alt="16 个对开发者非常有用的 JavaScript 库" src="https://simg.open-open.com/show/1b596a95549cd098983f86ab40fe16c5.jpg" /></p> <p> via <a href="/misc/goto?guid=4958336935124661317" target="_blank">webinsightlab</a></p> </div>