选项卡

html: <div id="div1"> <input type="button" value="1" class="active"> <input type="button" value="2"> <input type="button" value="3"> <div style="display:block">111</div> <div>222</div> <div>333</div> </div> css: #div1 div{width: 200px; height: 200px;border:1px #000 solid; display: none;} .active{background:#f00;} js: // 普通写法 window.onload = function () { var oParent = document.getElementById('div1'); var aInput = oParent.getElementsByTagName('input'); var aDiv = oParent.getElementsByTagName('div'); for (var i = 0; i < aInput.length; i++) { aInput[i].index = i; aInput[i].onclick = function () {

LayUI  经典模块化前端框架,低门槛开箱即用的前端 UI 解决方案.   其他UI框架：     Bootstrap，Element， EasyUI，LayUI 等等 LayUI使用  Layui（谐音：类UI) 是一款采用自身模块规范编写的前端 UI 框架，遵循原生 HTML/CSS/JS 的书写与组织形式，门槛极低，拿来即用。   1. 官网首页下载 https://www.layui.com/   2. 引入layui核心文件： layui/css/layui.css // layui中内置的样式 layui/layui.js // layui中核心的js插件(模块化使用) layui/layui.all.js // layui中所有的js   3. layui的目录介绍:    layui     ├─css //css目录     │ │─modules //模块css目录（一般如果模块相对较大，我们会单独提取，比如下面三个：）     │ │ ├─laydate     │ │ ├─layer     │ │ └─layim     │ ├─layui.css //核心样式文件     │ └─layui.mobile.css //移动端CCSS样式     ├─font //字体图标目录（内置字体）     ├─images //图片资源目录

JPanel JPanel 是 Java图形用户界面(GUI)工具包swing中的面板容器类，包含在javax.swing 包中，是一种轻量级容器，可以加入到JFrame窗体中。JPanel默认的布局管理器是FlowLayout，其自身可以嵌套组合，在不同子容器中可包含其他组件(component),如JButton、JTextArea、JTextField 等，功能是对窗体上的这些控件进行组合，相当于C++和C#中的Panel类。 JPanel可以实现各种复杂的界面显示。在JPanel中可以加入任意组件，然后直接将JPanel容器加入到JFrame容器中即可。 JSplitPane JSplitPane的主要功能是分割面板，可以将一个窗体分为两个子窗体，可以是水平排列也可以是垂直排列。 JTabbedPane JTabbedPane是在一个面板上设置多个选项卡供用户选择。JTabbedPane选项卡面板实现了一个多卡片的用户界面，通过它可以将一个复杂的对话框分割成若干个选项卡，实现对信息的分类显示和管理，使界面更简洁大方，还可以有效地减少窗体的个数。 构造方法 JTabbedPane()：创建一个默认的选项卡面板，默认情况下标签在选项卡的上方，布局方式为限制布局 JTabbedPane(int tabPlacement)：创建一个指定标签显示位置的选项卡面板

其他容器。 JPanle Panel 面板JPanel 是一种中间层容器，它能容纳组件并将组件组合在一起，但它本身必须添加到其他容器中使用。 JPanel 类的构造方法如下。JPanel():使用默认的布局管理器创建新面板，默认的布局管理器为 FlowLayout。 JPanel(LayoutManagerLayout layout):创建指定布局管理器的 JPanel 对象。 JSplitpane. JSplitPane 用于分隔两个（只能两个）Component。两个 Component 图形化分隔以外观实现为基础，并且这两个 Component 可以由用户交互式调整大小。 构造函数 public JSplitPanel():创建一个配置为将其子组件水平排列、无连续布局、为组件使用两个按钮的新 JSplitPane public JSplitPanel(int newOrientation):创建一个指定方向的分割板，这里的newOrientation可以设置两个值， VERTICAL_SPLIT(设置分割板为上下布局),HORIZONTAL_SPLIT(设置分隔板左右布局) public JSplitPane(int newOrientation,Component newLeftComponent,Component newRightComponent)

本周我们主要学习的是容器的应用，深入学习了布局管理器和基本容器JFrame容器。 1.JPanel ：JPanel 是 Java 图形用户界面 (GUI)工具包swing中的面板容器类，包含在javax.swing 包中，是一种 轻量级容器 ，可以加入到JFrame窗体中。 2.JScrollPane ： JScrollPane类可提供轻量级组件的 scrollable 视图。JScrollPane 管理视口、可选的垂直和水平滚动条以及可选的行和列标题视口。 3.JTabbedPane ：JTabbedPane选项卡面板实现了一个多卡片的用户界面，通过它可以将一个复杂的对话框分割成若干个选项卡，实现对信息的分类显示和管理，使界面更简洁大方，还可以有效地减少窗体的个数。 构造方法： JTabbedPane()：创建一个默认的选项卡面板，默认情况下标签在选项卡的上方，布局方式为限制布局 JTabbedPane(int tabPlacement)：创建一个指定标签显示位置的选项卡面板，入口参数tabPlacement:为选项卡标题的位置, 值为TOP（选项卡上方，默认值）、BOTTOM（选项卡下方）、LEFT（选项卡左侧）、RIGHT（选项卡右侧） JTabbedPane(int tabPlacement, int tabLayoutPolicy)：创建一个既指定标签显示位置

