开发者-导航 猿导航

Eleventy-术语

发布时间:

目录

此页面提供了两个术语列表 - 一个是 Eleventy 特定的术语,在使用 Eleventy 构建项目时可能有用,另一个是行业术语,可能有助于理解上下文。

Eleventy 特定术语 #

Template 模板 #

Markdown、HTML、Liquid、Nunjucks 等格式编写的内容文件,Eleventy 将其转换为构建站点中的一个或多个页面。模板可以使用模板语法访问通过数据级联公开的数据。

Layout 布局 #

这是一种模板,它围绕另一个模板,通常为了提供内容放置的脚手架标记。

阅读有关使用布局的更多信息。

Data 数据 #

通过变量暴露,这些变量可以在模板和布局中使用模板语法。给定模板的数据通过一个称为数据级联的过程进行聚合。

Data Cascade 数据级联 #

Eleventy 对于评估任何给定模板的所有数据的操作顺序,以及解决出现的冲突。数据级联遵循 colocation 原则,所以广泛定义以应用于许多模板的数据将被更具体针对给定模板的数据覆盖。

阅读更多关于数据级联的信息。

Filter 过滤器 #

一个可以在模板语法内部使用的函数,用于将数据转换成更易于展示的格式。过滤器通常被设计为可链式调用,即一个过滤器的返回值会传递给下一个过滤器。

阅读更多关于过滤器

Shortcode 短码 #

一个可以在模板语法内部使用的函数,用于将内容注入模板中。短码可以接受多个参数,并且可以被认为是一种用于可重用标记的模板化方法。

阅读更多关于短码。

Collection 收集 #

一个模板数组,用于对相似内容进行分组。可以通过使用标签或调用 Eleventy 配置中的集合 API 来创建集合。

阅读更多关于收集.

Pagination 分页 #

阅读更多关于分页内容

一种通过遍历数据来创建页面的方法。相同的模板被应用于分页数据的每个部分。

Plugin 插件 #

一个可移植的,可安装的Eleventy配置,可以添加数据过滤器简码,和更多的项目的设置。

阅读更多关于Plugins的信息。

Eleventy Edge 边缘 #

选择 Eleventy 的短代码,其中动态功能可以与构建生成的或无服务器模板相结合。

了解有关 Eleventy Edge 的更多信息。

Eleventy Serverless 无服务器 #

Eleventy 的一种选择加入构建模式,其中指定的页面是在用户请求时构建的,而不是在构建步骤期间提前构建的。或者,内容交付网络可以缓存根据请求构建的页面,以供将来访问该页面时使用。

了解有关 Eleventy Serverless 的更多信息。

行业术语和流行语 #

沐浴在这种“没有人因为购买 IBM 而被解雇”风格的,令人感觉良好的行业术语的温暖光芒中。

我们的行业特别擅长为已经存在的事物创造新词汇。希望这个页面能帮助你在迷宫中导航。

Static Sites 静态站点 #

静态站点是一组生成的 HTML 文件。内容内置于 HTML 文件中,而不是使用动态后端语言即时生成内容。当您添加缓存规则以使内容更具粘性时,动态站点可能会显示为静态。当您快速且频繁地运行构建时,静态站点可能会显得动态。

Jamstack #

基于客户端 JavaScript、可重用 API 和预构建标记的现代 Web 开发架构。 —jamstack.org

Eleventy 为 Jamstack 站点提供了便利,但您仍可以完全控制 JavaScript。

Progressive Enhancement 渐进增强 #

内容应该是网站发展的首要任务的想法。换句话说,从适用于尽可能多的用户的基本内容和功能开始,然后逐步增强。

正如 MDN Web 文档中所述:“应特别注意可访问性。应尽可能提供可接受的替代方案。”

Data-Driven 数据驱动 #

让组件和标记数据驱动,这样您的项目中就不会出现一堆一次性复制粘贴的 HTML 实例。

Serverless Friendly 无服务器友好 #

“你可以利用前端技能来做通常只有后端才能做的事情。您可以编写一个 JavaScript 函数,运行该函数并通过点击 URL 来接收响应。”—— Chris Coyier《无服务器的力量》

请注意确保 无服务器(serverless) 功能 逐步增强(progressively enhanced)。如果您在客户端 JavaScript 中调用无服务器函数,则它们应该用于站点核心功能之外的功能。使用 Eleventy Serverless 根据请求生成页面,无需任何客户端 JavaScript。

Lean Web 精益 web #

老实说,将精益方法与这个项目联系起来有点牵强,但这个只是感觉不错。

Zero Config 零配置 #

零配置意味着 Eleventy 可以在没有任何命令行参数或配置文件的情况下运行。

我们已经精心设置了 Eleventy,以至于运行默认的 eleventy 命令时会使用合理的默认设置。降低第一个项目构建的入门门槛,以便更快地上手和运行。

Convention over Configuration Routing 约定大于配置路由 #

您能相信某些框架需要集中的路由配置吗?eleventy 路由映射文件系统,除非您使用 permalink.

Pre-rendered Templates by Default 默认预渲染模板 #

随着 JavaScript 中模板的客户端渲染的兴起,出现了严重的性能问题,特别是对于使用能力较差(但仍然很现代)硬件的用户来说。您是否知道他们正在销售硬件相当有限的新移动设备?

许多框架转向了服务器端渲染(Server Side Rendering, SSR),这意味着需要运行一个应用服务器,并带有中间件,它会根据每个请求动态渲染标记。默认情况下,Eleventy 模板在构建时生成(有些人称之为预渲染)以提高性能。这种方式下,网页服务器只需要获取静态文件并将其发送回用户。

Hydration-less 注水 #

嗯,呃,我们在 Eleventy 中不注入或使用任何客户端 JavaScript,所以没有任何需要 hydration(注水)的东西。

应用程序而不是应用程序服务器 #

应用程序服务器可能很慢。不再需要 PHP、Java 甚至 Node.js 在收到请求时动态生成页面响应,而是让您的预渲染模板准备好交付!最大性能。

单页应用程序 (SPA) 与多页应用程序 (MPA) #

单页应用程序(SPA)使用 JavaScript 来实现网站内不同页面之间的导航。多页应用程序使用网络的经典导航模型,并通过完全刷新页面来访问新页面。

您应该使用 Eleventy 构建单页应用程序吗