美高梅官方网站66159

但是最新的HTML5开发框架也许将掀起新一轮,这次 A 轮领投的也是之前的投资方 Javelin

作者:美高梅官方网站66159    来源:未知    发布时间:2020-04-25 00:23    浏览量:

图片 1

图片 2

Famo.us提供 HTML 5 的 JavaScript 开发框架,它刚获得 4 百万美元的 A 轮融资。Famo.us 种子期融了 110 万美元,这次 A 轮领投的也是之前的投资方 Javelin Venture。值得一提的是有家硬件商也参投了,但未透露是哪家。

 

摘要:仅限iOS或跨平台?力求打造惊艳的转换、动画效果和流畅的用户体验?想要快速部署产品?针对高端移动设备还是中低端?对比Ionic、Famo.us、F7、OnsenUI以及Angular Material Design,选择最合适的Hybrid App UI框架。本文作者Tal Gleichger是拥有8年实战经验的资深全栈Web开发者,也是SocialBelong的CTO及联合创始人。在移动开发成为大势所趋之后,转战移动应用开发,在深度接触Hybrid App开发的同时,他也对几大开发者使用最广泛的框架进行了使用与对比,剖析优劣,供开发者们参考。以下为译文: 在过去的两年里,我一直都在和移动应用打交道,其中绝大部分是基于AngularJS开发的Hybrid App。基于AngularJS的UI框架并不多,而Ionic、Famo.us、Framework7和OnsenUI绝对是首选,此外,还有Google新推的设计语言Material Design。什么是Hybrid App?混合应用相当于是利用Web开发技术编写的原生应用,如HTML5、CSS、JavaScript都是进入原生容器的比较常用的语言,原生应用包含了一个链接到HTML文件的WebView隐藏浏览器。而使用Cordova、PhoneGap或其他类似的解决方案,不但使整合HTML和原生代码成为可能,甚至不费吹灰之力便能做到,也让在应用商店中部署App更加容易。图:混合应用的发展趋势没错,开发者可以创建一个HTML5应用,然后以原生的方式运行。而Corodva,PhoneGap等解决方案也能够让混合应用像Native App那样访问照相机、加速计、位置和通讯录等设备功能。此外,混合应用开发还有很多好处。其中一个便是别出心裁的跨平台优势,既省钱又省时间。不仅如此,开发混合应用还是创意付诸实践的最佳捷径,所以优势之二是:Web开发者不论水平如何,只需经过短期培训就能成为合格的混合应用开发者。一方面公司的成本可以降低,另一方面学习难度也低于Objective-C、Swift、Java及其他原生语言。虽然从性能上讲,混合应用还稍逊Native App,但几经发展,混合应用也在不断提升的过程中。2014年最受开发者好评的混合应用UI框架在过去,当进行移动应用开发时,大多数开发者都会使用jQuery库来打造动画效果,并自己创建CSS和HTML。这个套路用在网站开发商还挺不错,但对于移动应用开发而言却是绝对行不通的。从响应式、跨平台到原生应用质感,都得费一番功夫才能实现。如今这个时代,用户体验太重要了,如果他们觉得应用速度太慢,漏洞太多,质量太差,那你只能认栽。而最近,混合应用和移动开发相当火热,很多公司也看到了商机。在去年,已有三大UI框架被列入了开发工具推荐名单,其他框架也将陆续加入,为混合应用带来质量优、效率高、性能好的用户体验。1. Ionic Framework整合了AngularJS的Ionic框架发布并不长,却已在混合移动开发圈子里备受追捧。该框架的Git repo累计超过10,000星,几乎每天都在更新,而且Ionic论坛也相当活跃,甚至比StackOverflow更能帮助开发者解决技术上的难题。目前,Ionic 1.0仍处于测试阶段,虽然存在Bug,但越来越流畅。Ionic团队也在努力提高框架的效率和性能,尽可能实现原生质感。 Ionic还为开发者提供了Ionic Box来帮助其能够快速入门,对于微软Windows用户来说也省却许多麻烦,启动Ionic应用花费的时间最多5分钟而已。此外,Ionic同样提供了诸多工具,以适应iOS、Android和其他操作系统的不同需求。目前,Ionic正在完善名为“Ionic Creator”的IDE/GUI工具。通过它,在Ionic应用上拖放创建模板能更方便。 图:Ionic趋势创建一个新的Ionic项目:提供多种模板来供开发者启动左侧导航菜单、标签或空项目,举例如下:结果:至此,便大功告成,开发者可运行自己的Ionic应用,只需三步即可完成创建,随后便可删除或进一步开发应用,而其项目结构亦是简单易懂: 如果已经掌握PhoneGap和Cordova,那么设置平台并运行应用就更小菜一碟: 同样的步骤也适用于Android系统,当然,所有支持Cordova的操作系统,包括iOS、Android、BlackBerry、Windows Phone、Palm webOS、Baday以及Symbian都在适用范围内。当我首次使用Ionic时,我实在不敢相信短短3分钟就能诞生一个可运行的应用。Ionic不但能节省构建应用架构的时间,还能帮助改进不尽如人意的架构,并替换之前的CSS文件。此外,Ionic一整套丰富的工具,从“下拉刷新”到“无限滚动”应有尽有,能极大地节省开发者的时间。Ionic的优劣势对比:评分:2. Famo.us + AngularJS以最炫HTML5 JavaScript框架著称的Famo.us可以说是专为提高应用性能而生,而此处中所讲的并非单纯的Famo.us框架,而是ThomasStreet开发的Famo.usAngular整合版。用自主开发的JavaScript引擎结合CSS3 3D转换基础上的GPU加速,来打造60帧/秒的流畅动画效果,满足最佳用户体验的需求,绝对能让你的混合应用一瞬间高大上起来。 在渲染DOM元素方面,Famo.us的方法也独树一帜: 干脆放弃DOM,转而创建自己的DOM渲染树。效果很不错,值得称赞。由于Famo.us和Ionic的侧重点有所不同,目前还不足以构成竞争的关系。不过考虑到两个框架都整合了AngularJS,而前者弥补了Ionic恼人的性能和动画流畅度的问题,由此来看,未来Famo.us很可能对Ionic构成威胁。前不久,Ionic团队曾在论坛表示会考虑整合Ionic和Famo.us,但问题是后者的UI完全遵循不同的运作方式。而Famo.us虽然在性能上有着卓越的优势,却也缺失了很多开发所必要的工具,换句话说,Famo.us只是一堆文件和文件夹组合起来的架构而已,顺带几个Angular和Famo.us运行的范例罢了。我也是花了很长的时间才搞清楚用“原生”Famo.us和AngularJSFamo.us开发应用的区别。要启动一个Famo.us+ AngularJS项目,只需复制一下初学者工具包或使用Bower管理工具来安装即可。节点依赖模块:启动项目:通过上面的步骤,在端口9000创建一个NodeJS服务器,随后便可编写Famo.us。打开浏览器,即可看到一个完整的Angular整合Famo.us的范例。Famo.us包含了两个主要的“DOM”元素,分别为modifiers和surface。surface从根本上讲就是内容,也就是HTML元素,而modifier则是执行动画、移动或其他操作的对象,两者相辅相成。Famo.us+ AngularJS的优劣势对比:评分:最初使用Famo.us时并不觉得惊艳,直到后来在移动设备上测试,看到最终效果时才暗自叫绝。Famo.us的性能和灵活性非常棒,但呈现的学习曲线比较陡峭,而且文档也不够详尽和易懂。在框架使用过程中,很多时候都像是摸着石头过河,而具体的范例能帮助开发者更快掌握使用方法。但即使Famo.us存在众多缺点,但打造复杂动画效果的优势让人难以拒绝。开发者应密切关注Famo.us的发展动向,这个框架成长得很快,也在日臻完善。

