必威-必威-欢迎您

必威,必威官网企业自成立以来,以策略先行,经营致胜,管理为本的商,业推广理念,一步一个脚印发展成为同类企业中经营范围最广,在行业内颇具影响力的企业。

要用原生 JavaScript 开发必威: web 应用,JavaScri

2019-10-20 07:27 来源:未知

Angularjs的优缺点

优点:

  • 创建自定义的文档对象模型(DOM)元素。
  • 简单的UI设计和更改。
  • 在HTML文档中创建输入字段时,将为每个已渲染字段创建单独的数据绑定。Angular倾向于在重新渲染之前检查页面上的每个单个绑定字段的任何变化。
  • 依赖注入。
  • 简单路由。
  • 易于测试的代码。
  • 此框架利于HTML语法的扩展,并通过指令创建可重用的组件。
  • 强大的模板构建解决方案。在HTML属性中使用绑定表达式来驱动模板功能。Angular的模板引擎对DOM有着深入的理解,且其结构良好的模板减少了创建结果页面所需的代码总量。
  • 数据建模限于小数据模型的使用,以使代码简单易于测试。
  • 在渲染静态列表时速度快。
  • 伟大的代码重用(Angular库)。

缺点:

  • 指令API的复杂性。
  • 对于具有许多交互元素的页面,Angular变得缓慢。
  • 原始设计往往很慢。
  • 由于许多DOM元素,性能方面有问题。
  • 复杂的第三方集成。
  • 陡峭的学习曲线。
  • 范围很容易使用,但很难调试。
  • 路由受限。

注意。Angular 2的功能与上述不同。Angular 2不是从Angular 1重新设计的,它被完全重写了。两个版本的框架之间的巨大变化在开发人员之间引起了相当大的争议。

2.React.js

作为Facebook和Instagram的开发框架,采用了它进行开发的还有Yahoo、Airbnb等等。官网上的描述是「A JavaScript library for building user interfaces」React.js是用来构造UI的框架。不是一个framework,只是用来构造UI的library,提供MVC中View的机能。

React.js首次发布了作为下BSD许可证在2013年开源。自发布以来,社区正在迅速日益增长,瞩目的而是,React.js是增长最快的JavaScript框架。ReactJS最擅长渲染复杂与高性能的用户界面。ReactJS利用虚拟DOM技术,可呈现所有客户端或服务器端的来回通信。

当处理动态和复杂的数据时,ReactJS处理流程为:

·渲染在服务器端的DOM,虚拟DOM。

·虚拟DOM与浏览器实际DOM比较,找出差异。

·仅更新差异的DOM节点而不是重新呈现整个DOM。

5. Meteor.js

喜欢只使用 JavaScript 开发完整的 web 应用吗?MeteorJS 正是这个神奇的全栈开发平台,让我们可以迅速地开发移动应用和网页应用。MeteorJS非常给力,拥有我们需要的所有功能,包括前端渲染,后端开发,业务逻辑处理和数据库管理。

Meteor 是 Meteor 开发组创造的,在 2012 年发布了一个开源版本,遵循 MIT 许可。

发布以来,MeteorJS 的生态圈迅速的发展壮大,它的社区业非常地活跃,相关的资料,教程和第三方的包很多,这些让 MeteorJS 变的非常强力。

MeteorJS 最棒的地方是仅 javaScript 开发就够了,不用花费时间去学习其他的语言。另外 MetrorJS 是模块化的,包和库可以按需加载。

服务端的代码运行在 nodejs 上,使用 MeteorJS 就能操作数据库,全都是 JavsScript, MeteorJS 是实时的 web 应用。

性能方面,数据库中的改变都会实时得反映在 UI 上,避免了不同语言间切换,减少了服务器的响应时间。

我们在官网了解到更多的信息-meteor.com

欢迎关注此公众号→【web前端EDU】跟大佬一起学前端!欢迎大家留言讨论一起转发

Reactjs的优缺点

