Google力推的那些前端技术有何进展?

栏目: 前端 · 发布时间: 5年前

内容简介:Google I/O 2018已落下帷幕,普通民众看的是新产品,开发者们关注的是新技术。透过这次大会,我们不难发现,Google已经从mobile first转向AI first,AI之后,就是移动和前端技术了,移动无非是Android P 和Flutter等,前端涵盖的技术从Web框架到Web工具,包括Angular、PWA、polymer、AMP等,下面来为大家捋一捋Google力推的这些前端技术最近都有哪些进展。Angular是前端三大框架之一,它与React、Vue的“争斗”一直都没有停止过,经过

Google力推的那些前端技术有何进展?

Google I/O 2018已落下帷幕,普通民众看的是新产品,开发者们关注的是新技术。透过这次大会,我们不难发现,Google已经从mobile first转向AI first,AI之后,就是移动和前端技术了,移动无非是Android P 和Flutter等,前端涵盖的技术从Web框架到Web工具,包括Angular、PWA、polymer、AMP等,下面来为大家捋一捋Google力推的这些前端技术最近都有哪些进展。

Angular

Angular是前端三大框架之一,它与React、Vue的“争斗”一直都没有停止过,经过Angular团队和开发者们的努力,Angular已经建立了拥有上百万开发者规模的社区和生态系统。在今年I/O大会开始的前几天, Angular 6正式发布 ,添加了ng update和ng add这样的新功能,让你的应用程序保持最新的状态,帮助Angular开发者加快创新的步伐。

Angular渲染器Project Ivy也有很大的改进,它能使Angular调试更容易,以更快地速度编译和运行,它还可以与现有的应用程序一起使用,Angular团队还在小型Hello World应用程序做了演示,不使用的Angular功能将自动从应用的JavaScript bundle自动删除。

PWA

PWA应该是这两年前端最火的技术之一了吧。Google声称世界各地各行业在在PWA的构建上都获得了很大的成功,星巴克在推出PWA网站后,日活跃用户数量增加了2倍,他们对广告网站进行测试,发现当一个网站切换到PWA时,平均转化率提高了20%。

PWA近期动态:

早期的PWA主要专注于移动设备,但是由于平台限制,iOS无法支持,但是今年年初,终于迎来了好消息,苹果宣布 iOS 11.3将迎来PWA ,这使得开发跨平台的PWA成为了可能。

2月,微软着手在 Windows 商店中增加PWA,宣布渐进增强式 Web应用将在 Win10 系统上线。

2月底,PC端的Chrome正式支持PWA。

I/O大会上,Google宣布今年6月,Chrome 67将支持PWA“安装”到桌面上,同时保留在浏览器中查询的功能,如在页面中查找、共享网址、Google Cast支持等,

Service Worker

Service Worker是近年来Web最大的改进之一,它是Chrome团队力推的一个Web API,它将开发人员从页面的生命周期中解放出来,运行于浏览器后台,可以控制打开作用范围下的所有页面请求,使Web应用程序能够脱机工作。

今年三月,苹果宣布iOS和MacOS上的Safari 11.1支持Service Worker,4月底,微软也宣布Microsoft Edge也将支持Service Worker,这意味着现在所有的主流浏览器都支持Service Worker了。

为了使用过程更简便,Service Worker开发团队创建了Workbox库,它能将许多常用的、强大的service worker模式封装到易于使用的API中。

WebAssembly

WebAssembly使网站能够运行用C或C ++等语言编写的高性能低级代码,为Web打开了新世界,今年3月,来自Autodesk的AutoCAD就采用了35年前的代码库,并用WebAssembly编译让其直接在浏览器中运行,这意味着,无论你的设备或操作系统如何,你都可以直接在浏览器中用CAD绘图。

Polymer

Polymer 是Google主推的一个 JavaScript 库,它可帮助你创建自定义的可重用 HTML 元素,并使用它们来构建高性能、可维护的 App。

在I/O大会上,Google推出了Polymer 3.0,Polymer 3.0致力于将Web组件的生态系统从HUML Imports转移到ES Modules,包管理系统将支持npm,这使你更容易将基于Polymer的web组件和你喜欢的 工具 、框架协同使用。

AMP

AMP是Google推出的一种为静态内容构建Web页面,提供可靠和快速渲染,加快页面加载速度的Web组件库。目前为止,来自4600万个域名的网页已经超过60亿个,他们在Google搜索的平均加载速度不超过1秒。

由于移动内容消费正在往全屏、简练的排版风格转变,为了满足内容发布商的需求,APM团队日前宣布开发了AMP stories,它是一套为mobile-first storytelling开发的Web组,它支持原生视频和图像,具有丰富的视觉效果,可通过动画和可点击的交互方式来讲故事,这对于突发事件的新闻报道具有重要作用,因为有时候图片能更直观和快速地向读者表达意思。

Lighthouse

Lighthouse是一个分析网络质量的工具,为你提供网站性能衡量指标和指导,它可以直接从Chrome DevTools内部进行访问,从命令行运行或与其他开发产品集成,仅在2018年,就有50万开发人员在他们的网站上运行Lighthouse。

网慧天下科技是领先的综合性软件与信息服务企业,为客户提供从软件开发到营销推广全过程的互联网解决方案,目标是成为行业领先的全链条信息技术服务供应商。公司与中国移动、平安银行、南方数码、北大青鸟、西门子等行业巨人有着全面深入的战略合作,深耕汽车 、金融、电商、农业、教育等重点行业,持续开拓全国市场,为客户提供全链条、高质量、高效率、具有综合优势和行业特色的技术服务。

武汉有哪些做网站的公司?武汉有哪些做网站的公司好?做网站公司哪家好?武汉知名网站建设公司?武汉有哪些比较好的武汉网站制作公司?武汉网站外包?武汉有哪些靠谱的软件开发公司?武汉有哪些做得比较好的APP开发、微信开发、系统开发公司?如果您有这样的需求,请联系网慧天下科技,财富热线:027-86633307,我们会以专业的服务态度做好每一个需求,把每一个需求做到极致是我们的宗旨!

【责任编辑:庞桂玉 TEL:(010)68476606】


以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

榨干百度谷歌

榨干百度谷歌

张志 / 电子工业出版社 / 2011-1 / 28.00元

小小的搜索引擎,可以成为你从事网络营销的利器。如果你还没有意识到这一点,或者还不知道从何下手,请打开《榨干百度谷歌:搜索引擎广告大赢家》吧!《榨干百度谷歌:搜索引擎广告大赢家》作者将其丰富的实战经验融汇在这书中,结合大量国内不同行业实际应用案例,生动地告诉读者,怎样正确地利用搜索引擎,以很小的投资获得巨大的回报。并且深入浅出地介绍了企业开展搜索营销的关键点,包括如何提炼并组合关键词、如何撰写简洁明......一起来看看 《榨干百度谷歌》 这本书的介绍吧!

图片转BASE64编码
图片转BASE64编码

在线图片转Base64编码工具

html转js在线工具
html转js在线工具

html转js在线工具

HEX CMYK 转换工具
HEX CMYK 转换工具

HEX CMYK 互转工具