AngularJS前者框架汇总

概述:

  有些日子没有正襟危坐写博客了,互连网火速发展的时日,技术立异迭代的速度也在加快。瞧着Java、Js、斯维夫特在各领域心花路放,也是煞是羡慕。寻了寻.net的音信,也是感人,.net
core
1,mono,xamarin等等,但大多都还在狂吼的等级。其实从来以来对技术的掌握是技术服务于事情和制品,产品又在不一致水平的有助于着技术的变异。
Web、有线、物联网、V奥迪Q7、PC从差距倾向拉动着技术的丹舟共济与微立异。程序员在差距工作场景下的剧中人物沟通。而随着node.js的面世语言的剧中人物也在爆发着转变,Js扮演了更为首要的剧中人物。也就有了茶余饭后也把询问到的学问整理一下。看过“你的学问需要管理”后,强烈的觉察到杂乱且范范的文化储备远不如整理后条理清晰的文化拉动利益多。所以,是的,大家必要常常的归来对控制的学问梳理归类,以备不时之需。

一、前端框架库:

1.Zepto.js

地址: http://www.css88.com/doc/zeptojs/
描述: Zepto是一个轻量级的对准现代高级浏览器的JavaScript库,
它与jquery有着相仿的api。
如果你会用jquery,那么您也会用zepto。关于Zepto认知自身也是通过与一位腾讯情人闲谈的时候知道的,只作了些基础的刺探。

2.SUI Mobile

地址:http://m.sui.taobao.org
描述:SUI Mobile 是一套基于 Framework7
开发的UI库。它丰裕轻量、精美,只须要引入大家的CDN文件就足以采用,并且能匹配到
iOS 6.0+ 和 Android 4.0+,卓殊适合开发跨平台Web App。
用途:你也来看了,他是用以无线端的Web App的开发。

3.Node.Js

地址:http://www.runoob.com/nodejs/nodejs-tutorial.html (中文网)
描述:Node.js是一个Javascript运行条件(runtime)。实际上它是对谷歌V8引擎举行了包装。V8引
擎执行Javascript的进程特别快,质量特别好。Node.js对部分新鲜用例举办了优化,提供了代表的API,使得V8在非浏览器环境下运作得更好。
  Node.js是一个根据Chrome JavaScript运行时创建的阳台,
用于方便地搭建响应速度快、易于扩大的网络拔取。Node.js 使用事件驱动,
非阻塞I/O
模型而可以轻量和高速,卓殊适合在分布式设备上运行数据密集型的实时应用。
  一句话来说 Node.js 就是运行在服务端的 JavaScript。
  Node.js 是一个基于Chrome JavaScript 运行时确立的一个阳台。
  Node.js是一个事件驱动I/O服务端JavaScript环境,基于谷歌的V8引擎,V8引擎执行Javascript的速度万分快,质量分外好。

用途:

1. RESTful API

  那是NodeJS最美好的行使场景,可以拍卖数万条连接,本身并未太多的逻辑,只须要请求API,社团数量进行再次回到即可。它实质上只是从某个数据库中搜寻一些值并将它们构成一个响应。由于响应是微量文本,入站请求也是为数不多的公文,因而流量不高,一台机器甚至也可以处理最坚苦的商号的API要求。

2. 统一Web应用的UI层

  方今MVC的架构,在某种意义上的话,Web开发有五个UI层,一个是在浏览器里面大家最后见到的,另一个在server端,负责生成和东拼西凑页面。不研商那种架构是好是坏,可是有其余一种实施,面向服务的架构,更好的做上下端的信赖分离。假若持有的最主要作业逻辑都封装成REST调用,就表示在上层只需求考虑怎么用这几个REST接口打造具体的运用。那多少个后端程序员们一贯不担心具体数目是哪些从一个页面传递到另一个页面的,他们也不用管用户数量更新是通过Ajax异步获取的恐怕经过刷新页面。

3. 大气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 适用于拥有流行的智能手机和surface。
    jQuery Mobile 使用 HTML5 和 CSS3
通过尽只怕少的本子对页面举办布局。

6.requirejs

地址:http://www.requirejs.cn/
描述:RequireJS的对象是鼓励代码的模块化,它使用了不一样于传统<script>标签的脚本加载步骤。可以用它来增速、优化代码,但其根本目标如故为了代码的模块化。它鼓励在运用脚本时以module
ID替代UGL450L地址。
RequireJS以一个相持于baseUrl的地址来加载所有的代码。
页面顶层<script>标签包罗一个奇异的属性data-main,require.js使用它来启动脚本加载进度,而baseUrl一般设置到与该属性相一致的目录。
用途:模块化动态加载。

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 是一个 脸谱 和 Instagram 用来创立用户界面的
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 是时下最有潜力的一款 HTML5 手机应用开发框架。通过 SASS
打造应用程序,它 提供了广大 UI 组件来提携开发者开发强大的施用。 它利用
JavaScript MVVM 框架和 AngularJS
来增加应用。提供数据的双向绑定,使用它成为 Web 和活动开发者的一路选拔。

二、前端UI框架

1.Pure

地址:http://purecss.org/layouts/
描述:Pure精心设计,只为能够在任何Web项目中选择。为了例证那点,大家创设了如下几个模板。那一个模板都以响应式的,并且没有动用其余JavaScript。
用途:实在是很完美的一个体制框架,便于我们快事构建一些私有产品,当然也可以服务于工作中的一些门类。

2.bootstrap

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

3.EasyUI

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

4.Ant Design

地址:http://ant.design/
描述:一个 UI
设计语言,一套提炼和采纳于集团级后台产品的并行语言和视觉系统

三、可视化组件

1.Echarts

地址:http://echarts.baidu.com/
描述:ECharts,一个纯 Javascript 的图表库,可以流利的运作在 PC
和运动装备上,兼容当前多方浏览器(IE8/9/10/11,Chrome,Firefox,Safari等),底层器重轻量级的
Canvas
类库ZRender,提供直观,生动,可互相,可中度本性化定制的数码可视化图表。

2.tableau(收费)

地址:http://www.yuandingit.com/special/tableau/index.html
描述:Tableau 是桌面系统中最简便的商业智能工具软件,Tableau
没有强迫用户编写自定义代码,新的控制台也可完全自定义配置。在控制台上,不仅能够监测信息,而且还提供全体的辨析能力。Tableau控制台灵活,具有惊人的动态性。

四、前端营造工具

1.gulp

地址:http://www.gulpjs.com.cn/
描述:
-|-
不难使用|通过代码优于配备的政策,Gulp
让简单的职务简单,复杂的天职可管制。
营造高速|利用 Node.js 流的威力,你可以长足打造项目并压缩频仍的 IO
操作。
插件高质|Gulp 严酷的插件指南确保插件如您期望的那样简单高质得工作。
容命理术数习|通过最少的 API,领悟 Gulp
易如反掌,打造工作尽在精通:就好像一多重流管道。

五、博客搭建

1.技巧整合

  HEXO+Github,搭建属于本身的博客。
  站点:http://www.jianshu.com/p/465830080ea9
  HEXO介绍:Hexo是一个开源的静态博客生成器,用node.js开发,作者是江西大学生tommy351
  准备:git + node.js + markdown编辑 + gitcafe + 域名

相关文章