框架基础类：视图

视图类用于作为页面中所有可视组件的抽象基类，支持设置宽度、高度、左边、顶边、背景颜色、背景图像、文本、文本颜色、字体、字体大小、边框、边框圆角、透明度、显示模式、定位、显示层级等属性，以及对齐、移动、获取焦点、添加/移除样式类、置被单击/双击/鼠标/键盘回调等操作，常用于作为所有UI组件的父类继承使用，注意该类为抽象类不能直接创建实例。

属性：ID

• 类型： 文本型
• 说明： 设置或获取当前组件的ID。

属性：左边

• 类型： 数值型
• 说明： 设置或获取当前组件相对于父元素的左边位置，支持的单位有 “px”、“%” 等，若传入数值，默认单位为 “px”。

属性：顶边

• 类型： 数值型
• 说明： 设置或获取当前组件相对于父元素的顶边位置，支持的单位有 “px”、“%” 等，若传入数值，默认单位为 “px”。

属性：右边

• 类型： 数值型
• 说明： 设置或获取当前组件相对于父元素的右边位置，支持的单位有 “px”、“%” 等，若传入数值，默认单位为 “px”。

属性：底边

• 类型： 数值型
• 说明： 设置或获取当前组件相对于父元素的底边位置，支持的单位有 “px”、“%” 等，若传入数值，默认单位为 “px”。

属性：宽度

• 类型： 数值型
• 说明： 设置或获取当前组件的宽度，支持的单位有 “px”、“%”、“vw” 等，若传入数值，默认单位为 “px”。

属性：高度

• 类型： 数值型
• 说明： 设置或获取当前组件的高度，支持的单位有 “px”、“%”、“vh” 等，若传入数值，默认单位为 “px”。

属性：背景

• 类型： 文本型
• 说明： 设置或获取当前组件的背景样式，可设置颜色、图像、重复方式等，例如 “red”、“url(./static/image.jpg)” 等。

属性：背景颜色

• 类型： 文本型
• 说明： 设置或获取当前组件的背景颜色，可使用颜色名称、十六进制值、RGB 值等，例如 “red”、“#FF0000”、“rgb(255, 0, 0)”。

属性：背景图像

• 类型： 文本型
• 说明： 设置或获取当前组件的背景图像，使用 “url()” 函数指定图像路径，例如 “url(./static/image.jpg)”。

属性：文本

• 类型： 文本型
• 说明： 设置或获取当前组件的文本内容。

属性：文本颜色

• 类型： 文本型
• 说明： 设置或获取当前组件的文本颜色，可使用颜色名称、十六进制值、RGB 值等，例如 “red”、“#FF0000”、“rgb(255, 0, 0)”。

属性：字体

• 类型： 文本型
• 说明： 设置或获取当前组件的字体（名称），例如：“sans-serif”。

属性：字体大小

• 类型： 数值型
• 说明： 设置或获取当前组件的字体大小，支持的单位有 “px”、“em”、“rem” 等。

属性：字体粗细

• 类型： 数值型
• 说明： 设置或获取当前组件的字体粗细，可选值有 “normal”、“bold”、“bolder”、“lighter” 以及 100 - 900 的数值。

属性：行高

• 类型： 数值型
• 说明： 设置或获取当前组件的行高，支持的单位有 “px”、“em” 等。

属性：边框

• 类型： 文本型
• 说明： 设置或获取当前组件的边框样式，可设置边框宽度、样式和颜色，例如 “1px solid #ccc”。

属性：边框圆角

• 类型： 数值型
• 说明： 设置或获取当前组件的边框圆角，支持的单位有 “px”、“%” 等。

属性：边框宽度

• 类型： 数值型
• 说明： 设置或获取当前组件的边框宽度，支持的单位有 “px”、“em” 等。

属性：光标样式

• 类型： 文本型
• 说明： 设置或获取当前组件的光标样式，可选值有 “auto”、“pointer”、“text”、“wait” 等。

属性：显示模式

• 类型： 文本型
• 说明： 设置或获取当前组件的显示模式，可选值有 “block”、“inline”、“inline-block”、“none” 等。

属性：透明度

• 类型： 数值型
• 说明： 设置或获取当前组件的透明度，取值范围为 0（完全透明）到 1（完全不透明）。

属性：外边距

• 类型： 数值型
• 说明： 设置或获取当前组件的外边距，支持的单位有 “px”、“em” 等。可一次性设置四个方向的外边距，也可单独设置每个方向。

属性：外边距底