在线效果浏览： 需求：mouseover 标签时，自动切换内容 解析：设定一个boolean值，用于切换类的添加/删除，来显示/隐藏对应内容 import React,{useState} from 'react'; import ReactDOM from 'react-dom'; import './index.css'; function Simplecard(props){ const [lessons,setLesson]=useState(props.lessons); const handleOver=function(index){ var newlessons=[...lessons]; for(var i=0;i<newlessons.length;i++) newlessons[i].isActive=false; newlessons[index].isActive=true; setLesson(newlessons); } return( <div id="outer"> <ul id="tab"> {lessons.map((lesson,index)=> <li key={lesson.name} className={lesson.isActive ? 'current' : ''} onMouseOver={()=>handleOver

调试模式并不能完全满足我们调试的需要，有时候我们需要手动的输出一些调试信息。除了本身可以借助一些开发工具进行调试外，ThinkPHP还提供了一些内置的调试工具和函数。例如，页面Trace功能就是ThinkPHP提供给开发人员的一个用于开发调试的辅助工具。可以实时显示当前页面的操作的请求信息、运行情况、SQL执行、错误提示等，并支持自定义显示。 大理石机械构件 页面Trace功能对调试模式和部署模式都有效，不过只能用于有页面输出的情况（如果你的操作没有任何输出，那么可能页面Trace功能对你帮助不大，你可能需要使用后面的调试方法）。 在部署模式下面，显示的调试信息没有调试模式完整，通常我们建议页面Trace配合调试模式一起使用。 要开启页面Trace功能，需要在项目配置文件中设置： // 显示页面Trace信息 'SHOW_PAGE_TRACE' => true , 该参数默认为关闭，开启后并且你的页面有模板输出的话，页面右下角会显示ThinkPHP的LOGO： 我们看到的LOGO后面的数字就是当前页面的执行时间（单位是秒） 点击该图标后，会展开详细的页面Trace信息，如图： 页面Trace框架有6个选项卡，分别是基本、文件、流程、错误、SQL和调试，点击不同的选项卡会切换到不同的Trace信息窗口。 选项卡 描述 基本 当前页面的基本摘要信息，例如执行时间、内存开销、文件加载数

1、官网： https://zealdocs.org/download.html#windows 2、github: https://github.com/zealdocs/zeal 3、下载：可下载安装包和zip包。 4、下载后是没有API文档的，需要手动下载指定的API 　　点击左上角选项Tools > docsets 打开如下面板: 左边的选项卡installed，是你已经下载的文档，右边的选项卡则是可以下载还未下载的文档，双击进行下载。稍微等候一会就会下载完成并出现在Zeal的主页面中左侧列表。 5、使用： 　　在主界面的左侧搜索框中输入要查的内容即可。 来源： https://www.cnblogs.com/andrew-303/p/11832042.html

使用浏览器中运行的Ambari安装向导来安装，配置和部署集群，如下所示： 1.登录到Apache Ambari: 启动Ambari服务后，使用Web浏览器打开Ambari Web 将浏览器指向 http：// <your.ambari.server>：8080 ，其中 <your.ambari.server> 是ambari服务器主机的名称 使用默认用户名/密码登录Ambari服务器：admin / admin。稍后更改这些凭据 2.启动Ambari安装向导： 从Ambari Welcome页面，选择启动安装向导 3.为您的集群命名： 在“为您的群集命名”中，键入要创建的群集的名称。名称中不要使用空格或特殊字符。 点击下一步 4.选择版本： 在此步骤中，您将选择群集的软件版本和交付方式。 使用公共存储库需要Internet连接。 使用本地存储库需要您在网络中可用的存储库中配置软件 选择堆栈 :可用的HDP版本显示在TAB中。 当您选择TAB时，Ambari会尝试发现该HDP堆栈的特定版本可用。 该列表显示在DROPDOWN中。 对于该特定版本，将显示可用的服务，其中的版本显示在TABLE中。 选择版本 ：如果Ambari可以访问Internet，则特定版本将作为选项列在DROPDOWN中。 如果您有未列出的版本的版本定义文件，您可以单击添加版本…并上载VDF文件。 此外

[x] 总结Blender之Panel Blender之Panel需要从Blender界面组成开始理解. 直观上Blender的界面层次为 Editors ? Regions ? (Tabs) ? Panels ? Controls . 面板是用户界面的最小组织单位. 定制Blender插件界面, 就是创建一个个Panel. Blender界面元素层次关系为 Window ? Screen ? Areas ? Editors ? Regions ? (Tabs) ? Panels ? Controls 屏幕由一个或多个区域(Area)组成, 每个区域都包含一个编辑器(Editor) 应用窗口在桌面上总是显示为矩形，并被分割为一些可改变大小的区域。一个区域包含特定类型编辑器的工作区，如3D视图编辑器，或者大纲视图。 每个编辑器都被细分为几个小区块。An Editor is subdivided into regions. 主区块 标题栏(菜单和常用工具的容器) 工具栏(面板)(默认在左侧) 操作器面板, 它是工具栏的一部分. 属性栏(默认在右侧) 选项卡是用户界面中的重叠区域。选项卡可以是垂直(工具栏)或者水平的(属性编辑器、用户设置)。 面板是用户界面的最小组织单位。折叠面板可隐藏内容。 属性编辑器 使用了面板 bpy.types.Panel bl_space_type -