优点:

  • 简单的界面设计和学习API。
  • 比其他JavaScript框架显着的性能提升。
  • 更快的更新。React使用最新的数据创建新的虚拟DOM和修补机制,并高效地将其与以前的版本进行比较,创建一个最小的更新部分列表,使其与真正的DOM同步,而不是每次更改时重渲染整个网站。
  • 服务器端渲染允许创建同构/通用web app。
  • 容易导入组件,尽管具有很少的依赖性。
  • 良好的代码重用。
  • 非常适合JavaScript调试。
  • 完全有可能用React增强Angular以增强麻烦的组件的性能。
  • 完全基于组件的架构。
  • JSX,一种JavaScript扩展语法,允许引用HTML并使用HTML标记语法来渲染子组件。
  • React本地库。

缺点:

  • 不是一个完整的框架,而是一个库。
  • 非常复杂的视图层。
  • Flux架构不同于开发人员习惯的范例。
  • 很多人不喜欢JSX。
  • 陡峭的学习曲线。
  • 将React集成到传统的MVC框架,如Rails中需要一些配置。

JavaScript框架现在如雨后春笋般到来。让我们来看看截止2017年,最好、最流行、功能最强大的10款JavaScript框架。

总结

虽然 JavaScript 框架出现的时间不长,但在过去的几年中发展迅速。JavaScript 框架是创建复杂用户界面的首选,尤其是创建单页应用时。

不同的框架间有不同的概念和方法,但殊途同归,都在试图解决构建复杂应用时的通用问题,让单页应用变的更易用和便捷。

文章中提到的框架是当今市场中最优秀的框架。请在评论中写下你的经验和你所用的框架。

你可以从Bower包管理器上安装Polymer。

Embersjs的优缺点

优点:

  • 约定优于配置。Ember.js不是为应用程序中的各种路由提供详细的配置,而是喜欢遵循命名约定并自动生成结果代码,仅在不遵守约定的情况下指定配置。
  • 客户端渲染和结构到可扩展的web应用程序超出视图层。
  • URL支持。
  • Ember的对象模型利于键值观察。
  • 嵌套的UI。
  • 最小化DOM。
  • 适用于大型应用程序生态系统。
  • 强数据层与Java集成良好。
  • 完全成型的模板机制(Handlebars模板引擎构建在流行的Mustache 模板引擎上)减少了编写的代码总量。它对DOM一无所知,而是依赖于直接的文本操作,动态地构建HTML文档。
  • 使用观察者来改变值,这将导致仅渲染更改的值。
  • 通过使用附件避免“脏检查”。
  • 更快的启动时间和固有的稳定性。
  • 性能焦点。
  • 友好的文档和API。

缺点:

  • Ember.js缺少控制器级别的组件重用。
  • 有很多过时的不再工作的内容和示例。
  • 陡峭的学习曲线。
  • Handlebars使用许多<script>标记来污染DOM,用作标记以使模板保持更新到模型。
  • 当走出其典型用途时会很麻烦。
  • Ember的对象模型实现膨胀Ember的整体大小并在调试时调用堆栈。
  • 最有见地和最重的框架。
  • 对于小项目而言过大。
  • 测试用例似乎模糊/不完整。

必威 1

关于作者:

Sunil 是 noeticforce.com 的创始人和特约编辑。他的文章里包含了所有能够使移动应用,web 应用,网站变的更现代化。是一位富有激情的开发者,他使用 Python, Swift, JavaScript, PHP, Java, Android & iOS ,也包括 HTML/CSS。

如果你喜欢这个文章,可以在 Twitter 上关注 noeticforce,也可以订阅 RSS。

欢迎关注此公众号→【web前端EDU】跟大佬一起学前端!欢迎大家留言讨论一起转发

深入Angular vs React vs Ember

许多开发人员因为JavaScript框架的种类繁多而感到眼花缭乱——框架外观和功能非常不同。

让我们来比较一下三个最流行和广泛使用的JavaScript框架的优势:AngularJS,ReactJS和EmberJS。

框架

AngularJS

ReactJS

Ember.js

是什么?

超级JavaScript MVW框架

一个不止用于构建用户界面的JavaScript库

一个用于创建高要求的web应用程序的框架

建立

由MiškoHevery建立于2009年

创建者:Jordan Walke,2013年开源

最初由Yehuda Katz于2007年创建叫做SproutCore,后被Facebook收购,并于2011年更名为EmberJS

官方主页

https://angularjs.org/

https://reactjs.net/

http://emberjs.com/

Github

https://github.com/angular/angular.js

https://github.com/facebook/react

https://github.com/emberjs/ember.js

