AngularJSWEB前端JS与UI框架

前者Js框架汇总

概述:

  有些日子没正襟危坐写博客了,互联网迅速发展的一代,技术革新迭代的进度也在增速。看在Java、Js、Swift在每领域心花路放,也是雅是保养。寻了寻.net的音,也是感人,.net
core
1,mono,xamarin等等,但大多都还于狂吼的路。其实平素以来对技术的知道是技巧劳务被工作以及产品,产品同时在不同档次之有助于着技术之形成。

 

  Web、无线、物联网、VR、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)。实际上它是对准GoogleV8引擎进行了打包。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环境,基于Google的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 适用于具有流行的智能手机和三星GALAXY Tab。

      jQuery Mobile 使用 HTML5 和 CSS3
通过尽可能少的脚本对页面举办布局。

 

6.requirejs

  • 地址:http://www.requirejs.cn/
  • 描述:RequireJS的靶子是鞭策代码的模块化,它使用了不同令人情<script>标签的台本加载步骤。可以为此其来增速、优化代码,但这一个要目的或者为了代码的模块化。它鼓励在使脚本时盖module
    ID替代URL地址。

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

      通过代码优于配备的策略,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 + 域名

 

 

小结:正文做吧知识梳理或者说资料梳理类作品,一方面用于自身文化之管理,同时为堪为此做一个资料库备查。将持续更新。 

谢小光同学的支撑,Pure的提供特别科学。 

本文转载到:http://www.cnblogs.com/mbailing/p/5627792.html\#undefined
 转载请注解出处,谢谢!

相关文章