新浪前端工程师开发出在线演示文档JS框架webSlide，比impress更流畅、更实用

     <div id="news_body">     <p style="text-align:center;"><a target="_blank"><img style="width:569px;height:427px;" title="webSlide" alt="新浪前端工程师开发出在线演示文档JS框架webSlide，比impress更流畅、更实用" src="https://simg.open-open.com/show/de3158477231d364064d69fa329301b2.jpg" /></a></p>     <p>        相信各位一直关注我们的朋友对在线演示工具不会再陌生，我们先后介绍过 <a title="PowerPoint 颠覆者Prezi 让你摆脱幻灯片的束缚，构建信息图式的云演示文档" href="/misc/goto?guid=4958331610589478579">Prezi</a> 这个可供普通用户使用的站点，以及 <a title="基于CSS3的表现层框架impress.js，让开发者轻松创建杀手级在线演示应用" href="http://www.open-open.com/lib/view/open1328791069484.html">impress.js</a> 这个可供开发者或是有前端设计基础的用户使用的 JS 框架。使用它们都可以制作出拥有很炫效果的 Web 演示文档。</p>     <p>        面对这种目前还稍显前卫的演示效果，有的朋友认为很好、很给力；另一些朋友则认为演讲的核心应该是演讲者和内容，这种效果太炫，反而分散观众注意力。当然，这种情况也属正常，考虑问题的角度不同，套用一句俗语就是：萝卜白菜，各有所爱。</p>     <p>        不过与传统的 PPT 相比，Web 演示文件确实方便很多，所以再给大家推荐一个与传统 PPT 更接近的 JavaScript 框架 — webSlide。这个框架是由新浪微博开放平台前端工程师<a href="/misc/goto?guid=4958331611402525626" rel="external nofollow" target="_blank">@三水清</a> 所开发。</p>     <p>        三水清告诉我们，此前也看过 36 氪对 impress 的介绍，自己也有使用。但常在使用过程中出现短暂的停滞现象，特别是内容或图片较多时更为明显。因此他便自己写了 webSlide 这个框架。</p>     <p>        虽然 webSlide 的效果没有 impress 那么花哨，但也很炫，并且使用方面也更接近传统 PPT 的用法。webSlide 添加了画笔、底部进度条、单页面中单行的淡入淡出等功能，动画效果也更流畅。快捷P可以打开画笔功能，C则能清除画笔内容，也可以通过右下角的工具栏将其 激活。</p>     <p>        整个框架使用 JavaScript 并结合 HTML5 和 CSS3 的特性开发，所以播放时使用的浏览器当然也是越新越好。感兴趣的朋友可以看看<a href="/misc/goto?guid=4958331612206269082" rel="external nofollow" target="_blank">实例演示</a>，或者到 <a href="/misc/goto?guid=4958331266215664955" rel="external nofollow" target="_blank">GitHub</a> 把代码找来研究。与此前介绍的 impress 不同，如果有技术问题需要与作者沟通或讨论，你可以很方便地联系到<a href="/misc/goto?guid=4958331611402525626" rel="external nofollow" target="_blank">@三水清</a>。</p>     <div id="come_from">      来自:      <a id="link_source2" href="/misc/goto?guid=4958331614468798168" target="_blank">36氪</a>     </div>    </div>