Bug 报告

https://github.com/angular/angular.js/issues

https://github.com/facebook/react/issues

许可证

MIT

MIT

BSD-3-Clause

被使用的热门网站

Youtube, Vevo, Freelancer, Istockphoto, Weather, Sky Store

Facebook, Instagram, Khan Academy, New York Times, Airbnb, Flipkart, Sony Lifelog

Apple Music, Yahoo!, LinkedIn, TinderBox, Netflix, Groupon

最适合使用的地方

构建高度活跃和交互式的Web应用程序。

数据设置频繁更改的大型Web应用程序

动态SPA

4. Aurelia.js

AureliaJS是由ob Eisenberg和Angular以及Durandal团队联合开发。Aurelia是下一代JavaScript客户端框架,利用简单的约定来激发你的创造力。凭借其强大的专注于开发经验,Aurelia可以使您不仅创造惊人的应用程序,同时也享受这个过程。它经过精心设计,高度模块化,并包括许多独立的库。开发者在使用时可选取特定的库甚至扩展创建自定义框架。

10.Mercury.js

我们身处 JavaScript 框架大发展的时期,这种状况前所未有。我的 top ten 名单里也给新晋者留着一个位置,这就是 Mercury.js,它刚刚发布但前景广阔。

Mercury 由Raynos 创建,遵循 MIT 许可。它迅速的火了起来,吸引了大量的开发者关注。

Mercury 应该是借鉴 react 并使用了虚拟 DOM。它是现代化的框架,完全模块化,也可以按照需要扩展。

想一下这几个概念,压缩体积小,模块化,高效还有广受欢迎,Mercury 因此占据了当今十佳 JavaScript 框架的一个位置。

了解更多请看-githubcom/Raynos/mercury

支持动态加载。

比较Angularjs Vs Reactjs Vs Emberjs功能

特性

AngularJS

ReactJS

Ember.js

动态UI绑定

允许在纯对象或甚至属性级别使用UI绑定。可以同时更新多个绑定,而不需要耗时的DOM更新。

直截了当地将状态直接链接到UI。状态参数作为对象传递,并合并到React组件的内部参考状态。

使用Handlebars默认模板引擎。你必须在模型上使用特定的setter方法来更新绑定到UI的值,在Handlebars渲染页面的时候。其他绑定选项包括一个可能性以让你的Model在View和甚至另一个Model之间用一种要么单向要么双向的绑定模式。

可重复使用的组件

Angular组件称为“指令”,它们比Ember组件强大得多。它们能够创建你自己语义的和可重用的HTML语法。

在视图和控制器级别使用mixin,因此组件不必UI相关,并且可能只包含一些实用程序或甚至复杂的程序逻辑。

基于Widget的方法称为Ember组件。Handlebars布局和Ember的后端基础设施允许编写你自己的特定于应用程序的HTML标签。然后,可以在任何Handlebar模板中使用自定义元素。

路由

需要模板或控制器到其路由器配置,必须手动管理。

React不处理路由。但是有很多模块用于路由,如react-router,flow-router。

更强大的路由,以牺牲可增加的复杂性为代价。

意见

灵活的意见。给出一点灵活性来实现你自己的客户端堆栈。

灵活的意见。给出一点灵活性来实现你自己的客户端堆栈。

灵活的意见。给出一点灵活性来实现你自己的客户端堆栈。

数据绑定

双向

单向

双向

1. Angular.js

AngularJS,由谷歌提供支持,是JavaScript最大的框架。它于2009年发布,并遵循MIT开源协议。从其发展至今,生态系统的发展已经超出想象。它目前拥有的开发人员最大的社区,是开发Web应用程序最常用的JavaScript框架

AngularJS框架给HTML中注入了构建动态视图(交互式用户界面)所需的必要功能。AngularJS通过指令扩展了HTML,且通过表达式绑定数据到HTML。

双向数据绑定是Angular.js的核心。当用户与界面交互,并提供一个输入操作时,视图和模型(JavaScript对象)是同步的,在模型中,逻辑被执行,同时DOM也得到更新。相反的情况也是如此,如果模型得到更新,视图将被重新渲染。这基本上解决了所有的编写DOM操作时的痛苦**

