志达IT
做快乐程序员

十大热门的 JavaScript 结构和库(js布局框架)

十大热门的JavaScript结构和库

JavaScript结构和库可以说是开源项目中最庞大也是最累的类目了,现在在github上这一类的项目是最多的,而且简直每隔一段时间就会出现一个新的项目席卷网络社区,虽然这样推动了立异的开展,但不得不说苦了前端的开发者们。因此本文罗列出了一些优秀的Javascript结构和库的特色及其在github上的star数,旨在为各位开发者供给一些参阅。如有遗失,欢迎补充。
1、ReactJS(Star:59989,Fork:10992)
React.js(React)是一个用来构建用户界面的JavaScript库,首要用于构建UI,很多人以为React是MVC中的V(视图)。React起源于Facebook的内部项目,用来架起Instagram的网站,并于2013年5月开源。React具有较高的性能,代码逻辑十分简略,越来越多的人已开始关注和运用它。
React特色:
1.声明式设计?React选用声明范式,可以轻松描绘运用。
2.高效?React经过对DOM的模仿,最大极限地削减与DOM的交互。
3.灵敏?React可以与已知的库或结构很好地合作。
4.JSX?JSX是JavaScript语法的扩展。React开发不一定运用JSX,但咱们主张运用它。
5.组件?经过React构建组件,使得代码愈加简单得到复用,可以很好的运用在大项目的开发中。
6.单向呼应的数据流?React完成了单向呼应的数据流,从而削减了重复代码,这也是它为什么比传统数据绑定更简略。
主页:https://facebook.github.io/react
2、AngularJS(Star:54769,Fork:27292)
AngularJS(Angular.JS)是一组用来开发Web页面的结构、模板以及数据绑定和丰厚UI组件。它支撑整个开发进程,供给Web运用的架构,无需进行手工DOM操作。AngularJS很小,只要60K,兼容干流浏览器,与jQuery合作良好。
主页:https://angularjs.orgJavaScript
3、Vue.js(Star:43608,Fork:5493)
Vue.js是构建Web界面的JavaScript库,供给数据驱动的组件,还有简略灵敏的API,使得MVVM更简略。
首要特性:
可扩展的数据绑定
将普通的JS目标作为model
简洁明了的API
组件化UI构建
合作别的库运用
主页:http://vuejs.org
4、jQuery(Star:43432,Fork:12117)
Jquery是轻量级的js库(压缩后只要21k),它兼容CSS3,还兼容各种浏览器(IE6.0+,FF1.5+,Safari2.0+,Opera9.0+)。jQuery运用户能更方便地处理HTMLdocuments、events、完成动画效果,而且方便地为网站供给AJAX交互。jQuery还有一个比较大的优势是,它的文档阐明很全,而且各种运用也说得很详细,一起还有许多老练的插件可供挑选。jQuery可以运用户的html页坚持代码和html内容别离,也就是说,不用再在html里面插入一堆js来调用指令了,只需定义id即可。
主页:https://jquery.com/
5、Meteor(Star:36691,Fork:4617)
Meteor是一组新的技能用于构建高质量的Web运用,供给很多现成的包,可直接在浏览器或许云平台中运转。
主页:http://www.meteor.com
6、Angular2(Star:20803,Fork:5367)
Angular是一款十分流行且好用的Web前端结构,现在由Google保护。这个条目录入的是Angular2及其后面的版别。因为官方已将Angular2和之前的版别Angular.js分隔保护(两者的GitHub地址和项目主页皆不相同),所以就有了这个页面。传送门:Angular.js
主页:https://angular.io
7、Ember.js(Star:17540,Fork:3646)
Ember是一个雄心勃勃的Web运用程序,消除了样板,并供给了一个标准的运用程序架构的JavaScript结构。
主页:http://emberjs.com
8、Polymer(Star:16979,Fork:1699)
在2013年的GoogleI/O大会上,Google发布了Polymer,它是一个运用Web组件构建Web运用的类库,一起也运用了为Web构建可重用组件的新的HTML5标准。Polymer为大部分Web组件技能供给了polyfills功能,它能让开发者在所有的浏览器支撑新特性前创建自己的可重用组件。此外,Polymer供给了一系列的部件的例子,其间包含气候、时钟、股票行情和线型图。
Polymer中的polyfills为需要运用Web组件成功构建运用供给了多种Web技能,包含:
HTMLimports:种在其他HTMLdocument中引进和重用HTMLdocument的办法。
自定义元素:让开发者定义和运用自定义DOM元素。
ShadowDOM:在DOM中供给的封装。
模型驱动视图(ModelDrivenViews):供给象AngularJS的数据绑定。
Web动画:完成杂乱动画的API。
Pointer事情:对鼠标触摸和手写笔事情的封装
主页:http://www.polymer-project.org
9、Zepto.js(Star:12074,Fork:3260)
Zepto.js是支撑移动WebKit浏览器的JavaScript结构,具有与jQuery兼容的语法。2-5k的库,经过不错的API处理绝大多数的根本工作。
Zepto.js
主页:http://zeptojs.com/
10、Riot.js(Star:11491,Fork:902)
Riot.js是一个客户端模型-视图-出现(MVP)结构而且它十分轻量级乃至小于1kb.虽然他的巨细令人难以置信,所有它能构建的有如下:一个模板引擎,路由,乃至是库和一个严厉的并具有组织的MVP形式。当模型数据变化时视图也会自动更新。
主页:http://riotjs.com
当然除了以上提到的这些,还有很多优秀的Javascript结构和库,而且简直每隔一段时间就会出现一个新的产品,假如还有其他好的Javascript结构和库也欢迎到谈论区留言,本文将不再赘述。

js布局框架

下面将针对布局(Layout)、Icon(图标)、Progress(进展)、Button(按钮)、Picker(选择器)、Accordion(折叠)、Input(输入)、Overlay(重叠)、Content(内容/目录)、Editor(编辑)、Widget(挂件)等别离做一些引荐收拾。由于篇幅有限,将分两期发布,欢迎坚持重视。
一、布局
1、Split.js
一个轻量级的JavaScript工具,用于创立可调整的切割视图或许窗格,gzip巨细仅2KB。视图可以水平或许笔直切割,没有附加的开销和窗口,使用纯CSS进行调整。一起,还保证了与IE9和IE8,以及Firefox/Chrome/Safari/Opera等干流浏览器的兼容性。
2、Bricks.js
一个快速的布局堆砌器,不需要HTML标记或CSS样式表即可完成布局。功能强大,配置文件可读。JavaScript
3、masonry
一个老牌布局框架,已开发和保护8年,拥有自己的描绘语法,选用高雅的链式语法封装主动布局。它可以根据可用的笔直空间将元素放置在最佳位置,类似于在墙壁上砌砖的经验丰富的泥水匠。
4、React-Grid-Layout
不同于前面,这是一个ReactGrid布局系统,不需要jQuery。它是响应式的,并且支持断点(breakpoints)。断点布局可由用户供给或主动生成,可随意拖动和调整巨细。

赞(0)
未经允许不得转载:志达IT网站 » 十大热门的 JavaScript 结构和库(js布局框架)
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

志达IT网站 每天分享编程和互联网的IT技术博客

登录/注册联系我们