在Famo.us主页上有用这开发框架的示例,是张元素周期表。建议你用触屏移动设备打开 (这个 demo 支持 Safari/Chrome/ 海豚浏览器),可以对它做 2D 及 3D 视角的操作,效果很炫。

图片 3

Famo.us 不用浏览器自带的渲染,而使用自己的渲染框架,然后再传给图形处理器做处理。最后自适应屏幕大小并呈现出所看到的有更好视觉效果的 web app。而其中不需要插件,也没用到 WebGL 或 Canvas。团队称渲染效率比浏览器自带的要高。

自从扎克伯格宣称“豪赌HTML5是Facebook犯下的最严重错误”后,HTML5被越来越多的移动开发者抛弃,Facebook和LinkedIn等公司也推迟了HTML5应用计划。但是最新的HTML5开发框架也许将掀起新一轮“APP还是WEB”的移动开发技术路线大讨论。

这家公司的创始人是 Steve Newcomb。他之前创办过语义搜索公司 Powerset,08 年被微软 1 亿美金收购,后来成为 Bing 的一部分。

历时3年开发后,Famo.us近日正式发布了其Javascript框架的beta测试版,据称开发者可以在这个框架上开发出速度和流畅度可以媲美原生APP的HTML5移动web应用。

团队起初并不没想做开发框架,原先计划做一个类似 Pinterest+about.me 综合体的产品,对界面效果要求很高。他们发现 HTML 5 还不能很好地实现效果,但问题根源其实出在浏览器,它通常被设计成是渲染文件,但 web app 并不是文件的简单集合。而游戏里自建 / 借用别的渲染引擎的作法给了他们启发。原本是为解决他们产品渲染的东西就成了 Famo.us,且他们认为这套框架比之前构想的产品有更重要的作用,于是团队就转型到 Famo.us 上。

