onestopweb
onestopweb

AmazeUI 选项卡

<!doctype html>
<html class="no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>选项卡</title>
<link rel="stylesheet" href="assets/css/amazeui.min.css">
<!--[if (gte IE 9)|!(IE)]><!-->
<script src="assets/js/jquery.min.js"></script>
<!--<![endif]-->
<!--[if lte IE 8 ]>
<script src="assets/ie8/jquery.min.js"></script>
<script src="assets/ie8/modernizr.js"></script>
<script src="assets/js/amazeui.ie8polyfill.min.js"></script>
<![endif]-->
<script src="assets/js/amazeui.min.js"></script>
</head>
<body style="margin: 50px;">
<style>
.am-tabs-nav li {
	position: relative;
	z-index: 1;
}
.am-tabs-nav .am-icon-close {
	position: absolute;
	top: 0;
	right: 10px;
	color: #888;
	cursor: pointer;
	z-index: 100;
}
.am-tabs-nav .am-icon-close:hover {
	color: #333;
}
.am-tabs-nav .am-icon-close ~ a {
	padding-right: 25px!important;
}
</style>
<!--内容高度一致-->
<div class="am-tabs" data-am-tabs="{noSwipe: 1}" id="doc-tab-demo-1">
<ul class="am-tabs-nav am-nav am-nav-tabs">
	<li class="am-active"><a href="javascript: void(0)">列表一</a></li>
	<li><a href="javascript: void(0)">列表二</a></li>
	<li><a href="javascript: void(0)">列表三</a></li>
</ul>
<div class="am-tabs-bd">
	<div class="am-tab-panel am-active">内容1</div>
	<div class="am-tab-panel">内容2</div>
	<div class="am-tab-panel">内容3</div>
</div>
</div>
<br />
<button type="button" class="am-btn am-btn-primary js-append-tab">插入 Tab</button>
<script>
$(function() {
	var tabCounter = 0;
	var $tab = $('#doc-tab-demo-1');
	var $nav = $tab.find('.am-tabs-nav');
	var $bd = $tab.find('.am-tabs-bd');
	function addTab() {
		var nav = '<li><span class="am-icon-close"></span>' +
		'<a href="javascript: void(0)">标签 ' + tabCounter + '</a></li>';
		var content = '<div class="am-tab-panel">动态插入的标签内容' + tabCounter + '</div>';
		$nav.append(nav);
		$bd.append(content);
		tabCounter++;
		$tab.tabs('refresh');
	}
	// 动态添加标签页
	$('.js-append-tab').on('click', function() {
		addTab();
	});
	// 移除标签页
	$nav.on('click', '.am-icon-close', function() {
		var $item = $(this).closest('li');
		var index = $nav.children('li').index($item);
		$item.remove();
		$bd.find('.am-tab-panel').eq(index).remove();
		$tab.tabs('open', index > 0 ? index - 1 : index + 1);
		$tab.tabs('refresh');
	});
});
</script>
</body>
</html>

效果图：
AmazeUI 选项卡_第1张图片
 

<!doctype html>
<html class="no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>选项卡</title>
<meta name="renderer" content="webkit">
<meta http-equiv="Cache-Control" content="no-siteapp"/>
<link rel="icon" type="image/png" href="assets/i/favicon.png">
<meta name="mobile-web-app-capable" content="yes">
<link rel="icon" sizes="192x192" href="assets/i/[email protected]">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-title" content="Amaze UI"/>
<link rel="apple-touch-icon-precomposed" href="assets/i/[email protected]">
<meta name="msapplication-TileImage" content="assets/i/[email protected]">
<meta name="msapplication-TileColor" content="#0e90d2">
<link rel="stylesheet" href="assets/css/amazeui.min.css">
</head>
<body style="margin: 50px;">
<!--允许触控操作-->
<div class="am-tabs" data-am-tabs>
	<ul class="am-tabs-nav am-nav am-nav-tabs">
		<li class="am-active"><a href="#tab1">列表1</a></li>
		<li><a href="#tab2">列表2</a></li>
		<li><a href="#tab3">列表3</a></li>
	</ul>
	<div class="am-tabs-bd">
		<div class="am-tab-panel am-fade am-in am-active" id="tab1">
			内容1<br>内容1
		</div>
		<div class="am-tab-panel am-fade" id="tab2">
			内容2
		</div>
		<div class="am-tab-panel am-fade" id="tab3">
			内容3
		</div>
	</div>
