目录
  1. 1. 简言
  2. 2. 前端框架库
    1. 2.1. 1.Node.Js
    2. 2.2. 2.Angular.js
    3. 2.3. 3.Vue.js
    4. 2.4. 4.React.js
    5. 2.5. 5.JQuery Mobile
    6. 2.6. 6.require.js
主流的UI/JS--前端框架

简言

如今的前端已经不再像以前一样就是简简单单的写写页面和调调样式而已,现在的前端越来越复杂,知识点越来越丰富。

要做Web前端,就需要知道前端到底是什么,需要学习那些知识;前端至少要懂的三个部分:HTML,CSS,Javascript(简称JS),那么首先要明确这三个概念:

HTML负责结构,网页想要表达的内容由html书写。

CSS负责样式,网页的美与丑由它来控制

JS负责交互,用户和网页产生的互动由它来控制。

web前端发展至今,演变出了无数的库和框架;说到库第一时间想到的是不是jquery?在我刚接触库的时候也是从jQuery开始的;今天我们就来说说前端发展到现在都有哪些好用的库框架。

说到前端框架我们第一印象中想起React、Vue、Angular,不知道你是否与我一样想到这些,现在常用的有: Bootstrap、jQuery UI、BootMetro、AUI 常用的还有很多、就不一一跟大家举例出来了,因为很多朋友 在不同项目开发中用到的前端框架不一样,其实也有一款可以适用于多种项目开发的前端框架,只是没发现。

用前端框架开发项目的原因?

这个应该是最好解决的问题,首先就是减少造轮子的想法,能够快速的开发一款Web应用对于公司来说都是非常愿意看到的,在时间和成本之间就能够节约很多的时间,这是其中一点,另外一点就是使用前端框架的组件功能,只要组件功能强大,什么样的项目都能够开发(前提是:要熟悉前端框架的功能!),时间成本问题就能够轻松解决。

没有设计师也能做出精美页面效果的前端框架

虽然市场中有很多的前端框架,但部分UI框架是属于组件库,然而QUICK UI跟当下流行的三大底层框架React、Vue和Angular不同,QUICK UI提供了一整套前端解决方案,包括前后端分离的开发框架、100多种功能强大的UI控件、几十套精美的皮肤模板和近16万字的开发文档,满足你所以开发项目都不是问题。

前端框架库

1.Node.Js

img

地址: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密集、少量业务逻辑的场景。

2.Angular.js

地址:http://www.runoob.com/angularjs/angularjs-tutorial.html (中文网)
描述:AngularJS[1] 诞生于2009年,由Misko Hevery 等人创建,后为Google所收购。是一款优秀的前端JS框架,已经被用于Google的多款产品当中。AngularJS有着诸多特性,最为核心的是:MVVM、模块化、自动化双向数据绑定、语义化标签、依赖注入等等。
用途:通过描述我们应该就能很好的明白AngularJS的真实用途了,MVVM,模块化,自动化双向数据绑定等等。除了简单的dom操作外,更能体现Js编程的强大。当然应用应该视场合而定。
它的出现比较早,也是曾经比较流行的前端js框架,但是今年来随着reactJS与VueJS的出现,它的热度在慢慢降低。

3.Vue.js

地址:http://cn.vuejs.org/
描述:Vue.js 是用于构建交互式的 Web 界面的库。它提供了 MVVM 数据绑定和一个可组合的组件系统,具有简单、灵活的 API。从技术上讲, Vue.js 集中在 MVVM 模式上的视图模型层,并通过双向数据绑定连接视图和模型。实际的 DOM 操作和输出格式被抽象出来成指令和过滤器。相比其它的 MVVM 框架,Vue.js 更容易上手。
目前市场上比较流行的前后端分离的开发模式,大多前端都是vueJS做的,具体的优点请大家看官方文档。

4.React.js

地址:http://reactjs.cn/react/docs/why-react.html
描述:React 是一个 Facebook 和 Instagram 用来创建用户界面的 JavaScript 库。很多人认为 React 是 MVC 中的 V(视图)。我们创造 React 是为了解决一个问题:构建随着时间数据不断变化的大规模应用程序。为了达到这个目标,React 采用下面两个主要的思想。

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.require.js

地址:http://www.requirejs.cn/
描述:RequireJS的目标是鼓励代码的模块化,它使用了不同于传统

文章作者: 刘向洋
文章链接: https://liuxiangyang.space/2020/01/12/00207/
版权声明: 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 刘向洋的博客
打赏
  • 微信
  • 支付宝

评论
广告