最近一段时间 JavaScirpt 框架层出不穷,其中有十个最棒的,它们高端大气,功能丰富,广受欢迎,让我们可以搞定那些难搞的单页应用。

Angular项目快速入门页面使得开发者可以轻松开始使用Angular。

AngularJS: 框架领域的冠军

Angular.js是一个开源的Web应用程序框架,具有由Google提供的Model-View-Controller(MVC)架构(Angular 1)和Model-View-ViewModel(MVVM)架构(Angular 2)。它是上面提到的三个框架中最古老的。因此,它拥有最大的社区。 Angular.js通过使用指令扩展HTML的功能来解决开发SPA(单页应用程序)的问题。此框架强调让你的app快速完成和运行。

6.Backbone.js

您是否正在寻找一个轻量级的,但功能齐全的JavaScript框架?Backbone.js一定适合你!它于2010年首次发布,作者是Jeremy Ashkenas。

作为如Pinterest, Foursquare, Walmart, Disqus和 Delicious等巨头公司的开发框架,Backbone.js当仁不让的出现在了这份榜单上。Backbone.js的好处是:简单、小尺寸封装、简单易学。你可以在短时间内开发应用程序。

Backbone.js的使用方式非常灵活,你可以通过编写自己的代码或者使用第三方JavaScript框架搭建术语自己的Backbone.js。

在过去的数个月左右,Backbone.js的用户增长数量逐渐放缓,造成这种情况的原因是Backbone.js缓慢的更新周期。

8.Knockout.js

knockoutJS 由 Steve Sanderson 在 2010 年发布了第一个开源版本,遵循 MIT 许可。Knockout 依照的是 MVVM 模式,这让它变的与 Ember 还有 Angular 不太一样。

Knockout 曾经流行过,不过现在与 Angular, Ember 还有 Backbone 相比,用户增速非常缓慢。原因很简单,因为在增加新的功能和改进现有功能方面相差太多。

社区的开发者正在慢慢地转向 React 还有 Angular 的方向发展。Knockout 底蕴深厚,如果有人愿意接手它,并为它增加最新的技术,它还有希望重现辉煌。
我们可以了解更多的信息-knockoutjs.com

提供组件堆栈追踪,使得调试更加简单。

JS 框架比较:AngularJS vs ReactJS vs EmberJS

2016/12/08 · JavaScript · 1 评论 · AngularJS, EmberJS, ReactJS

原文出处: Nataliya Orlovska   译文出处:码农网 – 小峰   

选择最适合项目需求的JavaScript框架,可以提高你发布有竞争力的web app的能力。

最后,你对基于JavaScript的app或网站找到了一条奇妙的思路。选择正确的框架可能对你项目的成功有着相当大的影响。它可以影响你按时完成项目并在将来维护代码的能力。JavaScript框架,如Angular.js,Ember.js或React.js,给你的代码带来结构,并保持其有序化,从而使您你的app更灵活,更具可扩展性,并更容易开发。

必威 2

10.Mercury.js

新的语言和新的框架往往代表着活力与无限的未来。Mercury.JS就是这样的一个框架,它刚刚推出,也有着一个光明的未来。

水星是由Raynos创建并在MIT上许可的开源项目。它很快得到了开发者的欢迎,并在JavaScript开发者社区中得到了很多的关注

Mercury.js似乎是受React.js所启发,也运行于虚拟DOM。它作为新一代的JavaScript框架代表,具有完全模块化设计和丰富的扩展功能**

结构紧凑,模块化的设计,良好的性能和兼容性使得Mercury.js在如今最好的10 JavaScript框架中榜上有名。

多年以来,我们苦逼地使用原生 JavaScirpt 和 jQuery 开发复杂的界面,开发和维护的苦真是一言难尽。

专注于简化开发的 API 。

ReactJS: 在块上的新生儿

ReactJS是一个开源的JavaScript库,用于构建高性能的用户界面,专注于由Facebook引入和提供的惊人的渲染性能。React专注于模型视图控制器(Model View Controller)架构中的“V”。在React第一次发布后,它迅速吸引了大量用户。它是为了解决与其他JavaScript框架的常见问题——大数据集的高效渲染而创建的。

3.Ember.js

EmberJS是另一种强大的MVC JavaScript框架。Ember公司最初发布于2011年。*EmberJS竞争与角的喜好并做出反应***,当谈到构建交互式前端用户界面,也有开发商一个非常活跃的社区。

