量化“在野外”使用的内容。 由此，我们可以放大一点，一次选择一个组件，并提出一些问题：这个组件的用途是什么？它是做什么用的？在早期，这让我们进行了一系列提问，以找出给定组件的意图，从而明确要解决的问题。毕竟，我们的组件是已解决问题的集合。 可能有很多事情要做，并且可能已经有许多相同或相似外观组件的变体，那么我们如何合理化它们并更深入地了解它们是什么？ 选择一个组件 # 让我们选择一个组件来深入研究一下。对于这个例子，我将在 zeroheight 上使用我们的注册表单。 Zeroheight 登录表单 zeroheight网站上的当前登录表单。（大预览） 这是一个非常简单的表单，包含简单的元素，例如文本、表单输入、按钮、链接和某种分隔线。
我们已经可以假设许多
属性可能是可重用的。这里有一些有限的排版、一些颜色和一些交互元素。 此表单的用例非常明确：它使您能够登录到您的帐户。这是唯一这样的组件吗？我进行了非 卢森堡电话号码表 常快速的审核，发现了其他一些问题，例如我们的帐户创建和忘记密码表格。他们的目的是什么？由于我们还没有任何其他组件，我将调用此Form，但我知道在未来，随着审计提出其他类型的表格，这可能会改变。 “创建帐户”表格 创建一个帐户（大预览） 忘记密码表格 忘记密码表格（大预览） 系统思考、分解并寻找原型 # 该过程的一部分是从用户旅程中抽象出一个组件，并尝试从系统的角度来看待它： 它是什么？ 它有哪些用例？ 人们如何在工作中使用它？ 当我们考虑命名时，这种抽象也很有用。
文档对象模型初学者的
无限滚动滚动动画元素甚至流行的拖放等用户界面解决方案都是有趣的界面解决方案，已经存在了一段时间。在本指南中，Pearl Akpan 分析了使这些接口可实现的方法 BTC 数据库欧盟 和属性，为什么理解这些方法和属性是相关的，然后深入研究了它们的一些实际用例。 如果您使用 JavaScript 已有一段时间，您可能对DOM（文档对象模型）和CSSOM（CSS 对象模型）脚本编写相当熟悉。除了规范定义的接口之外CSSOM 视图模块中指定了方法和属性的一个子集，提供了一个 API 来确定和操作 DOM 元素的几何形状，以在 Web 上呈现有趣的用户界面。 先决条件： 坐标系复习； 了解 CSS 布局和定 用编写回调； 有点耐心。 目录： CSSOM 视图模块 为什么几何方法和属性很重要？ 元素节点几何 窗口和文档几何 坐标 用例 CSSOM 视图模块 # CSS 对象模型是一组允许。