• 类型： 数值型
• 说明： 设置或获取当前组件的底部外边距，支持的单位有 “px”、“em” 等。

属性：外边距左

• 类型： 数值型
• 说明： 设置或获取当前组件的左边外边距，支持的单位有 “px”、“em” 等。

属性：外边距右

• 类型： 数值型
• 说明： 设置或获取当前组件的右边外边距，支持的单位有 “px”、“em” 等。

属性：外边距顶

• 类型： 数值型
• 说明： 设置或获取当前组件的顶部外边距，支持的单位有 “px”、“em” 等。

属性：最大高度

• 类型： 数值型
• 说明： 设置或获取当前组件的最大高度，支持的单位有 “px”、“%”、“vh” 等。

属性：最大宽度

• 类型： 数值型
• 说明： 设置或获取当前组件的最大宽度，支持的单位有 “px”、“%”、“vw” 等。

属性：最小高度

• 类型： 数值型
• 说明： 设置或获取当前组件的最小高度，支持的单位有 “px”、“%”、“vh” 等。

属性：最小宽度

• 类型： 数值型
• 说明： 设置或获取当前组件的最小宽度，支持的单位有 “px”、“%”、“vw” 等。

属性：内边距

• 类型： 数值型
• 说明： 设置或获取当前组件的内边距，支持的单位有 “px”、“em” 等。可一次性设置四个方向的内边距，也可单独设置每个方向。

属性：内边距底

• 类型： 数值型
• 说明： 设置或获取当前组件的底部内边距，支持的单位有 “px”、“em” 等。

属性：内边距左

• 类型： 数值型
• 说明： 设置或获取当前组件的左边内边距，支持的单位有 “px”、“em” 等。

属性：内边距右

• 类型： 数值型
• 说明： 设置或获取当前组件的右边内边距，支持的单位有 “px”、“em” 等。

属性：内边距顶

• 类型： 数值型
• 说明： 设置或获取当前组件的顶部内边距，支持的单位有 “px”、“em” 等。

属性：定位

• 类型： 文本型
• 说明： 设置或获取当前组件的定位方式，可选值有 “static”、“relative”、“absolute”、“fixed”、“sticky”。

属性：CLASS

• 类型： 文本型
• 说明： 设置或获取当前元素的“class”属性值。

属性：InnerHTML

• 类型： 文本型
• 说明： 设置或获取当前组件的 InnerHTML 内容，需注意：设置自定义 HTML 内容后、可能将导致默认样式失效。

属性：OuterHTML

• 类型： 文本型
• 说明： 设置或获取当前组件的 OuterHTML 内容，与InnerHTML区别为：OuterHTML包含自身在内以及所有子节点的内容，需注意：设置自定义 HTML 内容后、可能将导致默认样式失效。

属性：内容水平对齐方式

• 类型： 文本型
• 说明： 设置或获取当前组件内文本或子元素的水平对齐方式，可选值有 “left”、“right”、“center”、“justify” 等。

属性：首行缩进

• 类型： 数值型
• 说明： 设置或获取当前组件内文本首行的缩进量，支持的单位有 “px”、“em” 等。

属性：可视

• 类型： 文本型|逻辑值
• 说明： 设置或获取当前组件的可见性，支持设置逻辑型和文本型的值，当设置属性值为“真”时，显示组件效果等同于“visible”，当设置为假时，组件隐藏但占位置，效果同于“hidden”。设置文本型值可选值有: “visible”（可见）、“hidden”（隐藏但仍占据空间）、“none”（完全不可见也不占空间）、“collapse”（用于表格行、列等）。

属性：显示层级

• 类型： 数值型
• 说明： 设置或获取当前组件的显示层级，数值越大越显示在上方，效果等同于“z-index”属性。

属性：内联样式

• 类型： 文本型
• 说明： 设置或获取当前组件的Style样式值，返回样式文本值。

属性：禁用

• 类型： 逻辑型
• 说明： 设置或获取是否禁用当前组件，设置为真时组件将呈现灰色不可用状态。

函数：追加内联样式(样式文本)

添加指定内联样式到当前组件的Style样式中。

函数：置内联样式(名称,值)

给当前组件设置指定style属性，例如：按钮1.置内联样式("color","red")。

函数：取内联样式值(名称)

获取当前组件的内联样式style的值，例如：按钮1.取内联样式值("color")

函数：取Style对象()

获取当前组件的style对象。

函数：添加事件(事件名称, 回调函数)

为当前元素添加指定事件，例如：click、input 等等。

函数：删除事件(事件名称, 回调函数)