Ember公司还骑在双向数据像AngularJS结合本金,即更新视图时,模型的变化和更新模型时视图的变化,无论是在同步保持所有的时间。

Ember公司的管理由自身不断用新的超级大国加强成为世界一流的JavaScript框架之一。这是未来与Fastboot.js模块,允许DOM的服务器端渲染,类似于阵营已在使用的概念在复杂的UI渲染更好的性能

Ember公司的目标最好的两个AngularJS(双向数据绑定)和ReactJS(服务器端渲染)的。该方法灰烬社会继续真棒功能提供动力的话,我肯定不只这将继续乘车日益增长波JavaScript框架。

4. Aurelia.js

AureliaJS 由 Rob Eisenberg 为首的团队创建,团队中大部分的人来自 Angular 和 Durandal。它是 Durandal 公司旗下的一个开源的产品。该公司是一个创业公司,提供下一代 web 开发所用的库,工具和框架。

AureliaJS 是 2015 年 1 月发布的,不过已经在用于生产环境。它是 Durandal 的继承者,据 Eisenberg 说其实就是 Durandal 的下一个版本。 Durandal,Angular 1还有Angualr 2 的开发者可以轻松地迁移到 Aurelia 。

虽然 AureliaJS 刚发布不久,但是如果你在寻找 JavaScript 框架,请认真考虑它。因为它底蕴深厚,并由一只非常专业的团队维护着。

AureliaJS 的模块化程度非常高,由众多相互独立的,规模较小的库组成。我们可以在项目中使用整个框架,也可以仅使用一些必备的库,或者是扩展所用包来构建自己的框架。

AureliaJS 不依赖其他的库,除了一些必要的 polyfill 没有额外的依赖。

通过官网我们可以了解更多的信息-aurelia.io

Ember.js 3.0 稳定版会在2018年1月1日发布测试版之后的2月12日发布。在 2.x 版本中不推荐使用的 API ,依然是支持的,这些 API 将在 Ember.js 3.x 中被清除。 一个 add-on 应将支持在 3.x 代码行中的 Ember.js 2x API 。

Javascript场景的易变性

Web开发的变化发生的很快。几乎每个月都会引入一个新的JavaScript框架,并且现有的框架经常被更新。由于这些框架是开放源代码的,因此世界各地的大型社区也都可以不断地使之丰满起来。因此,了解每个框架的优点和它们之间的区别并不是一件容易的事情。

9. Vue.js

Vue.Js是Evan you的创作。在2014年作为开源框架发布使用。

VueJs将极简主义发挥到了极致,并允许您使用选择性模块满足设计要求。

Vue由AngularJS,ReactiveJs,knockoutJS和RivetsJS启发,同样具有双向数据绑定的功能,但其他重量级框架不同的是,Vue采用自底向上增量开发的设计。Vue的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合。另一方面,Vue完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。

6. Backbone.js

是不是想要一个轻量又包含所有功能的 JavaScript 框架呢?Backone.JS 正是这样的。 Jeremy Ashkenas 在 2010 年发布了它的一个开源版本,遵循 MIT 协议。

backbone 功能强大并应用广泛,Pinterest,Foursquare,Walmart,DIsqus 和 Delicious 这些大公司都在使用它。这仅是用户中的一小部分,由于用户数量巨大,无法罗列出来。

backbone 的优势是它比较简单,很小并容易上手。使用 backbone 开发可以说干就干。

backbone 非常灵活,因为它提供了一个最小的功能集合,开发者在此基础上二次开发,自己写代码或者使用第三方的库都可以。还可以在 backbone 的基础上构建一个全功能的框架。

过去的几个月中,backbone 使用者的增长速度缓慢,远远落后Angular, Ember 还有新出道的 React 的增速。

主要是因为 backbone 版本迭代慢,缺少其他框架提供的强大功能。

尽管还有人使用 backbone,不过更多的作为辅助框架而不是主要的框架。

Backbone 的更多信息请看 backbonejs.org

使TypeScript用户更容易在Vue.js中启动新项目

定义你的需求并使选定的框架发挥最大的作用

确定哪个框架适合你,只需要评估应用程序的需求以及每个框架的优势即可。这需要深入了解所考虑的每个框架的优点和缺点,以及它们如何在不同用例下竞争。所有框架都有很多共同点:开源,在许可证下发布,并创建具有MVC设计模式的SPA。它们都有视图,事件,数据模块和路由。然而,不同的JavaScript框架更适合不同类型的应用程序。

如果你正在决策创建一个web app,对于长期支持和活跃的社区,Angular,React和Ember是最安全的。此外,目前Angular是这三个中最受欢迎的。你可以一站式使用。它是大型企业的首选框架。Ember是那些寻求全工具包含框架方法的人的最佳解决方案。Ember可以帮助你做出许多决策,所以你不必花时间研究和胶合库。由于Ember需要很长时间学习,所以它适合长期项目。React是上面提名的三个框架中最轻量级的。它的伟大在于一件事:渲染UI组件。许多人甚至将其与前面提到的框架进行配对。如果你需要逐渐现代化现有的代码库,那么这是一个合适的选择。

正如你看到的,没有明确的胜利者。有的框架比其他框架更适合特定的项目。当然,你也可以从几个不同的角度检查你的项目,包括成熟度,大小,依赖性,互操作性,功能等,并联系专业的前端web开发公司来构建完美的网站架构和网站设计,以便于更好地满足你的业务。

1 赞 2 收藏 1 评论

必威 3

原生的JavaScript和jQuery一起已经被使用多年,用以构建复杂的网络接口,但在代码开发和维护上需要需要付出巨大的精力。JavaScript框架使用给你足够的空间,去专注于开发用户界面的互动元素,而不用担心太多的代码结构和代码维护。

框架能够让开发者抽出更多的精力专注在交互功能上,不用太操心代码的结构和组织。

Meteor 平台,也被称为 Meteor.js ,包括用于构建已连接客户端的响应式应用程序的技术,构建工具以及一系列来自 Node.js 和 JavaScript 社区的软件包。使用 Meteor 后,服务器会通过设备发送数据而不是HTML,然后在客户端渲染它。

EmberJS: 所有的繁重工作

EmberJS是一个用于创建单页面客户端Web应用程序的开源JavaScript应用程序框架,使用Model-View-Controller (MVC)模式。此框架提供通用数据绑定和URL驱动方法,用于构建不同的应用程序,重点放在可扩展性。

Ember在2007年最初被发布时,叫做SproutCore。2011年,它被Facebook收购,并重命名为Ember。它结合了本地框架,例如Apple的Cocoa的经过验证的概念以及轻量级的敏感性。

结论

不同的框架提供了不同的概念和方法,但试图解决动态渲染复杂的用户界面,使单页的应用程序更加快速和有效是它们共同针对的问题。

在这篇文章中提到的框架是现在互联网上最好的JavaScript框架。欢迎大家分享对于框架开发的经验。

更多科技知识与资讯,欢迎加入公众号“科技浪花”。

必威 4

3. Ember.js

EmberJS 也是一个功能强大的 MVC 框架。Ember 由 Yehuda 在 2011 年发布了第一个开源版本,遵循MIT 许可。EmberJS 在创建交互应用方面可以同 Angular,React 一较高下,也拥有非常活跃的社区。

Ember 和 Angular 一样使用了双向数据绑定,也就是说,当 model 变化时更新 view;当 view 变化时更新 model,view 和 model 一直保持同步。

Ember 可以跻身优秀的框架之列,是因为它不断地增添强大的功能。它引入的 Fastboot.js 模块提供了服务端渲染的能力,这个思路有点类似 React。

Ember 想要将 Angular 双向绑定和 React 服务端渲染的优点继承过来。Ember 社区使用这种方式持续不断地给它增加优秀地功能,我十分确信 Ember 会一直流行下去。

关于更多 Ember 的信息请看 emberjs.com

你可以从 Backbone 项目网站下载开发版本和产品发布版本。

7.Polymer.js

Polymer是在Google I/O 2013发布的一个新的Web UI框架。Polymer的核心原则是“Everything is an element”。它是一款实用、基于事件驱动、封装性和互操作性强的Web UI开发框架。Polymer沿袭了正统的HTML+CSS+JS思路进行革新,很多组件化的功能靠浏览器自身的功能去支持,用浏览器原生的接口去做组件的集成,使用了效率最高的Vanilla JS,易学易用。在加上Material Design的官方组件让人耳目一新。

