前者框架汇总

概述:

  有些日子没有正襟危坐写博客了,互联网飞速发展的时代,技术创新迭代的进度吗在加快。看在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)。实际上它是对准Google
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环境,基于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] 诞生于2009年,由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 使用 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 是一个 Facebook 和 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 + 域名

相关文章