移除当前元素上指定的事件监听器。

函数：获取焦点()

尝试使当前元素获取焦点。

函数：清除焦点()

使当前元素失去焦点。

函数：添加样式类(类名称)

为当前元素添加 CSS 样式表中定义的样式，效果等同于在HTML中为元素设置“class”属性值。

函数：移除样式类(类名称)

移除前元素中的 CSS 样式，效果等同于在HTML中删除元素中设置“class”指定属性值。

函数：取样式类列表()

获取当前元素的“class”类名列表。

函数：取样式类()

获取当前元素的“class”类名。

函数：执行单击()

模拟当前元素的单击操作。

函数：取属性值(属性名)

获取当前元素指定属性的值。

函数：取属性节点(属性名)

获取当前元素指定属性的属性节点。

函数：取布局参数()

获取当前组件的布局参数，原生函数：getBoundingClientRect，返回当前组件的边界数据信息

函数：取渲染宽度()

获取当前元素在页面中渲染时实际占用页面布局的像素宽度值，返回一个不带单位的可运算数值。

函数：取渲染高度()

获取当前元素在页面中渲染时的实际占用像素高度，返回一个不带单位的可运算数值。

函数：取渲染顶边()

获取当前元素在页面中渲染时顶边距离父布局或页面的实际像素值，返回一个不带单位的可运算数值。

函数：取渲染左边()

获取当前元素在页面中渲染时左侧距离父布局或页面的实际像素值，返回一个不带单位的可运算数值。

函数：左侧对齐到(目标组件,偏移量)

移动当前组件（左侧对齐）到指定组件的左侧，偏移量默认为0，可省略。

函数：右侧对齐到(目标组件,偏移量)

移动当前组件（右侧对齐）到指定组件的右侧，偏移量默认为0，可省略。

函数：顶边对齐到(目标组件,偏移量)

移动当前组件（顶部对齐）到指定组件的顶部，偏移量默认为0，可省略。

函数：底边对齐到(目标组件,偏移量)

移动当前组件（底部对齐）到指定组件的底部，偏移量默认为0，可省略。

函数：右侧对齐到左(目标组件, 偏移量)

将当前组件的右侧对齐到目标组件的左侧，可设置偏移量。偏移量为正数时向右偏移，负数时向左偏移。

函数：左侧对齐到右(目标组件, 偏移量)

将当前组件的左侧对齐到目标组件的右侧，可设置偏移量。偏移量为正数时向右偏移，负数时向左偏移。

函数：底边对齐到顶(目标组件, 偏移量)

将当前组件的底边对齐到目标组件的顶部，可设置偏移量。偏移量为正数时向下偏移，负数时向上偏移。

函数：顶边对齐到底(目标组件, 偏移量)

将当前组件的顶边对齐到目标组件的底部，可设置偏移量。偏移量为正数时向下偏移，负数时向上偏移。

函数：有指定属性(属性名)

判断当前元素是否有指定属性。

函数：有属性()

判断当前元素是否有属性。

函数：内容可编辑()

判断当前元素内容是否可编辑。

函数：包含CSS类(类名)

判断当前元素是否包含指定的CSS类。

函数：取命名空间()

获取当前元素的命名空间。

函数：取下个节点()

获取当前元素的下一个节点。

函数：取下个元素()

获取当前元素的下一个元素。

函数：取节点名称()

获取当前元素的节点名称。

函数：取节点类型()

获取当前元素的节点类型。

函数：取父节点()

获取当前元素的父节点。

函数：取父元素()

获取当前元素的父元素。

函数：取上个节点()

获取当前元素的上一个节点。

函数：取上个元素()

获取当前元素的上一个元素。

函数：销毁()

移除当前元素。

函数：删除属性(属性名)

删除当前元素的指定属性。

函数：删除属性节点(属性名)

删除当前元素的指定属性节点。

函数：置属性值(属性名, 属性值)

设置当前元素指定属性的值。

函数：置属性节点(属性节点)

设置当前元素的指定属性节点。

函数：取标签名()

获取当前元素的标签名。

函数：移动(左边 顶边, 宽度, 高度)

设置当前元素的位置和大小，参数说明：左边：距离左侧的像素值，顶边：距离顶部的像素值，宽度：元素的宽度值，高度：元素的高度值。

函数：取原生对象()

获取当前元素的原生DOM对象。

函数：置被单击回调(回调函数)

设置单击事件回调，回调函数返回两个参数：(视图对象, 事件对象)。视图对象为触发事件的视图实例，事件对象包含鼠标点击的详细信息如坐标等。