要用原生 JavaScript 开发 web 应用 ? 呵呵哒!现在都追求开发效率,开发者需要要更高效的方式,于是 JavaScript 框架诞生了。JavaScript 框架是单页应用开发的顶梁柱,它为 HTML 和 原生 JavaScript 增加了强大的功能。

Aurelia

5.Meteor.js

Meteor在2012年4月首次发布。Meteor本质上是Node.JS应用的开发,继承了Ruby on Rails、Node.JS、MongoDB API等框架的基础特性,模糊了服务器端和客户端,弱化网络连接质量造成的影响。

如果简单定义“现代网站”是一个实时交互、超高性能、具备非凡体验的网站,那么Meteor就是一个可为开发者以简单高效而且充满乐趣的方式进行现代网站开发的平台,以往开发周期需要几周到几个月的项目,现在可能只需要几个小时或者一个周末的时间就可以完成。Meteor构建的应用体验,会让人觉得浏览器的刷新按钮和地址栏是多余的。

关于MeteorJS最好的事情是,你使用的只有JavaScript的端到端应用程序的开发,无需花费时间学习别的。服务器端软件包在Node.js的运行,除了MeteorJS包,你不需要任何东西来访问数据库,这使得MeteorJS能够应用于实时web应用程序。性能上,数据库中的任何更改将实时反映界面,反之亦然。

大多数框架使用了 MVC 模式,并增强了代码的扩展性,重用性和可维护性。MVC 并不是唯一的准则,还有一些其他的模式,比如 MV*, MVVM, MVP。 要根据项目的需求应用恰当的模式。

更简单的数组处理。

8.Knockout.js

KnockoutJS是由史蒂夫·山德森在2010年以MIT开源JavaScript的框架。Knockout是一款很优秀的JavaScript库,它可以帮助你仅使用一个清晰整洁的底层数据模型(data model)即可创建一个富文本且具有良好的显示和编辑功能的用户界面。任何时候你的局部UI内容需要自动更新(比如:依赖于用户行为的改变或者外部的数据源发生变化),KO都可以很简单的帮你实现,并且非常易于维护。

KnockoutJS已经走过了它的的黄金时间,截至目前,用户增长缓慢,开发者社区正慢慢转向其它框架。

2. React.js

Facebook 和 Instagram 的用户界面为什么这么给力呢?因为它们用的是 React.js。我们借此可以感受到 ReactJS 在创建大规模动态应用方面的强大能力。

React 在 2013 年发布了第一个的开源版本,它遵循 BSD 许可。一经发布社区规模就迅速扩大,必须承认它是当今发展最快 JavaScript 框架。随手就可以找到非常多的资料,教程和 React 的组件库。

ReactJS 最擅长高效地渲染复杂的用户界面。它的基本原理是一个称为 virtual DOM 的东西。virtual DOM 可以在客户端或服务端渲染,并进行通信。

在数据处理变的复杂和动态之后,客户端的 DOM 操作的性能受到影响。
React 的解决办法是:

  • 使用 virtual DOM 在服务端进行 DOM 渲染。
  • 比较真实的 DOM 和 virtual DOM,并标记两者的差异。
  • 只更新那些发生变化的 DOM 节点而不是重绘完整的 DOM 树。

React 另一个优势在于响应式组件带来了很好的重用性,React 组件库创建后可以在多个项目中共用,也能供大众使用。

一个很好的例子是 Material-UI,它用 React 组件实现了 Google 的 material design。

去 Instagram 看看会有更直观的感受,它的界面完全由 React JS 生成。

官网有更多的信息-facebook.github.io/react

支持WebAssembly可移植代码格式

用原生JavaScript开发web应用?恐怕是“石乐志”。在互联网技术更迭如此迅速的时代,我们需要更好的方式来快速开发交互式Web应用程序,这就不得不提JavaScript框架了。JavaScript框架是单页面的Web应用程序开发的核心,并给html和JavaScript注入新的强大的能量。

9.Vue.js

Vue.js 的开发者是尤小右,2014 年发布了第一个开源版本,遵循 MIT 许可。

VueJs 是个小鲜肉,吸引了很多开发者关注。VueJs 使用了 MVVM 模式,它的API 非常简单。VueJs 的设计精简至极,为开发者精心准备了几个必需的模块。

