amp-script:AMP loves JS

发布时间: 2019年08月22日

今年早些时候在AMP Conf上,我们介绍了<amp-script>的开发者预览版。现在我们宣布<amp-script>的普遍可用性。它是一个AMP组件,在单独的Worker线程中运行您自己的JavaScript。这使您可以将自定义JavaScript添加到AMP页面,同时仍保持其闪电般的速度!


<amp-script>可让您涵盖现有AMP组件无法使用的用例。它还允许您在AMP和非AMP页面之间共享代码。您甚至可以使用JavaScript框架。以下是<amp-script>团队正在构建的一些示例:

  • Todo MVC使用Vue

  •  密码检查器

  •  使用D3.js在文章中进行数据可视化

  •  多页表单,其中每个部分都需要验证才能进入下一部分,如下所示。


如果以上示例对您感兴趣,请尝试使用<amp-script>。请记住,为了保持AMP的性能保证,存在一些限制:

  •   内容跳转:为了避免意外的内容跳跃,<amp-script>通常需要用户手势来更改页面内容。 

  •        页面加载:由于<amp-script>在没有用户交互的情况下不会更改页面内容,因此它也不会在页面加载时修改内容。

  •        脚本大小:单个<amp-script>中使用的脚本必须小于150kB。请注意,欢迎您使用自己喜欢的JS框架,但它必须符合150K的限制。

  •        API支持:并非所有API都支持Web Worker,而WorkerDOM具有允许的API列表。此外,尚未实现某些DOM方法和属性。完整列表可在WorkerDOM兼容性中公开获得。如果您要添加API,请提出问题

<amp-script>与您可能已经使用的框架兼容,例如React,Preact,Angular,Vue.js,jQuery和D3.js.

这是开发人员使用AMP的最重要请求之一。AMP项目很高兴我们可以帮助解决这个问题,同时仍然保留AMP的速度价值主张。您可以在此处了解有关<amp-script>如何工作的更多信息并按照本指南试用<amp-script>。这是解锁之前无法实现的大量用例的好方法!

   易营宝云智能建站平台目前已完全实现Google AMP以上功能的开发,且不懂技术也可以搭建Google AMP手机网站,自由拖拽可视化操作,网站建设不再是懂技术人的专长,人人可建站,免费体验www.eyingbao.com  操作热线:15600002121

相关内容