umgsai
umgsai

JQuery学习笔记-JQuery的CSS DOM操作

wKiom1RAwkiy0x1JAACF9GmKbbY450.jpg

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title></title>
		<style type="text/css">
			*{ margin:0; padding:0;}
			body {font-size:12px;text-align:center;}
			a { color:#04D; text-decoration:none;}
			a:hover { color:#F50; text-decoration:underline;}
			.SubCategoryBox {width:600px; margin:0 auto; text-align:center;margin-top:40px;}
			.SubCategoryBox ul { list-style:none;}
			.SubCategoryBox ul li { display:block; float:left; width:200px; line-height:20px;}
			.showmore { clear:both; text-align:center;padding-top:10px;}
			.showmore a { display:block; width:120px; margin:0 auto; line-height:24px; border:1px solid #AAA;}
			
			.showmore a span { padding-left:15px; background:url(img/down.gif) no-repeat 0 0;}
			
			.promoted a { color:#F50;}
		</style>
		<script type="text/javascript" src="js/jquery-1.7.2.js"></script>
		<script type="text/javascript">
			$(function(){
				
				//测试 jQuery 样式相关的方法. 
				
				//1. hasClass(): 某元素是否有指定的样式
				alert($("div:first").hasClass("SubCategoryBox")); //true
				
				//2. 移除样式
				$("div:first").removeClass("SubCategoryBox");
				
				alert($("div:first").hasClass("SubCategoryBox"));
				
				//3. 添加样式
				$("div:first").addClass("SubCategoryBox");
				
				//4. 切换样式: 存在, 则去除; 没有, 则添加. 
				$(".showmore").click(function(){
					$("div:first").toggleClass("SubCategoryBox");
					return false;
				});
				
				//5. 获取和设置元素透明度: opacity 属性
				alert($("div:first").css("opacity"));
				
				$("div:first").css("opacity", 0.5);
				
				//6. width 和 height
				alert($("div:first").width());
				alert($("div:first").height());
				
				$("div:first").width(400);
				$("div:first").height(80);
				
				//7. 获取元素在当前视窗中的相对位移: offset(). 
				//其返回对象包含了两个属性: top, left. 该方法只对可见元素有效
				alert($("div:first").offset().top);
				alert($("div:first").offset().left);
				
			});
		</script>
	</head>
	<body>
		<div class="SubCategoryBox">
			<ul>
				<li ><a href="#">佳能</a><i>(30440) </i></li>
				<li ><a href="#">索尼</a><i>(27220) </i></li>
				<li ><a href="#">三星</a><i>(20808) </i></li>
				<li ><a href="#">尼康</a><i>(17821) </i></li>
				<li ><a href="#">松下</a><i>(12289) </i></li>
				<li ><a href="#">卡西欧</a><i>(8242) </i></li>
				<li ><a href="#">富士</a><i>(14894) </i></li>
				<li ><a href="#">柯达</a><i>(9520) </i></li>
				<li ><a href="#">宾得</a><i>(2195) </i></li>
				<li ><a href="#">理光</a><i>(4114) </i></li>
				<li ><a href="#">奥林巴斯</a><i>(12205) </i></li>
				<li ><a href="#">明基</a><i>(1466) </i></li>
				<li ><a href="#">爱国者</a><i>(3091) </i></li>
				<li ><a href="#">其它品牌相机</a><i>(7275) </i></li>
			</ul>
			<div class="showmore">
				<a href="more.html"><span>显示全部品牌</span></a>
			</div>
		</div>
	</body>
</html>

实现上面的按钮的事件

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
        <style type="text/css">
            *{ margin:0; padding:0;}
            body {font-size:12px;text-align:center;}
            a { color:#04D; text-decoration:none;}
            a:hover { color:#F50; text-decoration:underline;}
            .SubCategoryBox {width:600px; margin:0 auto; text-align:center;margin-top:40px;}
            .SubCategoryBox ul { list-style:none;}
            .SubCategoryBox ul li { display:block; float:left; width:200px; line-height:20px;}
            .showmore { clear:both; text-align:center;padding-top:10px;}
            .showmore a { display:block; width:120px; margin:0 auto; line-height:24px; border:1px solid #AAA;}
             
            .showmore a span { padding-left:15px; background:url(img/down.gif) no-repeat 0 0;}
             
            .promoted a { color:#F50;}
        </style>
        <script type="text/javascript" src="js/jquery-1.7.2.js"></script>
        <script type="text/javascript">
            $(function(){
               var $categary = $("li:gt(5):not(:last)");
               
               $categary.hide();
                 
               $(".showmore").click(function(){
            	   if($categary.is(":hidden")){
            		   $categary.show();
            		   //改变样式
            		   $("li:contains('佳能'),li:contains('尼康')").addClass("promoted");
            		   //设置文字
            		   $(".showmore > a > span").text("显示精简品牌");
            		   //设置图片
            		   $(".showmore > a > span").css("bakground", "url(img/up.gif) no-repeat 0 0");
            	   }else{
            		   $categary.hide();
            		   $("li").removeClass("promoted");
            		   $(".showmore > a > span").text("全部品牌");
            		   $(".showmore > a > span").css("bakground", "url(img/down.gif) no-repeat 0 0");
            	   }
            	   return false;
               });
            });
        </script>
    </head>
    <body>
        <div class="SubCategoryBox">
            <ul>
                <li ><a href="#">佳能</a><i>(30440) </i></li>
                <li ><a href="#">索尼</a><i>(27220) </i></li>
                <li ><a href="#">三星</a><i>(20808) </i></li>
                <li ><a href="#">尼康</a><i>(17821) </i></li>
                <li ><a href="#">松下</a><i>(12289) </i></li>
                <li ><a href="#">卡西欧</a><i>(8242) </i></li>
                <li ><a href="#">富士</a><i>(14894) </i></li>
                <li ><a href="#">柯达</a><i>(9520) </i></li>
                <li ><a href="#">宾得</a><i>(2195) </i></li>
                <li ><a href="#">理光</a><i>(4114) </i></li>
                <li ><a href="#">奥林巴斯</a><i>(12205) </i></li>
                <li ><a href="#">明基</a><i>(1466) </i></li>
                <li ><a href="#">爱国者</a><i>(3091) </i></li>
                <li ><a href="#">其它品牌相机</a><i>(7275) </i></li>
            </ul>
            <div class="showmore">
                <a href="more.html"><span>显示全部品牌</span></a>
            </div>
        </div>
    </body>
</html>


你可能感兴趣的:(color,center)

  • 【收藏】 Kafka监控组件大全 weixin_34038652 大数据操作系统netty
    本文使用Burrow和Telegraf搭建Kafka的监控体系。然后，简单介绍一下其他的，比如KafkaManager，KafkaEagle，ConfluentControlCenter等。如果你对kafka比较陌生，请参考：Kafka基础知识索引Burrow依赖路径使用Burrow拉取kafka的监控信息，然后通过telegraf进行收集，最后写入到influxdb中。使用grafana进行展示
  • android实践：canvas文字图片旋转显示 汤面不加鱼丸 android前端javascript
    问题：如何在手机竖屏模式下将文字/图片旋转显示，即类似横屏方向上显示显示效果：实现：1.文字旋转显示canvas.save();//保存状态入栈canvas.translate(getWidth()>>1,getHeight()>>1);//显示中心PainttitlePaint=newPaint();titlePaint.setColor(Color.WHITE);titlePaint.setT
  • 总结自适应网站的标准尺寸 scuter_yu web前端
    转载字自"深蓝的镰刀"偶然翻阅国外标准模板，总结一下在使用css3的mediaquery做自适应网站时究竟min-width和max-width设多少是最好的。PC机时：[css]viewplaincopy@mediaonlyscreenand(min-width:960px){*{color:red;}}平板横放时：[css]viewplaincopy@mediaonlyscreenand(mi
  • ToolsSet之：颜色混合 BinField ToolsSetWindows应用windowsmicrosoft
    ToolsSet是微软商店中的一款包含数十种实用工具数百种细分功能的工具集合应用，应用基本功能介绍可以查看以下文章：Windows应用ToolsSet介绍https://blog.csdn.net/BinField/article/details/145898264其中Media菜单中的ColorBlender是一个颜色混合工具，可以将两个或多个颜色混合并查看混合后的结果。工具左侧用于选择初始颜色
  • HarmonyOS NEXT仓颉开发语言实战案例：动态广场 幽蓝计划 harmonyos华为
    大家好，今日要分享的是使用仓颉语言开发动态广场页面，也比较像朋友圈页面：整个页面分为两部分，分别是导航栏和状态列表，导航栏比较简单，我们可以先写下导航栏的具体代码和页面的基本结构：Column{Row(10){Text('推荐').fontColor(Color.BLACK).fontSize(17).fontWeight(FontWeight.Bold)Text('关注').fontColor(
  • vue中css使用data中的变量 console.log( ) #vuevue.jscssjavascript
    封装一个ui组件，组件的样式一般是多种多样的我们可以通过组件传值的方式将ui属性传递给组件，但是我们属性是在js中可以拿到，vue3之前css是无法直接获取的(vue3中已经可以直接获取，可以去学习一下)通过vars那么在vue2中，我们要借助setProperty函数写一个简单的例子helloworldexportdefault{data(){return{color:'red'}},mount
  • Python编程：色温 倔强老吕 C++与python交互编程python色温
    色温（ColorTemperature）是一个用来描述光源颜色特征的物理量，通常用开尔文温度（K）表示。它并不是指灯泡或光源的实际温度，而是以绝对黑体辐射为参照的一种度量方式。当一个理想的黑体被加热到特定温度时，它会发出特定颜色的光，这个颜色与光源的颜色相匹配时，该黑体的温度即为该光源的色温。色温范围及其对应的光色：低于3000K：暖白色，给人以温暖、舒适的感觉，类似于烛光或者白炽灯。3000K至
  • 数文件夹中jpg,json文件个数 叶子202422 Python学习记录jsonsql数据库
    #2025.6.14importosfolder_path=r"E:\shujuji\the_seconde_shujuji_select_taka_photo_in_2025_6_9\select_from_images\select_colors"#替换为你的文件夹路径jpg_count=0json_count=0forfilenameinos.listdir(folder_path):iff
  • sam9x60 uart 中断列表 洪大宇 java前端linux
    节选自邮件列表Allthemailmirroredfromlore.kernel.orghelp/color/mirror/Atomfeed[PATCHv30/2]updateat91usartcompatibleforsam9x60@2023-07-186:57`DuraiManickamKR0siblings,0replies;11+messagesinthreadFrom:DuraiMani
  • open3d 点云拟合圆 mesh 扶子 python点云处理numpypythonopen3d经验分享点云拟合圆mesh
    1、功能介绍：使用numpy和open3d进行二维圆拟合与三维可视化的完整示例。主要功能是对带有噪声的二维点云数据进行最小二乘法圆拟合，并使用open3d创建三角网格来可视化拟合出的圆形区域。2、代码部分：importnumpyasnpimportopen3daso3d#参数设置radius=5.0#圆的半径center=[0,0]#圆心num_points=200#点的数量noise_level
  • iOS 13 报错:[Assert] Unsupported use of UIKit view-customization API off the main thread 干志雄 iOSios
    萤石摄像头回看，在iOS11上运行好好，在iOS13上却报错了，报错如下：2021-05-1115:36:38.174462+0800App-Beta[1141:430280][Assert]UnsupporteduseofUIKitview-customizationAPIoffthemainthread.-setBackgroundColor:sentto;layer=;contentOffs
  • html 照片环 - 图片的动态3D环绕 das白 #javascripthtml3djavascript照片环3D环绕
    html照片环-图片的动态3D环绕引言一、源码二、图转base64参考链接引言效果展示：一、源码原始图片的base64编码字符太多了，博客放不下，将图片缩小后的加入html的源码如下：猫咪body{background-color:black;text-align:center;color:#FFF;}.jc{/*设置宽*/width:140px;/*设置高*/height:200px;/*设置背
  • css3 圆形水波纹特效 程序媛之博客 css3前端css
    需求描述：需要制作一个动画，特效从圆心开始往外扩散，然后又往回收。效果图：实现代码：.circle{width:100rpx;height:100rpx;background-color:#FF4C4C;border-radius:50%;/*圆形*/box-shadow:inset00010rpxrgba(255,255,255,0.5),/*内阴影，初始半透明圆*/inset00020rpxr
  • css实现圆环效果 春风欲雨 csscss圆环
    圆环效果图.div{width:100px;height:100px;background-color:#fbc2eb;border-radius:50%;}.div:after{content:"";display:block;width:50px;height:50px;border-radius:50%;background-color:#fff;position:relative;top:
  • swiftui TextEditor去除背景方法 泓博 swiftui
    去除TextEditor背景的方法使用.scrollContentBackground(.hidden)修饰符可以隐藏TextEditor的背景。该方法适用于iOS16及以上版本。TextEditor(text:$text).scrollContentBackground(.hidden).background(Color.clear)使用ZStack叠加透明背景通过ZStack将TextEdit
  • OpenCV中创建Mat对象 Ethan@LM opencv人工智能计算机视觉
    第1章创建Mat对象1.1.创建空的Mat对象cv::Matmat;1.2.创建灰度图像//创建一个3行4列、8位无符号单通道矩阵（相当于灰度图）cv::Matmat(3,4,CV_8UC1);1.3.创建彩色图像//创建三通道矩阵（相当于彩色图像）cv::Matmat_color(480,640,CV_8UC3);CV_8UC1：8位无符号，单通道（灰度图）CV_8UC3：8位无符号，三通道（彩
  • CUDA加速cloud compare高度渲染算法 小充 图像加速OpenCVCUDAopencv算法计算机视觉
    一、CPU版本算法为一个for循环内，将高度信息，映射到彩色空间，比较耗时的是正弦运算，还执行了多次乘除法，当图像大小为2038*4000时，处理耗时为170ms。原算法是处理点云，这里是输入一张深度图像，数据类型为intvoidsetRGBColorByBanding(cv::Mat*src,cv::Mat*dst,floatfreq=10.0f){   cv::TickMeterst;   s
  • Android 控件 - gravity 属性与 layout_gravity 属性 我命由我12345 Android-简化编程androidjavajava-ee安卓android-studio开发语言androidstudio
    一、gravity属性1、基本介绍gravity属性用于控制View内部的内容的对齐方式作用对象是View内部的内容，例如，文本、子View等常用值说明left水平方向左对齐right水平方向右对齐start水平方向左对齐（RTL）end水平方向右对齐（RTL）top垂直方向顶部对齐bottom垂直方向底部对齐center_horizontal水平方向居中center_vertical垂直方向居中
  • 鸿蒙ArkUI---基础组件封装（搜索框） 敛柒 鸿蒙ArkTS初学harmonyos华为
    效果图：代码：import{router}from'@kit.ArkUI'@ComponentexportstructHcSearchBox{@PropboxWidth:Length=100@PropboxHeight:number=32@Propph:ResourceStr='搜索'@PropphColor:ResourceColor='#848484'@PropbgColor:Resource
  • Java面试场景篇：MCP使用场景与实现详解 南客先生 Java面试场景篇JavaMCPSSEStudio消息队列微服务
    互联网大厂Java求职者面试：MCP使用场景与实现在一次严肃而专业的面试中，面试官针对MCP的使用场景、Java实现以及客户端接入方式进行了深入探讨。以下为完整的对话记录与技术解析。第一轮提问面试官：MCP是什么？它的主要使用场景有哪些？如何使用Java来提供MCP服务？MCP服务可以通过哪些客户端方式接入？马架构：MCP（MessageCenterProtocol）是一种用于消息传递的协议，广泛
  • 微信小程序入门解读-②_wxss中设置模块置顶 参考信息 程序员微信小程序notepad++小程序
    注意，这里单位是rpx，而不是px。rpx是小程序为适应不同宽度的手机屏幕，而发明的一种长度单位。不管什么手机屏幕，宽度一律为750rpx。它的好处是换算简单，如果一个元素的宽度是页面的一半，只要写成width:375rpx;即可。（3）display:flex;：整个页面（page）采用Flex布局。（4）justify-content:center;：页面的一级子元素（这个示例是）水平居中。（
  • Centos 7离线部署Nginx 高效省时 小高求学之路 笔记Nginxlinuxcentosnginxlinux
    给脚本执行权限：chmod+xinstall_nginx.sh以root用户运行：sudo./install_nginx.sh脚本如下：#!/bin/bash#Nginx一键化部署脚本（修复版本）#需要以root权限运行set-e#任何命令失败时立即退出脚本#定义彩色输出函数color_echo(){localcolor=$1shiftcase$colorinred)echo-e"\033[31m
  • MATLAB App Designer基础教程 Matlab GUI入门（二） Sunshine_Cherish 学习笔记Matlabmatlab开发语言程序人生
    MATLABGUI入门第二天——Lamp(灯)霓虹灯控件的使用一、主要内容:技巧1.Tooltip的使用2.Vislble和Enable3.lf函数语句的使用需求：根据阈值进行提示1.红色温度过高>=500⒉橙色温度适中400~5003.蓝色温度过低=500app.lamp.Color="1,0,0";app.show_tips.Text="温度过高！";elseifvalue=400app.la
  • 合并table 上优 vue.js前端javascript
    玻璃样品检测数据表.el-table.warning-row{background:#fdf6ec;}.el-table.success-row{background:#f0f9eb;}.el-table__headerth{background-color:#f5f7fa!important;color:#606266;font-weight:bold;}.position-cell{font-
  • 黑马Day01-03集开始 路上^_^ reactjavascript开发语言ecmascript
    03集JSXjsx里面可以写表达式,表达式里面会返回一个值js语法的扩展,需要babel解析才能够在浏览器运行语法使用花括号{},在里面进行编写jsx代码04集高频场景使用引号传递字符串使用js变量函数调用和方法调用使用js对象.js自带的一些对象或new出来的对象{"thisismsg"}{count}{getName()}{newDate().getDate()}//使用js对象{{color
  • css点击按钮出现水波纹效果 ＆白帝＆ csscss前端
    按钮水波纹动画效果示例.ripple-button{position:relative;overflow:hidden;padding:12px24px;background-color:#6200ee;color:white;border:none;border-radius:4px;cursor:pointer;outline:none;}.ripple-button::after{conte
  • Vue 样式穿透语法大全（涵盖 Vue2、Vue3、Less、Scss 等） 年纪轻轻就扛不住 VUEvue.jslessscssvue前端框架
    1.什么是样式穿透？样式穿透是在使用Vue组件时，为了修改子组件或第三方组件的样式而使用的一种特殊语法。当我们使用scoped样式时，由于样式被限制在当前组件内，要修改子组件的样式就需要使用样式穿透。2.为什么需要样式穿透？2.1Scoped样式的局限性.child{/*这里的样式只会影响到子组件的根元素*//*无法影响到子组件内部的元素*/color:red;}2.2常见使用场景修改第三方组件样
  • Vue实现选中多张图片一起拖拽功能 枫叶&情缘 前端Vuevue.jsjavascript前端
    Vue图片框选拖拽功能*{box-sizing:border-box;margin:0;padding:0;}body{font-family:'SegoeUI',Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#1a2a6c,#b21f1f,#fdbb2d);color:#333;min-height:100v
  • 将element-plus table背景改成透明色 我在北京coding element-pluscssvue.jselementui前端
    方法一：全局修改（推荐）/*全局透明表格样式*/.el-table,.el-table__header-wrapper,.el-table__body-wrapper,.el-table__row{background-color:transparent!important;}/*可选：自定义表头和斑马纹行的透明度*/.el-table__headerth{background-color:rgb
  • SHELL脚本一文搞定 我想要充能 服务器linux运维
    #!/bin/bash#Shell学习点用法演示脚本#颜色定义RED='\033[0;31m'GREEN='\033[0;32m'YELLOW='\033[0;33m'BLUE='\033[0;34m'NC='\033[0m'#NoColor#标题函数print_title(){  echo-e"${BLUE}====================$1====================${
  • Java实现的基于模板的网页结构化信息精准抽取组件：HtmlExtractor yangshangchuan 信息抽取HtmlExtractor精准抽取信息采集
    HtmlExtractor是一个Java实现的基于模板的网页结构化信息精准抽取组件，本身并不包含爬虫功能，但可被爬虫或其他程序调用以便更精准地对网页结构化信息进行抽取。   HtmlExtractor是为大规模分布式环境设计的，采用主从架构，主节点负责维护抽取规则，从节点向主节点请求抽取规则，当抽取规则发生变化，主节点主动通知从节点，从而能实现抽取规则变化之后的实时动态生效。 如
  • java编程思想 -- 多态 百合不是茶 java多态详解
    一: 向上转型和向下转型 面向对象中的转型只会发生在有继承关系的子类和父类中（接口的实现也包括在这里）。父类：人    子类：男人向上转型： Person p = new Man() ; //向上转型不需要强制类型转化向下转型： Man man =
  • [自动数据处理]稳扎稳打,逐步形成自有ADP系统体系 comsci dp
          对于国内的IT行业来讲,虽然我们已经有了"两弹一星",在局部领域形成了自己独有的技术特征,并初步摆脱了国外的控制...但是前面的路还很长....       首先是我们的自动数据处理系统还无法处理很多高级工程...中等规模的拓扑分析系统也没有完成,更加复杂的
  • storm 自定义 日志文件 商人shang stormclusterlogback
    Storm中的日志级级别默认为INFO，并且，日志文件是根据worker号来进行区分的，这样，同一个log文件中的信息不一定是一个业务的，这样就会有以下两个需求出现： 1. 想要进行一些调试信息的输出 2. 调试信息或者业务日志信息想要输出到一些固定的文件中   不要怕，不要烦恼，其实Storm已经提供了这样的支持，可以通过自定义logback 下的 cluster.xml 来输
  • Extjs3 SpringMVC使用 @RequestBody 标签问题记录 21jhf
    springMVC使用 @RequestBody(required = false) UserVO userInfo 传递json对象数据，往往会出现http 415，400,500等错误，总结一下需要使用ajax提交json数据才行，ajax提交使用proxy，参数为jsonData，不能为params；另外，需要设置Content-type属性为json，代码如下： （由于使用了父类aaa
  • 一些排错方法 文强chu 方法
    1、java.lang.IllegalStateException: Class invariant violation at org.apache.log4j.LogManager.getLoggerRepository(LogManager.java:199)at org.apache.log4j.LogManager.getLogger(LogManager.java:228) at o
  • Swing中文件恢复我觉得很难 小桔子 swing
           我那个草了！老大怎么回事，怎么做项目评估的？只会说相信你可以做的，试一下，有的是时间！        用java开发一个图文处理工具，类似word，任意位置插入、拖动、删除图片以及文本等。文本框、流程图等，数据保存数据库，其余可保存pdf格式。ok,姐姐千辛万苦，
  • php 文件操作 aichenglong PHP读取文件写入文件
    1 写入文件 @$fp=fopen("$DOCUMENT_ROOT/order.txt", "ab"); if(!$fp){ echo "open file error" ; exit; } $outputstring="date:"." \t tire:".$tire."
  • MySQL的btree索引和hash索引的区别 AILIKES 数据结构mysql算法
    Hash 索引结构的特殊性，其 检索效率非常高，索引的检索可以一次定位，不像B-Tree 索引需要从根节点到枝节点，最后才能访问到页节点这样多次的IO访问，所以 Hash 索引的查询效率要远高于 B-Tree 索引。     可能很多人又有疑问了，既然 Hash 索引的效率要比 B-Tree 高很多，为什么大家不都用 Hash 索引而还要使用 B-Tree 索引呢
  • JAVA的抽象--- 接口 --实现 百合不是茶
    抽象 接口 实现接口   //抽象 类 ,方法   //定义一个公共抽象的类 ,并在类中定义一个抽象的方法体 抽象的定义使用abstract   abstract class A 定义一个抽象类 例如： //定义一个基类 public abstract class A{     //抽象类不能用来实例化，只能用来继承 //
  • JS变量作用域实例 bijian1013 作用域
    <script> var scope='hello'; function a(){ console.log(scope); //undefined var scope='world'; console.log(scope); //world console.log(b);
  • TDD实践（二） bijian1013 javaTDD
    实践题目：分解质因数 Step1： 单元测试： package com.bijian.study.factor.test; import java.util.Arrays; import junit.framework.Assert; import org.junit.Before; import org.junit.Test; import com.bijian.
  • [MongoDB学习笔记一]MongoDB主从复制 bit1129 mongodb
    MongoDB称为分布式数据库，主要原因是1.基于副本集的数据备份， 2.基于切片的数据扩容。副本集解决数据的读写性能问题，切片解决了MongoDB的数据扩容问题。   事实上，MongoDB提供了主从复制和副本复制两种备份方式，在MongoDB的主从复制和副本复制集群环境中，只有一台作为主服务器，另外一台或者多台服务器作为从服务器。 本文介绍MongoDB的主从复制模式，需要指明
  • 【HBase五】Java API操作HBase bit1129 hbase
    import java.io.IOException; import org.apache.hadoop.conf.Configuration; import org.apache.hadoop.hbase.HBaseConfiguration; import org.apache.hadoop.hbase.HColumnDescriptor; import org.apache.ha
  • python调用zabbix api接口实时展示数据 ronin47
    zabbix api接口来进行展示。经过思考之后，计划获取如下内容：     1、  获得认证密钥     2、  获取zabbix所有的主机组     3、  获取单个组下的所有主机     4、  获取某个主机下的所有监控项  
  • jsp取得绝对路径 byalias 绝对路径
    在JavaWeb开发中，常使用绝对路径的方式来引入JavaScript和CSS文件，这样可以避免因为目录变动导致引入文件找不到的情况，常用的做法如下： 一、使用${pageContext.request.contextPath} 　　代码” ${pageContext.request.contextPath}”的作用是取出部署的应用程序名，这样不管如何部署，所用路径都是正确的。
  • Java定时任务调度：用ExecutorService取代Timer bylijinnan java
    《Java并发编程实战》一书提到的用ExecutorService取代Java Timer有几个理由，我认为其中最重要的理由是： 如果TimerTask抛出未检查的异常，Timer将会产生无法预料的行为。Timer线程并不捕获异常，所以 TimerTask抛出的未检查的异常会终止timer线程。这种情况下，Timer也不会再重新恢复线程的执行了;它错误的认为整个Timer都被取消了。此时，已经被
  • SQL 优化原则 chicony sql
    一、问题的提出 　在应用系统开发初期，由于开发数据库数据比较少，对于查询SQL语句，复杂视图的的编写等体会不出SQL语句各种写法的性能优劣，但是如果将应用系统提交实际应用后，随着数据库中数据的增加，系统的响应速度就成为目前系统需要解决的最主要的问题之一。系统优化中一个很重要的方面就是SQL语句的优化。对于海量数据，劣质SQL语句和优质SQL语句之间的速度差别可以达到上百倍，可见对于一个系统
  • java 线程弹球小游戏 CrazyMizzz java游戏
    最近java学到线程，于是做了一个线程弹球的小游戏，不过还没完善 这里是提纲 1.线程弹球游戏实现 1.实现界面需要使用哪些API类 JFrame JPanel JButton FlowLayout Graphics2D Thread Color ActionListener ActionEvent MouseListener Mouse
  • hadoop jps出现process information unavailable提示解决办法 daizj hadoopjps
    hadoop jps出现process information unavailable提示解决办法   jps时出现如下信息： 3019 -- process information unavailable3053 -- process information unavailable2985 -- process information unavailable2917 --
  • PHP图片水印缩放类实现 dcj3sjt126com PHP
    <?php class Image{ private $path; function __construct($path='./'){ $this->path=rtrim($path,'/').'/'; } //水印函数，参数：背景图，水印图，位置，前缀,TMD透明度 public function water($b,$l,$pos
  • IOS控件学习：UILabel常用属性与用法 dcj3sjt126com iosUILabel
    参考网站： http://shijue.me/show_text/521c396a8ddf876566000007 http://www.tuicool.com/articles/zquENb http://blog.csdn.net/a451493485/article/details/9454695 http://wiki.eoe.cn/page/iOS_pptl_artile_281
  • 完全手动建立maven骨架 eksliang javaeclipseWeb
    建一个 JAVA 项目 ： mvn archetype:create -DgroupId=com.demo -DartifactId=App [-Dversion=0.0.1-SNAPSHOT] [-Dpackaging=jar] 建一个 web 项目 ： mvn archetype:create -DgroupId=com.demo -DartifactId=web-a
  • 配置清单 gengzg 配置
    1、修改grub启动的内核版本 vi /boot/grub/grub.conf 将default 0改为1 拷贝mt7601Usta.ko到/lib文件夹 拷贝RT2870STA.dat到 /etc/Wireless/RT2870STA/文件夹 拷贝wifiscan到bin文件夹，chmod 775 /bin/wifiscan 拷贝wifiget.sh到bin文件夹，chm
  • Windows端口被占用处理方法 huqiji windows
    以下文章主要以80端口号为例，如果想知道其他的端口号也可以使用该方法..........................1、在windows下如何查看80端口占用情况?是被哪个进程占用?如何终止等.        这里主要是用到windows下的DOS工具,点击"开始"--"运行",输入&
  • 开源ckplayer 网页播放器， 跨平台(html5, mobile)，flv, f4v, mp4, rtmp协议. webm, ogg, m3u8 ！ 天梯梦 mobile
    CKplayer，其全称为超酷flv播放器，它是一款用于网页上播放视频的软件，支持的格式有：http协议上的flv,f4v,mp4格式，同时支持rtmp视频流格 式播放，此播放器的特点在于用户可以自己定义播放器的风格，诸如播放/暂停按钮，静音按钮，全屏按钮都是以外部图片接口形式调用，用户根据自己的需要制作 出播放器风格所需要使用的各个按钮图片然后替换掉原始风格里相应的图片就可以制作出自己的风格了，
  • 简单工厂设计模式 hm4123660 java工厂设计模式简单工厂模式
           简单工厂模式（Simple Factory Pattern）属于类的创新型模式，又叫静态工厂方法模式。是通过专门定义一个类来负责创建其他类的实例，被创建的实例通常都具有共同的父类。简单工厂模式是由一个工厂对象决定创建出哪一种产品类的实例。简单工厂模式是工厂模式家族中最简单实用的模式，可以理解为是不同工厂模式的一个特殊实现。
  • maven笔记 zhb8015 maven
    跳过测试阶段： mvn package -DskipTests 临时性跳过测试代码的编译： mvn package -Dmaven.test.skip=true   maven.test.skip同时控制maven-compiler-plugin和maven-surefire-plugin两个插件的行为，即跳过编译，又跳过测试。   指定测试类 mvn test
  • 非mapreduce生成Hfile，然后导入hbase当中 Stark_Summer maphbasereduceHfilepath实例
    最近一个群友的boss让研究hbase，让hbase的入库速度达到5w+/s，这可愁死了，4台个人电脑组成的集群，多线程入库调了好久，速度也才1w左右，都没有达到理想的那种速度，然后就想到了这种方式，但是网上多是用mapreduce来实现入库，而现在的需求是实时入库，不生成文件了，所以就只能自己用代码实现了，但是网上查了很多资料都没有查到，最后在一个网友的指引下，看了源码，最后找到了生成Hfile
  • jsp web tomcat 编码问题 王新春 tomcatjsppageEncode
    今天配置jsp项目在tomcat上，windows上正常，而linux上显示乱码，最后定位原因为tomcat 的server.xml 文件的配置，添加 URIEncoding 属性： <Connector port="8080" protocol="HTTP/1.1" connectionTi
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他