VueJs 参考了 AngularJS, ReactiveJs, konckoutJS 和 RivetsJS,使用双向的数据绑定更新 model 和 view。

目前来说,Vue 并不能同 Angular 还有 Ember 一较高下,但它很有潜力成为日后的主流框架,届时将获得相应的占有率。发布 10 个月以来它牢牢地站稳了脚跟,现在由尤小右维护。

关于 VueJs 的更多信息请看-vuejs.org

Meteor 的功能

7. Polymer.js

Polymer.js 是一个与众不同的框架,由 google 在 2013 年发布。Polymer 使用了 web components 来增强 HTML 的功能。

Web Components 是由 W3C 发布的一项浏览器技术,用来创建定制的 HTML 标签。比如 <audio> 是一个标准的 HTML5 元素,通过使用 web components 和相关的技术可以生成一个自定义的标签,比如说<my-audio>。

Polymer 使用的是包含 web components 在内的浏览器技术,它开创了自定义 HTML 标签的一套体系。

有关 Polymer 的更多信息请看 polymer-project.org

这些工具提供从事件处理到代码缩减和数据渲染的功能。以下是开发基于浏览器的 Web 应用程序的 JavaScript 开发人员工具包中最必要的技术汇总。

1. Angular.js

AngularJS,Google 的亲儿子,是 JavaScript 框架中一面旗帜,在2009年发布第一版,遵循 MIT 许可开源。发布以来,Angular 的生态圈就以惊人的速度壮大。它自称拥有最大的开发者社区,也是最常用的框架。

Angular 为 HTML 增添了开发动态交互页面时所需的全部功能,其中包括在 HTML 元素的属性上添加 Angular 的指令。用 Angular 扩展 HTML 太方便了,把默认指令或者自定义指令放在某个 div 的属性上就可以了。

Angular 负责编译和渲染 HTML,并生成用户界面, 在此过程中,它操作 DOM 并实现指令中的全部功能。不过,指令只是 Angular 强大功能的一部分。

双向数据绑定是 Angular 的核心功能。用户在界面上戳戳点点或是输入点什么的时候,改变了应用中的 view,此时 model(JavaScript objects) 会跟随着 view 一起发生变化,model 中的代码逻辑得到执行,最终将更新 DOM 结构。

这个过程反过来也一样的,当某些因素引起 model 变化时(比如使用服务端的消息推送),view 会重新渲染。这种方式大体上根治了手工维护 DOM 的痛苦。

最近发布的 ReactJS 有超越 Angular 的势头,不过 Angular 牢牢地把持着领先地位,人们对它的需求有增无减。Angular 能够不断地成长是因为
每一个版本都会有优化和先进的功能。

我们可以访问 Angular 的官方网张了解更多的信息-angularjs.org

Ember.js

作者: noeticsunil | 最后更新:2016.03.05 | 译者:CoolTiger
原文链接

Meteor 软件可以从 Meteor 项目网站下载。

Angular

可以在 NPM 中输入 npm install -g ember-cli@2.15 来安装 Ember.js 。

jQuery 团队现在差不多每年发布两个版本,从现在到 2018 年中只会发布一些小版本。除此之外,jQuery 4.0 和后续版本要求使用“下一代”JavaScript完全重写,这需要对构建系统进行更新。在 jQuery 4 和后续版本中还有如下计划:

Backbone.js 中的数据是使用可以创建、校验、销毁并保存到服务器的模型表示的。这些模型通过 RESTful JSON 接口连接到应用程序。使用 Backbone.js 时,当 UI 操作提示要更改模型的属性时,该模型会触发更改事件。显示模型状态的视图会收到此更改的通知并重新渲染他们。

Vue.js的功能

ECMASript 2015类和标准的自定义元素。Polymer第1版中的方法用于定义元素,而不是使用Plymer的工厂方法。但是工厂方法仍然通过兼容性层来支持。

构建优化器,通过删除不必要的代码使应用程序更小。

数据系统的改进,以提升数据通过和元素之间的调试和传递。

web前端/H5/javascript学习群:250777811

TAG标签:
版权声明:本文由必威发布于必威-前端,转载请注明出处:要用原生 JavaScript 开发必威: web 应用,JavaScri