GoogleI/O2018已经结束。普通人看的是新产品,开发者关注的是新技术。通过本次发布会不难发现,谷歌已经从移动为先转向AI为先。AI之后就是移动和前端技术。移动设备无非就是AndroidP和Flutter。前端涵盖的技术范围从网络框架到网络工具。包括Angular、PWA、polymer、AMP等,我们来看看最近谷歌主推的这些前端技术的进展。Angular是三大前端框架之一。它与React和Vue的“战斗”从未停止过。通过Angular团队和开发者的努力,Angular已经建立了一个拥有数百万开发者的社区和生态系统。在今年I/O大会开始的前几天,Angular6正式发布,加入了ngupdate和ngadd等新特性,让你的应用保持最新状态,帮助Angular开发者加快步伐的创新。Angular渲染器ProjectIvy也得到了很大的改进。它可以使Angular调试更简单,编译和运行速度更快,也可以与现有应用程序一起使用。Angular团队还在开发一个小型的HelloWorld应用程序。出于演示目的,未使用的Angular功能将自动从应用程序的JavaScript包中删除。PWAPWA应该是近两年最火的前端技术之一。谷歌声称全球各个行业在PWA的建设上都取得了巨大的成功。星巴克推出PWA网站后,日活跃用户数增长了2倍。他们测试了广告网站,发现当一个网站改用PWA后,平均转化率提高了20%。PWA近期动态:早期的PWA主要针对移动设备,但由于平台限制,iOS无法支持,不过在今年年初,终于迎来了好消息,Apple宣布iOS11.3将迎来PWA,这使得跨平台PWA的开发成为可能。2月,微软着手将PWA添加到WindowsStore,宣布逐步增强的Web应用程序将在Win10系统上可用。二月底,ChromeonPC正式支持PWA。在I/O大会上,谷歌在今年6月宣布,Chrome67将支持在桌面端“安装”PWA,同时保留在浏览器中查询的功能,例如页面搜索、分享网址、GoogleCast支持等。.,ServiceWorkerServiceWorker是Web***近年来的改进之一。它是Chrome团队推广的WebAPI。它将开发者从页面的生命周期中解放出来,在浏览器后台运行,可以控制开放范围。所有页面请求,使Web应用程序能够脱机工作。今年3月,Apple宣布iOS和MacOS上的Safari11.1支持ServiceWorker。4月底,微软还宣布MicrosoftEdge也将支持ServiceWorker,这意味着现在所有主流浏览器都支持ServiceWorker。为了让使用过程更简单,ServiceWorker开发团队创建了Workbox库,它将许多常用且强大的ServiceWorker模式封装成一个易于使用的API。WebAssemblyWebAssembly使网站能够运行用C或C++等语言编写的高性能低级代码,为Web开辟了一个新世界。今年3月,来自Autodesk的AutoCAD采用了一个有35年历史的代码库,并用WebAssembly编译它,使其可以直接在浏览器中运行,这意味着,无论你的设备或操作系统如何,你都可以直接在CAD中绘图浏览器。PolymerPolymer是Google推出的一个JavaScript库,可帮助您创建自定义的可重用HTML元素,并使用它们构建高性能、可维护的应用程序。在I/O大会上,谷歌推出了Polymer3.0。Polymer3.0致力于将Web组件的生态系统从HUMLImports转移到ESModules。包管理系统将支持npm,这使您可以更轻松地使用基于Polymer的Web组件并与您喜欢的工具和框架一起使用。AMPAMP是Google推出的Web组件库,用于为静态内容构建网页,提供可靠快速的渲染,并加快页面加载速度。迄今为止,已有来自4600万个域名的超过60亿个网页,它们在Google搜索中的平均加载速度不到1秒。随着移动端内容消费向全屏、简洁布局风格转变,为满足内容发布者的需求,APM团队近日宣布开发AMP故事,这是一套为移动优先故事开发的网络群组,支持原生视频和图片,具有丰富的视觉效果,可以通过动画和可点击的交互来讲述故事,这在突发事件的新闻报道中起着重要作用,因为有时图片可以更直观、更快速地向读者表达意义。LighthouseLighthouse是一种分析网络质量并为您提供网站性能指标和指导的工具。它可以直接从ChromeDevTools中访问,从命令行运行或与其他开发产品集成。仅2018年,就有50万开发者。人们在他们的网站上运行Lighthouse。
