Node.js前者框架汇总

概述:

  某些日子未有正襟危坐写博客了,互连网火速发展的时代,技术立异迭代的快慢也在焚膏继晷。望着Java、Js、Swift在各领域心花路放,也是煞是羡慕。寻了寻.net的新闻,也是感人,.net
core
壹,mono,xamarin等等,但基本上都还在狂吼的阶段。其实一向以来对技术的明亮是技术服务于工作和产品,产品又在不一样程度的推进着技术的多变。
Web、有线、物联网、V昂科威、PC从不一样倾向带动着技术的融合与微立异。程序员在不相同工作场景下的角色调换。而随着node.js的面世语言的剧中人物也在发生着转变,Js扮演了尤其首要的剧中人物。也就有了茶余饭后也把询问到的文化整理一下。看过“你的文化须要管理”后,强烈的觉察到杂乱且范范的学问储备远不及整理后条理清晰的学问推动利益多。所以,是的,大家必要平时的归来对控制的文化梳理分类,以备不时之需。

1、前端框架库:

1.Zepto.js

地址: http://www.css88.com/doc/zeptojs/
描述: Zepto是1个轻量级的针对现代高级浏览器的JavaScript库,
它与jquery有着近乎的api。
要是你会用jquery,那么你也会用zepto。关于Zepto认知自作者也是因而与1位腾讯情人闲谈的时候知道的,只作了些基础的问询。

2.SUI Mobile

地址:http://m.sui.taobao.org
描述:SUI Mobile 是壹套基于 Framework7开发的UI库。它可怜轻量、精美,只须要引进我们的CDN文件就能够运用,并且能合作到
iOS 6.0+ 和 Android 四.0+,至极适合开发跨平台Web App。
用途:你也看看了,他是用于有线端的Web App的支付。

3.Node.Js

地址:http://www.runoob.com/nodejs/nodejs-tutorial.html (中文网)
描述:Node.js是3个Javascript运营环境(runtime)。实际上它是对GoogleV8引擎实行了包装。V八引
擎执行Javascript的速度非常的慢,品质尤其好。Node.js对一部分独特用例举办了优化,提供了代表的API,使得V8在非浏览器环境下运作得越来越好。
  Node.js是二个依据Chrome JavaScript运营时确立的平台,
用于方便地搭建响应速度快、易于扩展的网络利用。Node.js 使用事件驱动,
非阻塞I/O
模型而得以轻量和神速,卓殊适合在分布式设备上运维数据密集型的实时应用。
  简单来说 Node.js 便是运转在服务端的 JavaScript。
  Node.js 是三个基于Chrome JavaScript 运营时创立的一个阳台。
  Node.js是3个事件驱动I/O服务端JavaScript环境,基于谷歌的V八引擎,V8引擎执行Javascript的快慢特别快,品质尤其好。

用途:

1. RESTful API

  那是NodeJS最地道的采用场景,能够拍卖数万条连接,本身未有太多的逻辑,只必要请求API,协会数据举办重临即可。它实质上只是从某些数据库中查找1些值并将它们组成2个响应。由于响应是微量文件,入站请求也是为数不多的文书,因而流量不高,1台机器甚至也足以拍卖最繁忙的铺面包车型客车API须要。

2. 统一Web应用的UI层

  近来MVC的架构,在某种意义上的话,Web开发有五个UI层,2个是在浏览器里面大家最后见到的,另3个在server端,负责生成和拼接页面。不斟酌那种架构是好是坏,不过有别的一种实施,面向服务的架构,越来越好的做上下端的正视分离。要是具有的首要业务逻辑都封装成REST调用,就意味着在上层只须要思考如何用这几个REST接口营造具体的应用。那么些后端程序员们一贯不担心具体数量是哪些从贰个页面传递到另贰个页面的,他们也不用管用户数量更新是通过Ajax异步获取的恐怕经过刷新页面。