函数：置被双击回调(回调函数)

设置双击事件回调，回调函数返回两个参数：(视图对象, 事件对象)。视图对象为触发事件的视图实例，事件对象包含鼠标双击的详细信息。

函数：置鼠标被进入回调(回调函数)

设置鼠标进入事件回调，回调函数返回两个参数：(视图对象, 事件对象)。视图对象为鼠标进入的视图实例，事件对象包含鼠标位置等信息。

函数：置鼠标被移出回调(回调函数)

设置鼠标移出事件回调，回调函数返回两个参数：(视图对象, 事件对象)。视图对象为鼠标移出的视图实例，事件对象包含鼠标位置等信息。

函数：置鼠标被移动回调(回调函数)

设置鼠标移动事件回调，回调函数返回两个参数：(视图对象, 事件对象)。视图对象为鼠标移动所在的视图实例，事件对象包含鼠标当前位置、移动距离等信息。

函数：置鼠标被按下回调(回调函数)

设置鼠标按下事件回调，回调函数返回两个参数：(视图对象, 事件对象)。视图对象为触发事件的实例，事件对象包含按下的鼠标按钮、位置等信息。

函数：置鼠标被抬起回调(回调函数)

设置鼠标抬起事件回调，回调函数返回两个参数：(视图对象, 事件对象)。视图对象为触发事件的实例，事件对象包含抬起的鼠标按钮、位置等信息。

函数：置鼠标滚轮被滚动回调(回调函数)

设置鼠标滚轮事件回调，回调函数返回两个参数：(视图对象, 事件对象)。视图对象为触发事件的实例，事件对象包含滚轮滚动方向(deltaY)、滚动量等信息。

函数：置键盘被按下回调(回调函数)

设置键盘按下事件回调，回调函数返回两个参数：(视图对象, 事件对象)。视图对象为触发事件的实例，事件对象包含按下的键码(keyCode)、是否按下修饰键等信息。

函数：置按键被抬起回调(回调函数)

设置键盘抬起事件回调，回调函数返回两个参数：(视图对象, 事件对象)。视图对象为触发事件的实例，事件对象包含抬起的键码(keyCode)等信息。

函数：置按键被压下回调(回调函数)

设置按键压住事件回调，回调函数返回两个参数：(视图对象, 事件对象)。视图对象为触发事件的实例，事件对象包含被压住的键码(keyCode)、字符(charCode)等信息。

函数：置被失去焦点回调(回调函数)

设置失去焦点事件回调，回调函数返回两个参数：(视图对象, 事件对象)。视图对象为失去焦点的实例，事件对象包含相关焦点转移信息。

函数：置被获得焦点回调(回调函数)

设置获得焦点事件回调，回调函数返回两个参数：(视图对象, 事件对象)。视图对象为获得焦点的实例，事件对象包含相关焦点转移信息。

事件：被单击(源对象,事件源)

被单击回调接口中的方法；当组件被单击时触发该方法。

事件：被双击(源对象,事件源)

被双击回调接口中的方法；当组件被双击时触发该方法。

事件：鼠标被进入(源对象,事件源)

鼠标被进入回调接口中的方法；当鼠标进入组件时触发该方法。

事件：鼠标被移出(源对象,事件源)

鼠标被移出回调接口中的方法；当鼠标移出组件时触发该方法。

事件：鼠标被移动(源对象,事件源)

鼠标被移动回调接口中的方法；当鼠标移动时触发该方法。

事件：鼠标被按下(源对象,事件源)

鼠标被按下回调接口中的方法；当鼠标按下时触发该方法。

事件：鼠标被抬起(源对象,事件源)

鼠标被抬起回调接口中的方法；当鼠标抬起时触发该方法。

事件：鼠标滚轮被滚动(源对象,事件源)

鼠标滚轮被滚动回调接口中的方法；当鼠标滚轮滚动时触发该方法。

事件：键盘被按下(源对象,事件源)

键盘被按下回调接口中的方法；当键盘按下时触发该方法。

事件：按键被抬起(源对象,事件源)

按键被抬起回调接口中的方法；当按键抬起时触发该方法。

事件：按键被压下(源对象,事件源)

按键被压下回调接口中的方法；当按键被压下时触发该方法。

事件：被失去焦点(源对象,事件源)

被失去焦点回调接口中的方法；当组件失去焦点时触发该方法。

事件：被获得焦点(源对象,事件源)

被获得焦点回调接口中的方法；当组件获得焦点时触发该方法。