有带有示例的良好文档，并出售预先设计的模板，以节省我们更多的工作和时间，这是这些环境的主要目标。此外，通过这些框架，我们确保我们网站的所有元素都完全同质并且经过精心设计。 缺点是我们在其他任何地方都发现的典型缺点，例如我们导入了许多我们不会使用的功能，并且它占用了库中的空间，因此加载时间长，并且最终的外观可能相似到许多其他网站的网站。 与Bootstrap或Fundation等其他知名指南的主要区别在于：它不需要JQuery，并且设计指南受到 Material Design 的启发，因为 Google 在其所有应用程序中都使用了 Material Design熟悉它们，我们确保提供出色的用户体验。
如何开始使用 Materialise 包括文件。我们可以从官方页面下载文件（CSS + JS），添加CDN或使用NPM将它们安装在服务器上。 通过包含上述文件、调用 Google 图标并使用视口标记来初始化页面上的响应式布局来准备HTML页面。 通过在页面的 HTML 标记中使用类来包 Whatsapp 号码列表 含组件。 如果我们想要包含效果，我们必须使用 JS 或 JQuery 调用元素并添加事件。 在本文中，我们可以看到一些用西班牙语解释的示例。 现在… 框架和前端组件之战 Materialise 和 Bootstrap 的替代方案 MUI是另一个基于 Material Design 的 CSS 框架。它的特点是非常轻量级（总共约12kb），没有外部依赖，自动为DOM元素添加事件监听器，可以异步加载JS，并且可以与React等其他平台配合使用。 Flat Remix是一个轻量级的 CSS 库，其特点是提供扁平且颇具特。
色的设计。您可以在网上看到一些示例。 Grommet是一个基于 React 并使用 CSS Flex 和 Grid 的框架，它遵循自己的设计路线并致力于可访问性。 Ant Design也完全独立于 Material Design，拥有针对 React、Angular 和 Vue 的大量文档和实现。 在此堆栈共享页面上，我们可以看到更多替代方案。 有关 Web 组件的更多信息 使用 React、Angular 或 Vue 等模块化和基于组件的环境的天才之处在于，我们可以找到大量可用的材料。如果我们添加一个 CSS 框架来绘制我们所看到的前端，我们就可以实现加载速度、优雅、同质和可用的设计以及较低的开发时间成本。 在像 GutHub 这样的网站上，我们可以找到我们想要的任何组件。例如，这些是搜索“React calendar”的结果。
| 
發表於 2023-12-27 18:15:58