三. 大气Ajax请求的利用

    例如个性化应用,每个用户看到的页面都不一样,缓存失效,需要在页面加载的时候发起Ajax请求,NodeJS能响应大量的并发请求。  总而言之,NodeJS适合运用在高并发、I/O密集、少量业务逻辑的场景。

4.angular.Js

地址:http://www.runoob.com/angularjs/angularjs-tutorial.html
(中文网)
描述:AngularJS[1] 诞生于二零一零年,由Misko Hevery
等人创办,后为谷歌(Google)所收购。是壹款不错的前端JS框架,已经被用于谷歌(Google)的多款产品中间。AngularJS有着广大特点,最为基本的是:MVVM、模块化、自动化双向数据绑定、语义化标签、注重注入等等。
用途:通过讲述大家理应就能很好的通晓AngularJS的实际用途了,MVVM,模块化,自动化双向数据绑定等等。除了不难的dom操作外,更能反映Js编制程序的有力。当然应用应该视场所而定。

5.JQuery Mobile

地址:http://www.w3school.com.cn/jquerymobile/ (中文网)
描述:Query Mobile是jQuery 在四弟大上和机械设备上的版本。jQuery Mobile
不仅会给主流移动平台带来jQuery主题库,而且会宣布三个完好无缺统一的jQuery移动UI框架。帮衬全球主流的移动平台。jQuery
Mobile开发组织说:能支付这么些类型,大家丰富欢腾。移动Web太急需二个跨浏览器的框架,让开发人士开发出真正的位移Web网址。
用途:
jQuery Mobile 是成立移动 web 应用程序的框架。
    jQuery Mobile 适用于全部流行的智能手提式有线电话机和平板计算机。
    jQuery Mobile 使用 HTML伍 和 CSS三通过尽或者少的本子对页面实行布局。

6.requirejs

地址:http://www.requirejs.cn/
描述:RequireJS的靶子是鞭策代码的模块化,它选取了分化于守旧<script>标签的脚本加载步骤。能够用它来加快、优化代码,但其主要指标恐怕为了代码的模块化。它鼓励在行使脚本时以module
ID替代UENCOREL地址。
RequireJS以三个绝对于baseUrl的地方来加载全体的代码。
页面顶层<script>标签包蕴二个特种的习性data-main,require.js使用它来运维脚本加载进程,而baseUrl1般设置到与该属性相壹致的目录。
用途:模块化动态加载。

7.Vue.js

地址:http://cn.vuejs.org/
描述:Vue.js 是用来营造立外交关系互式的 Web 界面包车型地铁库。它提供了 MVVM
数据绑定和八个可组合的组件系统,具有简易、灵活的 API。从技术上讲,
Vue.js 集中在 MVVM
形式上的视图模型层,并经过双向数据绑定连接视图和模型。实际的 DOM
操作和出口格式被架空出来成指令和过滤器。比较别的的 MVVM 框架,Vue.js
更易于上手。

8.backbone.js

地址:http://www.css88.com/doc/backbone/
描述:Backbone
为复杂Javascript应用程序提供模型(models)、集合(collections)、视图(views)的布局。在那之中模型用于绑定键值数据和自定义事件;集合附有可枚举函数的丰盛API;
视图能够注明事件处理函数,并透过RESTful JSON接口连接到应用程序。

9.React

地址:http://reactjs.cn/react/docs/why-react.html
描述:React 是3个 推文(Tweet) 和 Facebook 用来创建用户界面包车型大巴JavaScript 库。很多个人以为 React 是 MVC 中的 V(视图)。大家创制 React
是为着缓解叁个难点:构建随着岁月数额持续变更的广泛应用程序。为了达到那些目的,React
采取上边五个重大的思索。

10.Ionic

地址:http://www.ionic.wang/js_doc-index.html
描述:
Ionic既是三个CSS框架也是八个Javascript
UI库。许多零部件要求Javascript才能生出神奇的服从,就算平常组件不须要编码,通过框架增加能够很简单地应用,比如大家的AngularIonic扩充。
Ionic遵从视图控制情势,通俗的接头和 Cocoa
触摸框架相似。在视图控制形式中,大家将界面包车型地铁不相同部分分成子视图或带有别的视图的子视图控制器。然后视图控制器“驱动”内部视图来提供互相和UI功用。三个很好的例子正是标签栏(Tab
Bar)视图控制器处理点击标签栏在一文山会海可视化面板间切换。
浏览大家的API文书档案来精通视图控制器和Ionic中可用的Javascript实用工具。
Ionic 是近日最有潜力的一款 HTML五 手提式有线电话机选用开发框架。通过 SASS
构建应用程序,它 提供了很多 UI 组件来援救开发者开发强大的施用。 它采用JavaScript MVVM 框架和 AngularJS
来增进应用。提供数据的双向绑定,使用它变成 Web 和移动开发者的联合署名采用。

二、前端UI框架

1.Pure

地址:http://purecss.org/layouts/
描述:Pure精心设计,只为能够在别的Web项目中运用。为了例证那或多或少,大家制作了之类多少个模板。这几个模板都以响应式的,并且未有动用任何JavaScript。
用途:当真是很了不起的三个样式框架,便于大家快事创设1些私家产品,当然也足以服务于工作中的1些项目。

2.bootstrap

地址:http://www.bootcss.com/
描述:简短、直观、强悍的前端开发框架,让web开发更加高速、不难。

3.EasyUI

地址:http://www.jeasyui.net/ (中文网)
描述:easyui是1种基于jQuery的用户界面插件集合。
  easyui为创立现代化,互动,JavaScript应用程序,提供要求的功用。
选用easyui你不要求写过多代码,你只要求通过编写制定壹些简约HTML标记,就足以定义用户界面。
easyui是个周详帮衬HTML五网页的共同体框架。
easyui节省您网页开发的小时和层面。
easyui很简单但功用强大的。

4.Ant Design

地址:http://ant.design/
描述:多少个 UI
设计语言,壹套提炼和使用于公司级后台产品的并行语言和视觉系统

3、可视化组件

1.Echarts

地址:http://echarts.baidu.com/
描述:ECharts,2个纯 Javascript 的图表库,能够顺理成章的运行在 PC
和活动设备上,包容当前多方浏览器(IE8/9/十/1壹,Chrome,Firefox,Safari等),底层注重轻量级的
Canvas
类库ZRender,提供直观,生动,可互相,可中度本性化定制的数额可视化图表。

2.tableau(收费)

地址:http://www.yuandingit.com/special/tableau/index.html
描述:Tableau 是桌面系统中最简便易行的商业智能工具软件,Tableau
未有强迫用户编写自定义代码,新的控制台也可完全自定义配置。在控制台上,不仅能够监测音讯,而且还提供完整的辨析能力。Tableau控制台灵活,具有莫斯中国科学技术大学学的动态性。

4、前端创设筑工程具

1.gulp

地址:http://www.gulpjs.com.cn/
描述:
-|-
不难使用|通过代码优于配备的策略,居尔p
让简单的职责简单,复杂的职务可管理。
创设便捷|利用 Node.js 流的威力,你能够长足营造项目并缩减频仍的 IO
操作。
插件高质|居尔p 严酷的插件指南确定保证插件如你指望的那样简单高质得工作。
容命理术数习|通过最少的 API,精通 居尔p
不费吹灰之力,创设筑工程作尽在左右:就如1多重流管道。

伍、博客搭建

1.技艺整合

  HEXO+Github,搭建属于自个儿的博客。
  站点:http://www.jianshu.com/p/465830080ea9
  HEXO介绍:Hexo是三个开源的静态博客生成器,用node.js开发,小编是青海硕士tommy35一
  准备:git + node.js + markdown编辑 + gitcafe + 域名