百度推出的JavaScript框架 QWrap 介绍
jopen 14年前
<div class="about"> QWrap是百度有啊前端团队推出的一个javascript框架,在 <a href="/misc/goto?guid=4958196427764420639" target="_blank">BSD协议</a>下开源发布。 <br /> <h3>Qwrap名称的来历</h3> <br /> <p>Query and Wrap、Quick Wrap、 Cute Wrap?随便怎么理解吧。</p> <br /> <h3>Qwrap的一些典型用法:</h3> <br /> <p>(以<a href="/misc/goto?guid=4958196428516007311" target="_blank">有啊版应用</a>为例)</p> <p>引用一个<a href="/misc/goto?guid=4958196429251570072" target="_blank">/qwrap-youa.js</a>就可以这样用了:</p> <p>像jQuery一样这样用: ----(注,W相当于jQuery的$)<br /> <textarea style="width:500px;display:block;height:50px;margin-left:30px;">W('textarea').css('color','red').css('width','600px');</textarea></p> <p>像prototype一样这样用: ----(注,原型风格)<br /> <br /> <textarea style="width:500px;display:block;height:50px;margin-left:30px;">alert('现在是:'+new Date().format('yyyy-MM-dd hh:mm:ss'));</textarea></p> <p>像YUI3一样按需加载: ----(注,本示例把jQuery库当一个模块按需加载。需要配置,参见:<a href="/misc/goto?guid=4958196429992346409" target="_blank">种子应用</a>)<br /> <br /> <textarea style="width:500px;display:block;height:50px;margin-left:30px;">use('jQuery',function(){$('textarea').css('color','black');});</textarea></p> <p>像YUI2一样静态调用: ----(注,静态方式适合组件开发者,参见:<a href="/misc/goto?guid=4958196430730059357" target="_blank">纯净应用</a>)<br /> <textarea style="width:500px;display:block;height:80px;margin-left:30px;">Dom.setStyle(document.body,'color','red'); alert('红色很难看,还是变回来吧!'); Dom.setStyle(document.body,'color','');</textarea></p> <p>QWrap与市面上的各大框架没有冲突,可以和平共存,所以还有一些互补型的应用,参见<a href="/misc/goto?guid=4958196431476769088" target="_blank">QWrap应用表</a></p> <br /> <h3>为什么要Qwrap</h3> <p>前端之大,框架或框枷很多。Prototype、YUI、Jquery、Dojo……各有各的好,但是也有一些各自的缺憾。QWrap用独特的设计与实现,做到了:</p> <br /> <ul style="padding-left:20px;"> <li>提供jquery一样方便的dom功能,同时又打破jquery“专注于dom”的约束,也提供非dom的许多功能。</li> <li>提供prototype方便的原型功能,同时又提供javascript1.6的泛型功能,并且提供用户有选择方便与严谨的自由。</li> <li>提供YUI2一样的静态方法库,同时又用所谓的Helper规范来做到真正的绝对静态,让组件开发者可以发布出无依赖的组件。</li> <li>学习YUI3的use,同时又摈弃YUI3的严谨性洁癖,让use更实用。</li> <li>QWrap独创特的Helper + Wrap + Retouch + Apps设计,让QWrap有更多的灵性等待你去发现。(参见:QWrap博客中的设计介绍系列)</li> </ul> <br /> <br /> <br /> <h3>如何参与Qwrap开发</h3> <p>QWrap的第一支生力军,来自百度有啊WedTeam。</p> <p>Wed在这贡献里只能是一小部分。更多是希望大家都来关注、贡献、试用、使用、推广、交流。</p> 项目地址: <a href="/misc/goto?guid=4958196432224168740" target="_blank">http://www.qwrap.com/</a> <br /> <h4>推荐的交流方式</h4> <ol> <li>Github - <a href="/misc/goto?guid=4958196432965140938" target="_blank">http://github.com/wedteam/qwrap</a> 开源项目。</li> <li>QQ群 - <strong>104605327</strong>。加群时请说明这句话的运行结果:alert('\u767E\u5EA6')。</li> <li>贴吧 - <a href="http://tieba.baidu.com/f?kw=qwrap&t=4" target="_blank">百度贴吧--QWrap</a>。</li> <li>新浪微博 - <a href="/misc/goto?guid=4958196434433234540" target="_blank">QWrap</a>。</li> </ol> </div>