虽然市场中有很多的前端框架, 但部分 UI 框架是属于组件库, 然而 QUICK UI 跟当下流行的三大底层框架 React,vue 和 Angular 不同, QUICK UI 提供了一整套前端解决方案, 包括前后端分离的开发框架, 100 多种功能强大的 UI 控件.
几种 UI 框架:
1.Node.JS
描述: 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(目前比较流行的接口开发风格)
这是 Node.JS 最理想的应用场景, 可以处理数万条连接, 本身没有太多的逻辑, 只需要请求 API, 组织数据进行返回即可. 它本质上只是从某个数据库中查找一些值并将它们组成一个响应.
由于响应是少量文本, 入站请求也是少量的文本, 因此流量不高, 一台机器甚至也可以处理最繁忙的公司的 API 需求.
2. 统一 web 应用的 UI 层
目前 MVC 的架构, 在某种意义上来说, Web 开发有两个 UI 层, 一个是在浏览器里面我们最终看到的, 另一个在 server 端, 负责生成和拼接页面.
不讨论这种架构是好是坏, 但是有另外一种实践, 面向服务的架构, 更好的做前后端的依赖分离. 如果所有的关键业务逻辑都封装成 REST 调用, 就意味着在上层只需要考虑如何用这些 REST 接口构建具体的应用.
那些后端程序员们根本不操心具体数据是如何从一个页面传递到另一个页面的, 他们也不用管用户数据更新是通过 Ajax 异步获取的还是通过刷新页面.
3. 大量 Ajax 请求的应用
例如个性化应用, 每个用户看到的页面都不一样, 缓存失效, 需要在页面加载的时候发起 Ajax 请求, Node.JS 能响应大量的并发请求. 总而言之, Node.JS 适合运用在高并发, I/O 密集, 少量业务逻辑的场景.
2.angular.JS
描述: AngularJS 诞生于 2009 年, 由 Misko Hevery 等人创建, 后为 Google 所收购. 是一款优秀的前端 JS 框架, 已经被用于 Google 的多款产品当中. AngularJS 有着诸多特性, 最为核心的是: MVVM, 模块化, 自动化双向数据绑定, 语义化标签, 依赖注入等等.
用途: 通过描述我们应该就能很好的明白 AngularJS 的真实用途了, MVVM, 模块化, 自动化双向数据绑定等等. 除了简单的 dom 操作外, 更能体现 JS 编程的强大. 当然应用应该视场合而定.
它的出现比较早, 也是曾经比较流行的前端 JS 框架, 但是今年来随着 reactJS 与 vuejs 的出现, 它的热度在慢慢降低.
3.jQuery Mobile
描述: Query Mobile 是 jQuery 在手机上和平板设备上的版本. jQuery Mobile 不仅会给主流移动平台带来 jQuery 核心库, 而且会发布一个完整统一的 jQuery 移动 UI 框架. 支持全球主流的移动平台.
jQuery Mobile 开发团队说: 能开发这个项目, 我们非常兴奋. 移动 Web 太需要一个跨浏览器的框架, 让开发人员开发出真正的移动 Web 网站.
用途:
jQuery Mobile 是创建移动 Web 应用程序的框架.
jQuery Mobile 适用于所有流行的智能手机和平板电脑.
jQuery Mobile 使用 html5 和 CSS3 通过尽可能少的脚本对页面进行布局.
4.RequireJS
描述: RequireJS 的目标是鼓励代码的模块化, 它使用了不同于传统 < script > 标签的脚本加载步骤. 可以用它来加速, 优化代码, 但其主要目的还是为了代码的模块化. 它鼓励在使用脚本时以 module ID 替代 URL 地址.
RequireJS 以一个相对于 baseUrl 的地址来加载所有的代码. 页面顶层 < script > 标签含有一个特殊的属性 data-main,require.JS 使用它来启动脚本加载过程, 而 baseUrl 一般设置到与该属性相一致的目录.
用途: 模块化动态加载.
5.vue.js
描述: Vue.JS 是用于构建交互式的 Web 界面的库. 它提供了 MVVM 数据绑定和一个可组合的组件系统, 具有简单, 灵活的 API. 从技术上讲, Vue.JS 集中在 MVVM 模式上的视图模型层, 并通过双向数据绑定连接视图和模型.
实际的 DOM 操作和输出格式被抽象出来成指令和过滤器. 相比其它的 MVVM 框架, Vue.JS 更容易上手.
目前市场上比较流行的前后端分离的开发模式, 大多前端都是 vueJS 做的, 具体的优点请大家看官方文档.
6.Bootstrap.JS
Bootstrap.JS 为复杂 JavaScript 应用程序提供模型 (models), 集合(collections), 视图(views) 的结构. 其中模型用于绑定键值数据和自定义事件; 集合附有可枚举函数的丰富 API; 视图可以声明事件处理函数, 并通过 RESTful JSON 接口连接到应用程序.
7.React.JS
React 是一个 Facebook 和 Instagram 用来创建用户界面的 JavaScript 库. 很多人认为 React 是 MVC 中的 V(视图). 我们创造 React 是为了解决一个问题: 构建随着时间数据不断变化的大规模应用程序. 为了达到这个目标, React 采用下面两个主要的思想.
来源: http://www.css88.com/qa/javascript/11849.html