优信彩票购彩大厅:十款最好的JavaScript开发框架

优信彩票购彩大厅 1

优信彩票购彩大厅 2

我是 Max,Spectrum 的技术联合创始人。Spectrum 是一个面向大型在线社区的开源聊天应用程序,最近被GitHub 收购。我们是一个三人团队,主要拥有前端和设计背景,我们在这个项目上工作了近两年时间。

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

事后看来,以下是我做出的令自己感到遗憾的技术选型以及从中学到的经验教训。

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

遗憾 1:没有使用 react-native-web

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

Spectrum 的很大一部分吸引力在于内容是公开的和可搜索的,所以我们在开发原生应用之前先开发了网站。

1. Angular.js

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

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

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

我们的搜索索引做得很成功,但用户一直在要求有更好的移动体验。我们现在正在开发原生应用程序,但因为是从头开始,所以很耗时。如果我们当初使用 react-native-web 来构建网站,就可以重用一些基础组件,加快原生应用程序的开发速度!

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。

最重要的是,我们应该已经对网站的移动版本进行了优化。如果移动体验做得足够好,即使是在桌面上也是可接受的,只需要做一些调整即可。然而,桌面体验在移动设备上的表现就有点令人生厌了。事实证明,不管我们做得多么好,都难以在各种尺寸的设备上有良好的表现。

3.Ember.js

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

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

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

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

学到的第 1 课:构建一个好产品就是要不断进行实验,加快开发速度,为了迭代速度和灵活性而优化。

4. Aurelia.js

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

出于 SEO 的目的,我们需要使用服务器端渲染。但我们已经使用 create-react-app 构建了应用程序的第一个版本。我们考虑过切换到 Next.js,但我认为重新设计路由和数据获取比我们自己构建服务器端渲染的工作量更大。

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应用程序。性能上,数据库中的任何更改将实时反映界面,反之亦然。

但事实证明,自己构建生产就绪的服务器端渲染非常困难。它需要很大的工作量,并且很难为开发人员和用户提供良好的体验。

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缓慢的更新周期。

Next.js 提供了惊人的开发体验和性能,更不用说活跃的社区和优秀的文档。如果我们现在重新开始,我会怀着激动的心情使用它。

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的官方组件让人耳目一新。

学到的第 2 课:尽可能使用现有的解决方案来解决技术问题,特别是那些你不了解的问题。

8.Knockout.js

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

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

我之所以选择 RethinkDB 作为我们的主要数据存储,主要是因为它的 changefeed 功能。这个功能允许你监听几乎任何一个查询的实时更新。我认为它可以降低系统的复杂性,因为我们不需要为了实时功能单独使用另一个发布和订阅系统。

9. Vue.js

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

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

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

本文由优信彩票购彩大厅发布于互联网资讯,转载请注明出处:优信彩票购彩大厅:十款最好的JavaScript开发框架

您可能还会对下面的文章感兴趣: