广告
每天积累一点点,进步一点点-方脸猫博客

在面对众多的前端框架时,我们该如何选择?

原创:内容为作者原创,可能存在参考别人观点
正文

在做web开发的时候难免遇到一个问题,那就是,选择什么样的框架。


主流框架:


一、jQuery


u=511452443,1653351708&fm=26&gp=0.jpg


1.绝对的万金油,核心js只有50K,门户网站、管理系统,用在哪都可以。

2.jQuery是对js底层dom操作封装最薄的一个框架,没有大量的专有对象,多为提供函数进行dom操作。

3.最大的三个亮点,一是支持CSS3的大量选择符,想定位或选择一个html元素简直轻而易举。二是灵活便捷的Ajax请求和回调操作。三是事件绑定功能,内部封装了很多事件,想统一为一个页面上的一些元素添加事件很方便,这也提高了复用性和可维护性,避免了页面中出现大量的html属性。

4.此外它也封装了很多常用的操作,例如节点的添加删除、常用的动画效果、逻辑判断比较等等。避免了直接使用domapi进行繁琐的操作。
5.本身提供了可扩展的函数,可以自己编写插件与核心jQuery对象进行集成使用。这也是常用的手段,只要你理解js面向对象编程,熟悉jQueryAPI,就能写出很多定制的插件,复用在各种地方。

二、Bootstrap


u=1369229729,2739658367&fm=26&gp=0.jpg


Bootstrap 在当今流行的各种框架中是无可争议的老大。鉴于其每天仍在增长的巨大人气,可以肯定,这个美妙的工具绝对不会让你失望,它也不会在你成功建立网站前就离你而去。

Bootstrap 的主要优点是它非常流行。从技术上讲,它并不一定比这次列出来的其他框架好,但它提供的资源(文章和教程、第三方插件和扩展、主题开发者等等)比其他四个框架的总和还要多。简而言之,Bootstrap无处不在。这是人们继续选择它的主要原因。

三、Node.Js


index.jpg


Node.js是一个Javascript运行环境。实际上它是对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环境,基于GoogleV8引擎,V8引擎执行Javascript的速度非常快,性能非常好。

 

四、angular.Js


u=3733549190,495274576&fm=26&gp=0.jpg


AngularJS诞生于2009年,由Misko Hevery 等人创建,后为Google所收购。是一款优秀的前端JS框架,已经被用于Google的多款产品当中。AngularJS有着诸多特性,最为核心的是:MVVM、模块化、自动化双向数据绑定、语义化标签、依赖注入等等。

用途:通过描述我们应该就能很好的明白AngularJS的真实用途了,MVVM,模块化,自动化双向数据绑定等等。除了简单的dom操作外,更能体现Js编程的强大。当然应用应该视场合而定。

 

五、Vue.js


u=2604286683,881664062&fm=26&gp=0.jpg

Vue.js 是用于构建交互式的 Web  界面的库。它提供了 MVVM 数据绑定和一个可组合的组件系统,具有简单、灵活的 API。从技术上讲, Vue.js 集中在 MVVM 模式上的视图模型层,并通过双向数据绑定连接视图和模型。实际的 DOM 操作和输出格式被抽象出来成指令和过滤器。相比其它的 MVVM 框架,Vue.js 更容易上手。

六、Ionic


u=3153850315,1031638771&fm=26&gp=0.jpg


Ionic既是一个CSS框架也是一个Javascript UI库。许多组件需要Javascript才能产生神奇的效果,尽管通常组件不需要编码,通过框架扩展可以很容易地使用,比如我们的AngularIonic扩展。

Ionic遵循视图控制模式,通俗的理解和 Cocoa 触摸框架相似。在视图控制模式中,我们将界面的不同部分分为子视图或包含其他视图的子视图控制器。然后视图控制器驱动内部视图来提供交互和UI功能。一个很好的例子就是标签栏(Tab Bar)视图控制器处理点击标签栏在一系列可视化面板间切换。


浏览我们的API文档来了解视图控制器和Ionic中可用的Javascript实用工具。

Ionic 是目前最有潜力的一款 HTML5 手机应用开发框架。通过 SASS 构建应用程序,它 提供了很多 UI 组件来帮助开发者开发强大的应用。 它使用 JavaScript MVVM 框架和 AngularJS 来增强应用。提供数据的双向绑定,使用它成为 Web 和移动开发者的共同选择。

 

 

 

评论(总计0条)(低分辨率暂不支持评论)
暂无评论
推荐(随机推荐5条文章)

js入门学习

利用学的一丁点皮毛,简单练个手,将记不住的东西放在上面备用,写了一会终于搞懂点逻辑结构,不简单啊,渣渣逆袭咸鱼翻身....还是丧着舒服

发布时间:2018-10-15阅读量:79

js

js

发布时间:2018-10-15阅读量:77

CSS实现单行、多行文本溢出显示省略号

css单、多行文本溢出固定宽度,显示省略号,隐藏多余部分

发布时间:2018-10-16阅读量:137

JS入门练习

这个练习就是一个object.style的应用,很简单但是也算是一分收获

发布时间:2018-10-16阅读量:84

tp5前端请求报500错误 Internal Server Error

在本地测试tp5接口一切显示正常,但是放到服务器上就会遇到500错误

发布时间:2018-10-16阅读量:120

分类 方脸猫博客
广告招租 方脸猫博客
信息交流 方脸猫博客
snow
qq群 站长交流群 群号:272541864
qq号 站长QQ QQ:3189859329
webLogo