</div>
<br>
<!--禁用触控操作-->
<div class="am-tabs" data-am-tabs="{noSwipe: 1}">
	<ul class="am-tabs-nav am-nav am-nav-tabs">
		<li class="am-active"><a href="#tab2-1">列表1</a></li>
		<li><a href="#tab2-2">列表2</a></li>
		<li><a href="#tab2-3">列表3</a></li>
	</ul>
	<div class="am-tabs-bd">
		<div class="am-tab-panel am-fade am-in am-active" id="tab2-1">
			内容1<br>内容1
		</div>
		<div class="am-tab-panel am-fade am-in" id="tab2-2">
			内容2<br>内容2
		</div>
		<div class="am-tab-panel am-fade am-in" id="tab2-3">
			内容3<br>内容3<br>内容3
		</div>
	</div>
</div>
<!--[if (gte IE 9)|!(IE)]><!-->
<script src="assets/js/jquery.min.js"></script>
<!--<![endif]-->
<!--[if lte IE 8 ]>
<script src="assets/ie8/jquery.min.js"></script>
<script src="assets/ie8/modernizr.js"></script>
<script src="assets/js/amazeui.ie8polyfill.min.js"></script>
<![endif]-->
<script src="assets/js/amazeui.min.js"></script>
</body>
</html>

效果图：
AmazeUI 选项卡_第2张图片
 

 