为了证明新框架的威力,Famo.us在官网上发布了几个demo,其中一个是一位新入职的工程师在Famo.us框架上重新开发的HTML5版Facebook Paper应用,流畅度丝毫不输原生APP。

已有超过 16000 名开发者申请了测试,但 Famo.us 还没放出框架。与此同时他们也在开发物理引擎。

2008年,Famo.us的创始人Steve Newcomb将创办的自然语言处理公司Powerset以1亿美元的价格卖给了微软公司,随后专攻HTML5,虽然当时HTML5问题重重。

团队想的盈利模式是让开发者免费使用,但把硬件厂商作为“顾客”,通过针对设备的定制框架提供付费服务。

不过Newcomb的执着终于有了回报,他发现了浏览器的原罪:所有的浏览器都依赖老掉牙的图形渲染引擎,这严重制约了基于其上的web应用的性能。浏览器最初是为图文内容设计的,并未考虑到今天的复杂的web应用,即使新的web标准不断发展,依然在性能上无法与原生APP匹敌。

小提示:按下ctrl可以旋转那个DEMO

为了消除浏览器的“原罪”,Newcomb的解决方案是通过Famo.us自带的JavaScript 3D渲染物理引擎取代当前开发者依赖的浏览器自带的引擎。

VIA: techcrunch.com

Newcomb认为Famo.us的突破源自雷神之锤这样的游戏引擎,Newcomb和另外一位创始人Mark Lu都不是web开发者,因此他们能够跳出问题本身找到“他山之石”。

(文/开源中国)    

此外,由于Google、Apple、微软和Mozilla等公司近年来在JavaScript上的激烈竞争,Javascript的效率大幅提升,目前已经能达到原生APP80%的速度。这为HTML5的“大提速”提供了保障。

“任何了解Javascript的人都能在二十分钟内上手Famo.us,一周内他们就能开发出可用的Twitter应用。”Newcomb说道。

但是Newcomb并不认为短时间内HTML5能够与原生APP展开直接竞争,他希望能够鼓励开发者在原生APP中部署HTML5代码,开发混合应用。

虽然Famo.us已经开发出了HTML5的“法拉利引擎”,但Newcomb表示还有很多周边开发工作需要完成。Newcomb认为Famo.us真正的竞争对手是Xcode——一个苹果公司的面向iOS和OSX的开发环境。

据悉Famo.us将以免费开源的方式发布,Famo.us的盈利模式是向开发者提供可选的云服务订阅。

原文链接:

【编辑推荐】

下一篇:没有了

更多新闻推荐

Copyright © 2015-2019 http://www.77zhth.net. 美高梅官方网站66159有限公司 版权所有