最近让我真正兴奋的是构建网站的事实是，我们作为前端开发人员，拥有做更多事情的能力。几年前，我需要一个完整的开发团队才能完成现在只需几个神奇的工具就能完成的事情。
虽然项目/工具/技术几乎无穷无尽，但在这篇文章中，我想谈谈让我今天和未来最兴奋的三项构建网站的技术。
无服务器和 JAMstack
无服务器函数，实际上只是你无需自行托管的服务器端函数，已经存在几年了，但它们在过去一两年中真正兴起。它们允许我们托管简单的节点函数，这些函数不需要永久状态，并且可以从前端网站调用，就像我们调用任何其他服务器端 API 一样。
无服务器函数真正改变了我的游戏，我认为它们对前端开发人员的作用类似于 Squarespace 对非开发人员的作用。对于后者，他们不再需要开发人员来构建像投资组合网站这样的简单东西。对于我们前端开发人员来说，我们不再需要后端开发人员来完成诸如在网站上创建联系表格之类的任务。这些事情本来就不应该需要一个完整的 API 来完成的！
无服务器函数的流行导致了新技术堆栈的创建：JavaScript、API 和 Markup (JAMstack)。我非常喜欢 JAMstack 的概念，因为它转向了更静态、更高效的网站，而我对此非常支持。如果你想了解更多关于此堆栈的信息，JAMstack_conf 是一个很棒的会议。我在今年在旧金山的会议上谈论了如何使用无头 Chrome 和 Cloudinary 来创建渐进增强动态内容（我知道，标题很长）。你可以观看下面的我的演讲。
Fugu 项目
Fugu 项目 是由 Chromium 团队发起的一项倡议，旨在将尽可能多的原生应用程序功能引入网络。许多这些功能都很小，都是渐进式的，但这些功能的总和将对我们构建渐进式 Web 应用程序的方式产生巨大变化。
我真正期待的 API 之一是 本地文件系统 API，它将允许网站用户授予对系统上文件的访问权限。一个很好的用例是 Figma，这个在线界面设计工具。与其将文件只“保存”到在线，不如直接处理你计算机上的文件，就像原生应用程序一样！
我认为其他一些有趣的 API 是
- 唤醒锁 API – 将允许网站阻止设备变暗或进入睡眠状态
- 联系人选择器 API – 将允许网站访问用户设备上的联系人
- 获取已安装的相关应用程序 API – 将允许网站检查原生应用程序是否已安装
你可以 查看完整的 API 列表.
CSS Houdini
虽然 Houdini 还没有完全准备好，但它可能是我作为 CSS 爱好者最期待的技术，因为我相信它将真正改变我们构建网站的方式。
Houdini 是一组 API，它向浏览器渲染引擎的某些部分暴露“钩子”。这使我们能够低级别地访问应用 CSS 的不同阶段，从而让我们能够创建自己的 CSS！
一个很好的例子是使用布局 Houdini API 创建臭名昭著的 砌体布局 作为 display 属性的新值。一旦这些 API 发布，我们将能够创建的东西将是无限的！