你可能感兴趣的:(AmazeUI 选项卡)

  • excel如何筛选重复项 牛马baby excel
    在Excel中筛选重复项有几种方法，下面列举其中两种常见的方法：方法一：使用“条件格式”功能选中需要筛选的数据列。在“开始”选项卡中，找到“条件格式”功能，点击下拉菜单选择“突出显示单元格规则”。选择“重复值”，这时重复的值将会被高亮显示出来。方法二：使用“删除重复项”功能选中需要筛选的数据列。在“数据”选项卡中，点击“删除重复项”。在弹出的对话框中，确保只选中了需要检查的列，然后点击“确定”。这
  • 20250118 PPT画的论文插图如何导出高分辨率图片：修改电脑注册表 HI_Forrest 论文写作powerpoint论文
    在PowerPoint中导出高分辨率图片的步骤如下：1.调整幻灯片尺寸：打开PowerPoint，点击“设计”选项卡。在“自定义”区域选择“幻灯片大小”。选择“自定义幻灯片大小”。在弹出的对话框中，将幻灯片的尺寸设置为更大的数值（比如宽度设置为40英寸，高度设置为30英寸），这有助于提高导出图片的分辨率。2.导出为图片：完成幻灯片设计后，点击“文件”菜单。选择“导出”。选择“更改文件类型”中的“P
  • Microsoft Defender SmartScreen 阻止了无法识别的应用启动。运行此应用可能会导致你的电脑存在风险。 开心呆哥 microsoft
    你提到的情况可能是由于Windows的安全策略导致的。当你运行批处理文件（.bat）时，Windows可能会弹出一次提示，询问是否允许该文件执行。这是为了确保用户不会意外地运行潜在的恶意脚本。有几种方法可以解决这个问题：解锁文件：在文件资源管理器中，找到你的.bat文件。右键单击文件，选择"属性"。在"常规"选项卡中，如果有一个"解锁"复选框，请勾选它。确定并尝试重新运行文件。以管理员身份运行：右
  • C#的linq语句 木生火18624 C#开发
    /查询表达式必须以form子句开头，以select或者group子句结束，在这两个子句之间，可以使用///where、orderby、join、let和其他的from子句本章要点用列表在对象上执行传统查询扩展方法LINQ查询操作符平行LNQ表达式树本章源代码下载地址(wrox.com)打开网页www.wrox.com/go/procsharp,单击DownloadCode选项卡即可下载本章源代码。
  • 实践致知第8享：WPS中Excel中如何插入图片（大小和位置随单元格而变） 何庆华 实践致知excel插入图片随单元格变化
    在WPS的Excel中插入一张图片，并希望插入的图片位置可以随单元格而变，而不是固定在一个地方，操作如下：1）点击【插入】选项卡，选择图片，之后选择你所需要的图片，然后将图片移到合适的位置2）选中图片，右击设置【大小和属性】，找到【属性】，勾选【大小和位置随单元格而变】，如下图所示：3）设置好之后不论是添加行列还是删除，图片都会跟随单元格而变化说明：版本不同，操作界面会略有不同，但都会有这个选项参
  • excel 我是苏小禾
    深入学习office，熟练操作办公软件，提前准备就业技能。数据处理与统计，图表化数据，分析，数据透视表功能。alt加F4是快捷关闭Excel。简化工作量。认识Excel界面，专业术语：工作簿，工作表，行列单元格，单元格地址。界面组成：标题栏，选项卡（功能组，功能按钮），名称框，编辑栏，行号，列表，拆分按键，窗口操作按钮，工作表标签，滚动条，翻页按钮，状态栏。表格里面数据的比较，使用窗口。窗口的基本
  • python pyqt5界面开发调试技巧_python GUI库图形界面开发之PyQt5选项卡控件QTabWidget详细使用方法与实例... weixin_39916479 pythonpyqt5界面开发调试技巧
    PyQt5选项卡控件QTabWidget简介QTabWidget控件提供了一个选项卡和一个页面区域，默认显示第一个选项卡的页面，通过单击各选项卡可以查看对应的界面，如果在一个窗口中显示的输入字段很多，则可以对这些字段进行拆分，分别放置在不同界面的选项卡中QTabWidget类中常用的方法方法描述addTab()将一个控件添加到Tab控件的选项卡中insertTab()将一个Tab控件的选项卡插入到
  • idea中 google-java-format 插件的使用 用户昵称23 javaintellij-ideajavaide全文检索运维
    google-java-format是一个重新格式化Java源代码以符合GoogleJavaStyle的插件。一个google-java-format可从插件库下载也可以在IDE的File→Settings–>Plugins中下载。单击Marketplace选项卡，搜索google-java-format插件，然后单击Install按钮。默认情况下，该插件将被禁用。要在当前项目中启用它，请转到Fi
  • 【漏洞挖掘】——53、 WebSocket安全概览 FLy_鹏程万里 【WEB渗透】websocket安全网络协议渗透测试信息安全网络安全web渗透
    文章前言在一次做项目的时候本来是想去点击Burpsuite的Proxy界面的HTTPHistory选项卡来查看HTTP历史请求记录信息并做测试的，但是在查看的时候却下意识的点击到了HTTPProxy右侧的"WebSocketsHistory"选项卡中，从界面的交互历史中发现网站有使用WebSocket进行通信，虽然之前有对Websocket有一些简单的了解(比如:跨越问题)，但是未对此进行深入研究
  • Jenkins 通过 Version Number Plugin 自动生成和管理构建的版本号 让梦想疯狂 Jenkinsjenkins
    步骤1：安装VersionNumberPlugin登录Jenkins的管理界面。进入“ManageJenkins”->“ManagePlugins”。在“Available”选项卡中搜索“VersionNumberPlugin”。选中并安装插件，完成后可能需要重启Jenkins。步骤2：配置版本号生成打开项目配置页面。在下方找到“BuildEnvironment”，勾选“Createaformat
  • 【C/C++】Visual Studio 如何查看当前使用的C语言版本 Michael_Good C/C++c++c语言
    在VisualStudio中，可以通过以下步骤查看当前使用的C版本：打开VisualStudio，打开一个C语言项目。在菜单栏中选择“项目”->“属性”。在属性窗口中，选择“C/C++”->“语言”。在“语言”选项卡中，可以看到当前使用的C语言版本，例如“ISOC11”。如果当前项目没有使用C语言，或者没有设置C语言版本，则在“语言”选项卡中可能没有相关的选项。需要注意的是，VisualStudi
  • Windows系统怎么免费远程控制电脑？ 柒小毓 百度其他远程工作经验分享
    本篇文章中，将介绍二种Windows远程控制电脑方法。方法一：系统自带远程桌面在Windows系统中有一个叫远程桌面的功能，它可以通过电脑的IP地址任意的远程控制局域网中另一台电脑。step1在另外一台电脑上按“Windows+R”键打开运行框，输入“sysdm.cpl”并单击“确定”打开系统属性。step2在系统属性窗口中单击“远程”选项卡，再勾选远程桌面中的“允许远程连接到此计算机”并单击“确
  • 苹果电脑自动更新怎么关闭 星星星辰大海
    苹果电脑的自动更新每一次下载都要占用大量网络,而且安装等待时间很长。所以最近有用户就问小编苹果电脑自动更新怎么关闭？那么对于这一问题，今天系统城的小编就来为大家分享关于苹果系统关闭自动更新的图文步骤。图文步骤如下：1、在空白桌面上使用快捷键”command“+“，”进入到系统设置界面；或者点击左上角的黑苹果，在弹出的选项卡中选择系统偏好设置，进入到系统设置界面，如下图：2、在系统设置界面找到App
  • Windows系统禁止Chrome自动更新教程 唐古乌梁海 windows
    1、使用Windows+R快捷键打开「运行」对话框，执行msconfig打开「系统配置」工具。2、在弹出的窗口中切换到「服务」选项卡。3、取消勾选以下2个服务，然后点击「应用」：GoogleUpdaterInternalServiceGoogleUpdaterService建议把Google相关的都关闭,会提示重启电脑,重启后就可以了会显示检查更新出错,无法更新
  • MobaXterm设置自动保存日志 Tassel_YUE Linux#Shell运维
    目录需求操作需求想让MobaXterm设置日志自动保存，可以有效追踪过去操作。操作点击Setting按照下图设置：logtype选项卡中三个选项的区别：printableoutput：正常的日志导出outputallsession：类似第一个，不会可能出现字符编码问题printableoutputwithtimestamps：每一行日志都带上时间戳logfilename可以根据自己的需求自定义文件
  • 五、Selenium操作指南（二） for_everyoung01 测试开发selenium测试工具
    文章目录四、获取页面元素属性（一）get_attribute获取属性（二）获取文本（三）获取其他属性五、页面交互操作（一）输入文本send_keys()（二）点击click()（三）清除文本clear()（四）回车确认submit()（五）单选（六）多选（七）下拉框六、多窗口切换（一）Frame切换（二）选项卡切换四、获取页面元素属性既然我们有很多方式来定位页面的元素，那么接下来就可以考虑获取以下
  • 无法访问 请与这台计算机,计算机无法访问,您可能没有权限使用网络资源.请与这台服务器的管理员联系以查... 陆盖盖 无法访问请与这台计算机
    计算机无法访问,您可能没有权限使用网络资源.请与这台服务器的管理员联系以查明您(1)安装NWlinkIPX/SPX/NetBIOSCompatibleTransportProtocol协议。(2)开启guest账号：右击我的电脑\管理\用户有个guest，双击之去掉“账户已停用”前面的勾。(3)右击我的电脑\属性\计算机名，查看该选项卡中出现的局域网工作组名称(4)使用winxp防火墙的例外：wi
  • Excel的内置样式和主题，一样让你的表格不失内涵 Excel客旅
    在Excel中，我们不仅可以通过不同的格式来自定义表格的风格，以增强其专业性和可读性，Excel还为我们准备了一些内置的样式和主题。01样式在菜单栏的“开始”选项卡下的“样式”区域，我们可以找到样式相关的设置。如何应用这些内置的样式到我们的表格中？先以“单元格样式”为例说明一下。1.点击需应用样式的单元格，这里我们点击数据表的抬头“SalesSummary2015”所在的单元格。2.点击“单元格样
  • 2022版 Tangible Software Solutions 功能齐全的源代码转换器 中游鱼 原创VBC#源代码转换源代码迁移
    2022版TangibleSoftwareSolutions功能齐全的源代码转换器TangibleSoftwareSolutions是功能齐全的源代码转换器，提供多个工具，自由选择和安装，方便在VB.NET、C#、Java、C++和Python之间进行转换，安装简单，使用也非常的简单，提供丰富的选项卡，包括文件夹转换器、文件和代码段转换、命令行转换、代码格式选项、头文件选项、系统头文件、转换结果、
  • Word中设置奇数页的页眉为一级标题内容；偶数页的页眉为文章题目 生信学习小达人 论文写作word
    1.在MicrosoftWord中设置奇数页和偶数页不同的页眉可以通过以下步骤进行：打开Word文档：首先，打开你想要设置页眉的Word文档。进入页眉和页脚编辑模式：双击文档顶部的页眉区域，或者在“插入”选项卡中点击“页眉”然后选择“编辑页眉”。设置不同的奇偶页眉：在页眉和页脚工具栏中，确保勾选了“奇偶页不同”选项。这通常在“设计”选项卡下的“选项”组里。编辑奇数页页眉：在奇数页页眉区域，输入“第
  • AdventureCreator学习笔记13：脸部表情 AlpacasKing
    BlendShape设置在模型上添加Shapeable脚本，可以添加表情组，然后在表情组里可以添加表情。BlendShape设置表情设置在NPC脚本上，还需要添加表情，名字与表情组相同。表情设置使用表情可以在ActionList中添加新的Action，也可以直接写在对话文本中。使用表情嘴型设置对话时根据内容嘴型可以相应变化。首先在ACGameEditor的Speech选项卡开启Lipsyncing
  • 闭包做私有变量计数器/闭包做选项卡/跳转的源页面 YangMl
    闭包做私有变量计数器闭包的用途：私有变量计数...............................................................................................................................................................//闭包的用途：私有变量计数器varc
  • 如何将CAD二维图纸切换成三维视图呢? fyy7777
    如何将CAD二维图纸切换成三维视图呢?当我们想要在CAD中绘制三维图形，可绘制出来的确是二维图纸该怎么办呢？如何才能将二维图纸切换成三维图纸呢？下面来教你具体操作方法。1、进入任意浏览器搜索下载迅捷CAD编辑器专业版到电脑桌面上，然后鼠标双击电脑桌面上的CAD软件，然后进入到操作页面。2、进入软件界面之后点击左侧菜单栏的“文件”选项卡，然后再点击“打开”选项，打开所需要查看的CAD文件。3、如过查
  • 联想电脑win10专业版系统怎么激活 系统总裁
    几天前，当我无事可做时，我去了网站底部，检查了粉丝在消息中问我的问题。我真的看到了一个问题，那有小伙伴求助联想电脑Win10系统专业版激活的问题。让我们不多说，一起来学习一下，跟随总裁小编一起往下看。1）首先，让我们先检查Windows10系统当前的激活状态。只需要单击桌面左下角的Windows按钮，接着从打开的扩展面板中单击设置，更新和安全，然后切换到激活选项卡。查看当前系统的激活状态。2）接下
  • 微信小程序 - 选项卡切换 - 视频播放 - (图解+代码流程) Envyᥫᩣ 微信小程序音视频小程序视频
    目录一、选项卡切换效果图1.选项卡切换.wxml代码2.选项卡切换.wxss代码3.选项卡切换.js代码neirclik函数onLoad函数ctqis函数二、视频播放效果图1.视频播放.wxml代码视频组件1.视频播放.wxss代码3.视频播放.js代码**随机颜色生成函数getRandomColor()****页面初始数据****弹幕相关函数****视频切换函数qieclick(e)****生命
  • VBA-将宏添加到选项卡（简易版） ahxdyz VBAVBA
    VBA-将宏添加到选项卡（简易版）缘起方法方法一：界面操作方法方法二：VBA法缘起相信经常使用Office软件，尤其是Excel的朋友，很多人都听说过VBA，我周围也有些部门的同事会自主研发一些实用的宏工具。作为最贴近工作场景的脚本编写方式，学会使用VBA会给业务工作带来一定的便利。方法要用起来VBA，启动是必要的步骤。自用时，无论是在VBE里F5，还是Alt+F8启动都无所谓；但如果是制作规范化
  • WPS将文字文档朗读 cuisidong1997 wps
    WPS提供了将文字文档转化成语音的功能，还可一键导出音频文件，此功支持手机端和电脑端。分界线.png电脑端的操作如下：▪第一步：用WPS打开文字文档，点击「审阅」选项卡下的「朗读」下拉菜单，可选择「全文朗读」，也可框选文字「选中朗读」。录制_2021_03_24_14_40_06_490.gif▪第二步：点击「朗读」的下拉菜单，选择显示工具栏，此时可以在右侧的朗读工具栏里调整音量、语速、语调等设置
  • 职位分析网站 MA木易YA
    根据之前在拉勾网所获取到的数据进行分析展示简介1.项目采用Django框架进行网站架构，结合爬虫、echarts图表，wordcloud等对职位信息进行分析展示。2.数据来自拉勾网，采用scrapy爬虫框架获取，仅用作学习。3.页面采用AmazeUI|HTML5跨屏前端框架进行设计。用户这一块和之前博客、图书网站一致，利用Django本身的认证，结合Ajax、邮箱进行登陆注册，这一块的代码是可以移
  • 上传pdf_有哪些免费又好用的合并PDF的软件？ 赵大忽悠 上传pdf
    怎样将多个PDF文档合并成一个？PDF是我们日常工作使用较多的一种文档格式，有时需要将几份PDF合成一个单独文档使用，应该如何操作呢？是否有一些免费又好用的PDF合并软件可以直接使用？软件1：极速PDF编辑器优势：专业的PDF编辑器，合并PDF文档时设置比较详细，满足更多需求。使用步骤：1、首先打开极速PDF编辑器后，点击右上角“文件”选项卡中的“合并”；2、接着弹出的“合并文件”窗口右侧工具栏中
  • 【RN】为项目使用React Navigation中的navigator ZSK6 ReactNativereact.js前端前端框架
    简言移动应用基本不会只由一个页面组成。管理多个页面的呈现、跳转的组件就是我们通常所说的导航器（navigator）。ReactNavigation提供了简单易用的跨平台导航方案，在iOS和Android上都可以进行翻页式、tab选项卡式和抽屉式的导航布局。ReactNavigation中的视图是原生组件，同时用到了运行在原生线程上的Animated动画库，因而性能表现十分流畅。此外其动画形式和手势
  • ASM系列五 利用TreeApi 解析生成Class lijingyao8206 ASM字节码动态生成ClassNodeTreeAPI
       前面CoreApi的介绍部分基本涵盖了ASMCore包下面的主要API及功能，其中还有一部分关于MetaData的解析和生成就不再赘述。这篇开始介绍ASM另一部分主要的Api。TreeApi。这一部分源码是关联的asm-tree-5.0.4的版本。          在介绍前，先要知道一点， Tree工程的接口基本可以完
  • 链表树——复合数据结构应用实例 bardo 数据结构树型结构表结构设计链表菜单排序
    我们清楚：数据库设计中，表结构设计的好坏，直接影响程序的复杂度。所以，本文就无限级分类（目录）树与链表的复合在表设计中的应用进行探讨。当然，什么是树，什么是链表，这里不作介绍。有兴趣可以去看相关的教材。 需求简介： 经常遇到这样的需求，我们希望能将保存在数据库中的树结构能够按确定的顺序读出来。比如，多级菜单、组织结构、商品分类。更具体的，我们希望某个二级菜单在这一级别中就是第一个。虽然它是最后
  • 为啥要用位运算代替取模呢 chenchao051 位运算哈希汇编
        在hash中查找key的时候，经常会发现用&取代%，先看两段代码吧，     JDK6中的HashMap中的indexFor方法： /** * Returns index for hash code h. */ static int indexFor(int h, int length) {
  • 最近的情况 麦田的设计者 生活感悟计划软考想
          今天是2015年4月27号      整理一下最近的思绪以及要完成的任务             1、最近在驾校科目二练车，每周四天，练三周。其实做什么都要用心，追求合理的途径解决。为
  • PHP去掉字符串中最后一个字符的方法 IT独行者 PHP字符串
    今天在PHP项目开发中遇到一个需求，去掉字符串中的最后一个字符 原字符串1,2,3,4,5,6, 去掉最后一个字符","，最终结果为1,2,3,4,5,6 代码如下： $str = "1,2,3,4,5,6,"; $newstr = substr($str,0,strlen($str)-1); echo $newstr;
  • hadoop在linux上单机安装过程 _wy_ linuxhadoop
    1、安装JDK     jdk版本最好是1.6以上，可以使用执行命令java -version查看当前JAVA版本号，如果报命令不存在或版本比较低，则需要安装一个高版本的JDK，并在/etc/profile的文件末尾，根据本机JDK实际的安装位置加上以下几行：    export JAVA_HOME=/usr/java/jdk1.7.0_25  
  • JAVA进阶----分布式事务的一种简单处理方法 无量 多系统交互分布式事务
    每个方法都是原子操作： 提供第三方服务的系统，要同时提供执行方法和对应的回滚方法 A系统调用B,C,D系统完成分布式事务 =========执行开始======== A.aa(); try { B.bb(); } catch(Exception e) { A.rollbackAa(); } try { C.cc(); } catch(Excep
  • 安墨移动广 告：移动DSP厚积薄发 引领未来广 告业发展命脉 矮蛋蛋 hadoop互联网
    　　“谁掌握了强大的DSP技术，谁将引领未来的广 告行业发展命脉。”2014年，移动广 告行业的热点非移动DSP莫属。各个圈子都在纷纷谈论，认为移动DSP是行业突破点，一时间许多移动广 告联盟风起云涌，竞相推出专属移动DSP产品。 　　到底什么是移动DSP呢? 　　DSP(Demand-SidePlatform)，就是需求方平台，为解决广 告主投放的各种需求，真正实现人群定位的精准广
  • myelipse设置 alafqq IP
      在一个项目的完整的生命周期中，其维护费用，往往是其开发费用的数倍。因此项目的可维护性、可复用性是衡量一个项目好坏的关键。而注释则是可维护性中必不可少的一环。 注释模板导入步骤  安装方法： 打开eclipse/myeclipse 选择 window-->Preferences-->JAVA-->Code-->Code
  • java数组 百合不是茶 java数组
    java数组的   声明  创建  初始化；   java支持C语言      数组中的每个数都有唯一的一个下标 一维数组的定义 声明： int[] a = new int[3];声明数组中有三个数int[3] int[] a 中有三个数，下标从0开始，可以同过for来遍历数组中的数
  • javascript读取表单数据 bijian1013 JavaScript
    利用javascript读取表单数据，可以利用以下三种方法获取： 1、通过表单ID属性：var a = document.getElementByIdx_x_x("id"); 2、通过表单名称属性：var b = document.getElementsByName("name"); 3、直接通过表单名字获取：var c = form.content.
  • 探索JUnit4扩展：使用Theory bijian1013 javaJUnitTheory
    理论机制（Theory） 一.为什么要引用理论机制（Theory）         当今软件开发中，测试驱动开发（TDD — Test-driven development）越发流行。为什么 TDD 会如此流行呢？因为它确实拥有很多优点，它允许开发人员通过简单的例子来指定和表明他们代码的行为意图。 TDD 的优点：     &nb
  • [Spring Data Mongo一]Spring Mongo Template操作MongoDB bit1129 template
    什么是Spring Data Mongo Spring Data MongoDB项目对访问MongoDB的Java客户端API进行了封装，这种封装类似于Spring封装Hibernate和JDBC而提供的HibernateTemplate和JDBCTemplate，主要能力包括 1. 封装客户端跟MongoDB的链接管理 2. 文档-对象映射，通过注解:@Document(collectio
  • 【Kafka八】Zookeeper上关于Kafka的配置信息 bit1129 zookeeper
    问题： 1. Kafka的哪些信息记录在Zookeeper中 2. Consumer Group消费的每个Partition的Offset信息存放在什么位置 3. Topic的每个Partition存放在哪个Broker上的信息存放在哪里 4. Producer跟Zookeeper究竟有没有关系？没有关系！！！   //consumers、config、brokers、cont
  • java OOM内存异常的四种类型及异常与解决方案 ronin47 java OOM 内存异常
          　OOM异常的四种类型： 　　　 　　一：　StackOverflowError ：通常因为递归函数引起（死递归，递归太深）。-Xss 128k 一般够用。     　  二：　out Of memory: PermGen Space：通常是动态类大多，比如web 服务器自动更新部署时引起。-Xmx
  • java-实现链表反转-递归和非递归实现 bylijinnan java
    20120422更新： 对链表中部分节点进行反转操作，这些节点相隔k个： 0->1->2->3->4->5->6->7->8->9 k=2 8->1->6->3->4->5->2->7->0->9 注意1 3 5 7 9 位置是不变的。 解法： 将链表拆成两部分： a.0-&
  • Netty源码学习-DelimiterBasedFrameDecoder bylijinnan javanetty
    看DelimiterBasedFrameDecoder的API，有举例： 接收到的ChannelBuffer如下： +--------------+ | ABC\nDEF\r\n | +--------------+ 经过DelimiterBasedFrameDecoder(Delimiters.lineDelimiter())之后，得到： +-----+----
  • linux的一些命令 -查看cc攻击-网口ip统计等 hotsunshine linux
    Linux判断CC攻击命令详解 2011年12月23日 ⁄ 安全 ⁄ 暂无评论 查看所有80端口的连接数 netstat -nat|grep -i '80'|wc -l 对连接的IP按连接数量进行排序 netstat -ntu | awk '{print $5}' | cut -d: -f1 | sort | uniq -c | sort -n 查看TCP连接状态 n
  • Spring获取SessionFactory ctrain sessionFactory
    String sql = "select sysdate from dual"; WebApplicationContext wac = ContextLoader.getCurrentWebApplicationContext(); String[] names = wac.getBeanDefinitionNames(); for(int i=0; i&
  • Hive几种导出数据方式 daizj hive数据导出
    Hive几种导出数据方式   1.拷贝文件   如果数据文件恰好是用户需要的格式，那么只需要拷贝文件或文件夹就可以。 hadoop fs –cp source_path target_path   2.导出到本地文件系统   --不能使用insert into local directory来导出数据，会报错 --只能使用
  • 编程之美 dcj3sjt126com 编程PHP重构
    我个人的 PHP 编程经验中，递归调用常常与静态变量使用。静态变量的含义可以参考 PHP 手册。希望下面的代码，会更有利于对递归以及静态变量的理解   header("Content-type: text/plain"); function static_function () { static $i = 0; if ($i++ < 1
  • Android保存用户名和密码 dcj3sjt126com android
    转自：http://www.2cto.com/kf/201401/272336.html 我们不管在开发一个项目或者使用别人的项目，都有用户登录功能，为了让用户的体验效果更好，我们通常会做一个功能，叫做保存用户，这样做的目地就是为了让用户下一次再使用该程序不会重新输入用户名和密码，这里我使用3种方式来存储用户名和密码 1、通过普通 的txt文本存储 2、通过properties属性文件进行存
  • Oracle 复习笔记之同义词 eksliang Oracle 同义词Oracle synonym
    转载请出自出处：http://eksliang.iteye.com/blog/2098861 1.什么是同义词       同义词是现有模式对象的一个别名。       概念性的东西，什么是模式呢？创建一个用户，就相应的创建了 一个模式。模式是指数据库对象，是对用户所创建的数据对象的总称。模式对象包括表、视图、索引、同义词、序列、过
  • Ajax案例 gongmeitao Ajaxjsp
    数据库采用Sql Server2005 项目名称为:Ajax_Demo 1.com.demo.conn包 package com.demo.conn; import java.sql.Connection;import java.sql.DriverManager;import java.sql.SQLException; //获取数据库连接的类public class DBConnec
  • ASP.NET中Request.RawUrl、Request.Url的区别 hvt .netWebC#asp.nethovertree
      如果访问的地址是：http://h.keleyi.com/guestbook/addmessage.aspx?key=hovertree%3C&n=myslider#zonemenu那么Request.Url.ToString() 的值是：http://h.keleyi.com/guestbook/addmessage.aspx?key=hovertree<&
  • SVG 教程 （七）SVG 实例，SVG 参考手册 天梯梦 svg
    SVG 实例 在线实例 下面的例子是把SVG代码直接嵌入到HTML代码中。 谷歌Chrome，火狐，Internet Explorer9，和Safari都支持。 注意：下面的例子将不会在Opera运行，即使Opera支持SVG - 它也不支持SVG在HTML代码中直接使用。   SVG 实例 SVG基本形状 一个圆 矩形 不透明矩形 一个矩形不透明2 一个带圆角矩
  • 事务管理 luyulong javaspring编程事务
    事物管理 spring事物的好处 为不同的事物API提供了一致的编程模型 支持声明式事务管理 提供比大多数事务API更简单更易于使用的编程式事务管理API 整合spring的各种数据访问抽象 TransactionDefinition 定义了事务策略 int getIsolationLevel()得到当前事务的隔离级别 READ_COMMITTED 
  • 基础数据结构和算法十一：Red-black binary search tree sunwinner AlgorithmRed-black
      The insertion algorithm for 2-3 trees just described is not difficult to understand; now, we will see that it is also not difficult to implement. We will consider a simple representation known
  • centos同步时间 stunizhengjia linux集群同步时间
    做了集群，时间的同步就显得非常必要了。 以下是查到的如何做时间同步。 在CentOS 5不再区分客户端和服务器，只要配置了NTP，它就会提供NTP服务。 1)确认已经ntp程序包： # yum install ntp 2)配置时间源（默认就行，不需要修改） # vi /etc/ntp.conf server pool.ntp.o
  • ITeye 9月技术图书有奖试读获奖名单公布 ITeye管理员 ITeye
    ITeye携手博文视点举办的9月技术图书有奖试读活动已圆满结束，非常感谢广大用户对本次活动的关注与参与。 9月试读活动回顾：http://webmaster.iteye.com/blog/2118112本次技术图书试读活动的优秀奖获奖名单及相应作品如下（优秀文章有很多，但名额有限，没获奖并不代表不优秀）：      《NFC：Arduino、Andro
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他