2016 年 11 月 12 个轻量级的 JavaScript 库
<div class="news-content" style="box-sizing: border-box; color: rgb(0, 0, 0); font-family: "PingFang SC", "Helvetica Neue", "Microsoft YaHei UI", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif; font-size: 16px;"><div class="editor-viewer text clear" style="box-sizing: border-box; overflow: hidden; margin-top: 24px; color: rgb(51, 51, 51);"><h3 style="box-sizing: border-box; font-size: 1.125rem;">1. meSing.js</h3><p style="box-sizing: border-box; margin-bottom: 16px;"><a data-cke-saved-href="https://github.com/usdivad/mesing" href="https://github.com/usdivad/mesing" style="box-sizing: border-box; background-color: transparent; text-decoration: none; outline: 0px; color: rgb(61, 177, 88);"><img alt="mesing-js" height="307" data-cke-saved-src="http://javascript.ctolib.com/uploadImg/20161122/20161122154521_949.jpeg" src="http://javascript.ctolib.com/uploadImg/20161122/20161122154521_949.jpeg" width="625" style="box-sizing: border-box; outline: 0px; width: auto; max-width: 100%; height: auto; color: rgb(204, 204, 204);"></a><br style="box-sizing: border-box;">meSing.js是一个一个JavaScript歌唱合成库，它使用Web Audio API的DSP功能与meSpeak.js语音合成库结合，为Web提供声乐合成器。</p><h3 style="box-sizing: border-box; font-size: 1.125rem;">2. Flv.js</h3><p style="box-sizing: border-box; margin-bottom: 16px;"><a data-cke-saved-href="https://github.com/Bilibili/flv.js" href="https://github.com/Bilibili/flv.js" style="box-sizing: border-box; background-color: transparent; text-decoration: none; outline: 0px; color: rgb(61, 177, 88);"><img alt="flvjs" height="307" data-cke-saved-src="http://javascript.ctolib.com/uploadImg/20161122/20161122154532_243.jpeg" src="http://javascript.ctolib.com/uploadImg/20161122/20161122154532_243.jpeg" width="625" style="box-sizing: border-box; outline: 0px; width: auto; max-width: 100%; height: auto; color: rgb(204, 204, 204);"></a><br style="box-sizing: border-box;">flv.js是一个 <a data-cke-saved-href="https://codegeekz.com/best-html5-video-players-and-tools-for-developers/" href="https://codegeekz.com/best-html5-video-players-and-tools-for-developers/" style="box-sizing: border-box; background-color: transparent; text-decoration: none; outline: 0px; color: rgb(61, 177, 88);">HTML5 Flash Video (FLV)播放器 </a> 采用纯JavaScript编写没有Flash。flv.js通过将FLV文件流传输到ISO BMFF（Fragmented MP4）段中，然后通过Media Source Extensions API将mp4 Fragmented 发送到HTML5视频元素中来工作。</p><h3 style="box-sizing: border-box; font-size: 1.125rem;">3. Fuse.js</h3><p style="box-sizing: border-box; margin-bottom: 16px;"><a data-cke-saved-href="https://github.com/krisk/Fuse" href="https://github.com/krisk/Fuse" style="box-sizing: border-box; background-color: transparent; text-decoration: none; outline: 0px; color: rgb(61, 177, 88);"><img alt="fusejs" height="307" data-cke-saved-src="http://javascript.ctolib.com/uploadImg/20161122/20161122154546_183.jpeg" src="http://javascript.ctolib.com/uploadImg/20161122/20161122154546_183.jpeg" width="625" style="box-sizing: border-box; outline: 0px; width: auto; max-width: 100%; height: auto; color: rgb(204, 204, 204);"></a><br style="box-sizing: border-box;">Fuse.js是一个轻量级实现模糊搜索零依赖的JavaScript库。</p><h3 style="box-sizing: border-box; font-size: 1.125rem;">4. Force.js</h3><p style="box-sizing: border-box; margin-bottom: 16px;"><a data-cke-saved-href="https://github.com/gravmatt/force-js" href="https://github.com/gravmatt/force-js" style="box-sizing: border-box; background-color: transparent; text-decoration: none; outline: 0px; color: rgb(61, 177, 88);"><img alt="force-js" height="307" data-cke-saved-src="https://codegeekz.com/wp-content/uploads/Force.js.jpeg" src="https://codegeekz.com/wp-content/uploads/Force.js.jpeg" width="625" style="box-sizing: border-box; outline: 0px; width: auto; max-width: 100%; height: auto; color: rgb(204, 204, 204);"></a><br style="box-sizing: border-box;">Force.js 一个JavaScript库来轻松地让元素产生动画，并在你的页面上跳跃。 它有不同的easing函数，并尝试与CSS-Transitions给合。</p><h3 style="box-sizing: border-box; font-size: 1.125rem;">5. Eg.js</h3><p style="box-sizing: border-box; margin-bottom: 16px;"><a data-cke-saved-href="https://github.com/naver/egjs/" href="https://github.com/naver/egjs/" style="box-sizing: border-box; background-color: transparent; text-decoration: none; outline: 0px; color: rgb(61, 177, 88);"><img alt="egjs" height="307" data-cke-saved-src="http://javascript.ctolib.com/uploadImg/20161122/20161122154604_652.jpeg" src="http://javascript.ctolib.com/uploadImg/20161122/20161122154604_652.jpeg" width="625" style="box-sizing: border-box; outline: 0px; width: auto; max-width: 100%; height: auto; color: rgb(204, 204, 204);"></a><br style="box-sizing: border-box;">egjs是一个基于jQuery的JavaScript库包括UI交互，效果和实用程序，它以最简单快捷的方式构建Web应用程序。</p><h3 style="box-sizing: border-box; font-size: 1.125rem;">6. Progressively</h3><p style="box-sizing: border-box; margin-bottom: 16px;"><a data-cke-saved-href="https://thinker3197.github.io/progressively/" href="https://thinker3197.github.io/progressively/" style="box-sizing: border-box; background-color: transparent; text-decoration: none; outline: 0px; color: rgb(61, 177, 88);"><img alt="progressively" height="307" data-cke-saved-src="http://javascript.ctolib.com/uploadImg/20161122/20161122154615_730.jpeg" src="http://javascript.ctolib.com/uploadImg/20161122/20161122154615_730.jpeg" width="625" style="box-sizing: border-box; outline: 0px; width: auto; max-width: 100%; height: auto; color: rgb(204, 204, 204);"></a><br style="box-sizing: border-box;">Progressively是一个用于逐步加载图片的JavaScript库。 它完全用JavaScript编写并且超小。它在用户浏览到页面时才加载图像，以节省带宽和服务器请求。 </p><h3 style="box-sizing: border-box; font-size: 1.125rem;">7. Aquarelle</h3><p style="box-sizing: border-box; margin-bottom: 16px;"><a data-cke-saved-href="https://github.com/Ramotion/aquarelle" href="https://github.com/Ramotion/aquarelle" style="box-sizing: border-box; background-color: transparent; text-decoration: none; outline: 0px; color: rgb(61, 177, 88);"><img alt="aquarelle" height="412" data-cke-saved-src="http://javascript.ctolib.com/uploadImg/20161122/20161122154624_136.jpeg" src="http://javascript.ctolib.com/uploadImg/20161122/20161122154624_136.jpeg" width="625" style="box-sizing: border-box; outline: 0px; width: auto; max-width: 100%; height: auto; color: rgb(204, 204, 204);"></a><br style="box-sizing: border-box;">Aquarelle是一个用于创造宏伟水彩效果的库。 你可以使用Aqaurelle来为图片添加一个淡入动画。这个库建立在3D Canvas库Three.js之上。 </p><h3 style="box-sizing: border-box; font-size: 1.125rem;">8. UAParser.js</h3><p style="box-sizing: border-box; margin-bottom: 16px;"><a data-cke-saved-href="https://github.com/faisalman/ua-parser-js" href="https://github.com/faisalman/ua-parser-js" style="box-sizing: border-box; background-color: transparent; text-decoration: none; outline: 0px; color: rgb(61, 177, 88);"><img alt="uaparserjs" height="307" data-cke-saved-src="http://javascript.ctolib.com/uploadImg/20161122/20161122154633_28.jpeg" src="http://javascript.ctolib.com/uploadImg/20161122/20161122154633_28.jpeg" width="625" style="box-sizing: border-box; outline: 0px; width: auto; max-width: 100%; height: auto; color: rgb(204, 204, 204);"></a></p><p style="box-sizing: border-box; margin-bottom: 16px;">UAParser.js是一个基于JavaScript的User-Agent字符串解析器。它支持浏览器与<a data-cke-saved-href="https://codegeekz.com/11-best-ides-for-node-js-development/" href="https://codegeekz.com/11-best-ides-for-node-js-development/" style="box-sizing: border-box; background-color: transparent; text-decoration: none; outline: 0px; color: rgb(61, 177, 88);">node.js环境</a>并且还可以作为jQuery/Zepto插件，Bower/Meteor 包, & RequireJS/AMD 模块。</p><p style="box-sizing: border-box; margin-bottom: 16px;">这个库旨在识别Web浏览器的详细类型，布局引擎，操作系统，CPU架构和设备类型/模型，完全从User-Agent字符串中解析并且相对较小的占用空间（〜11KB当缩减/〜4KB gzipped）。 采用vanilla JavaScript编写，这意味着它不需要任何其他库，可以独立使用。</p><h3 style="box-sizing: border-box; font-size: 1.125rem;">9. Weather Map</h3><p style="box-sizing: border-box; margin-bottom: 16px;"><a data-cke-saved-href="https://github.com/amcharts/weather" href="https://github.com/amcharts/weather" style="box-sizing: border-box; background-color: transparent; text-decoration: none; outline: 0px; color: rgb(61, 177, 88);"><img alt="weathermap" height="307" data-cke-saved-src="http://javascript.ctolib.com/uploadImg/20161122/20161122154641_805.jpeg" src="http://javascript.ctolib.com/uploadImg/20161122/20161122154641_805.jpeg" width="625" style="box-sizing: border-box; outline: 0px; width: auto; max-width: 100%; height: auto; color: rgb(204, 204, 204);"></a><br style="box-sizing: border-box;">Weather Map这个JavaScript库，可帮助您创建漂亮，动态更新，可搜索的包含各种天气相关信息的地图和图表。</p><p style="box-sizing: border-box; margin-bottom: 16px;">这个应用从OpenWeatherMap API抽取相关的数据。它是一个Web服务，定时提供各种与天气相关的数据。然后使用JavaScript地图显示地理天气信息以及JavaScript图表，以显示温度，风等的历史值。</p><h3 style="box-sizing: border-box; font-size: 1.125rem;">10. Strman</h3><p style="box-sizing: border-box; margin-bottom: 16px;"><a data-cke-saved-href="https://github.com/dleitee/strman" href="https://github.com/dleitee/strman" style="box-sizing: border-box; background-color: transparent; text-decoration: none; outline: 0px; color: rgb(61, 177, 88);"><img alt="strman" height="307" data-cke-saved-src="http://javascript.ctolib.com/uploadImg/20161122/20161122154651_31.jpeg" src="http://javascript.ctolib.com/uploadImg/20161122/20161122154651_31.jpeg" width="625" style="box-sizing: border-box; outline: 0px; width: auto; max-width: 100%; height: auto; color: rgb(204, 204, 204);"></a><br style="box-sizing: border-box;">Strman是一个javascript字符串操作库没有任何npm依赖。</p><h3 style="box-sizing: border-box; font-size: 1.125rem;">11. Monkberry</h3><p style="box-sizing: border-box; margin-bottom: 16px;"><a data-cke-saved-href="http://monkberry.js.org/" href="http://monkberry.js.org/" style="box-sizing: border-box; background-color: transparent; text-decoration: none; outline: 0px; color: rgb(61, 177, 88);"><img alt="monkberry" height="307" data-cke-saved-src="http://javascript.ctolib.com/uploadImg/20161122/20161122154659_883.jpeg" src="http://javascript.ctolib.com/uploadImg/20161122/20161122154659_883.jpeg" width="625" style="box-sizing: border-box; outline: 0px; width: auto; max-width: 100%; height: auto; color: rgb(204, 204, 204);"></a><br style="box-sizing: border-box;">Monkberry是一个快速，非常小(1kb)和简单的JavaScript库用于构建Web用户界面。 这是因为Monkberry只做必要的dom更新，并且以与React完全不同的方式实现。 Monkberry将模板编译为纯JavaScript以通过使用v8隐藏类并减少调用堆栈来获得优势。</p><h3 style="box-sizing: border-box; font-size: 1.125rem;">12. Features.js</h3><p style="box-sizing: border-box; margin-bottom: 16px;"><a data-cke-saved-href="https://github.com/viljamis/feature.js" href="https://github.com/viljamis/feature.js" style="box-sizing: border-box; background-color: transparent; text-decoration: none; outline: 0px; color: rgb(61, 177, 88);"><img alt="featurejs" height="307" data-cke-saved-src="http://javascript.ctolib.com/uploadImg/20161122/20161122154707_269.jpeg" src="http://javascript.ctolib.com/uploadImg/20161122/20161122154707_269.jpeg" width="625" style="box-sizing: border-box; outline: 0px; width: auto; max-width: 100%; height: auto; color: rgb(204, 204, 204);"></a><br style="box-sizing: border-box;">Feature.js是一个快速，简单和轻量级的浏览器特性检测库。它没有依赖和轻量只有1kb缩小和gzipped之后。 Feature.js会在网页加载时自动初始化， 但它不会在初始化时运行任何测试，它只会在你要求时运行它们，所以这使得它执行非常快。</p><p style="box-sizing: border-box; margin-bottom: 16px;">CTOLib编译：<a data-cke-saved-href="http://javascript.ctolib.com/" href="http://javascript.ctolib.com/" style="box-sizing: border-box; background-color: transparent; text-decoration: none; outline: 0px; color: rgb(61, 177, 88);">http://javascript.ctolib.com/</a></p></div></div><div class="news-info" style="box-sizing: border-box; font-size: 0.875rem; line-height: 26px; position: relative; margin-top: 60px; padding-left: 15px; color: rgb(74, 74, 74); font-family: "PingFang SC", "Helvetica Neue", "Microsoft YaHei UI", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;"><div style="box-sizing: border-box;">本站文章除注明转载外，均为本站原创或编译。欢迎任何形式的转载，但请务必注明出处，尊重他人劳动共创开源社区。</div><div style="box-sizing: border-box;"><span class="gray" style="box-sizing: border-box; color: rgb(137, 137, 137);">转载请注明：</span>文章转载自 开源中国社区 <a href="https://www.oschina.net/" class="green" style="box-sizing: border-box; background-color: transparent; text-decoration: none; outline: 0px; color: rgb(114, 187, 112);">[http://www.oschina.net]</a></div><div style="box-sizing: border-box;"><span class="gray" style="box-sizing: border-box; color: rgb(137, 137, 137);">本文标题：</span>2016 年 11 月 12 个轻量级的 JavaScript 库</div><div style="box-sizing: border-box;"><span class="gray" style="box-sizing: border-box; color: rgb(137, 137, 137);">本文地址：</span><a href="https://www.oschina.net/news/79316/2016-11-javascript-library" class="green" style="box-sizing: border-box; background-color: transparent; text-decoration: none; outline: 0px; color: rgb(114, 187, 112);">https://www.oschina.net/news/79316/2016-11-javascript-library</a></div></div><p></p>
页:
[1]