v5qqbrowser
v5qqbrowser

js+css页签(css单独写)

<html>
	<head>
		<title>tag</title>
		<script type='text/javascript'>
			//结果集页签切换方法
			function selectchjgTag(showContent,selfObj){ 
				// 操作标签 
				var tag = document.getElementById("tags").getElementsByTagName("li"); 
				var taglength = tag.length; 
				for(i=0; i<taglength; i++){ 
					tag[i].className = ""; 
				} 
				selfObj.parentNode.className = "selectTag"; 
				// 操作内容 
				for(i=0; j=document.getElementById("chjgxx"+i); i++){ 
					j.style.display = "none"; 
				} 
				document.getElementById(showContent).style.display = "block";
			}	
		</script>
		<style type='text/css'>
			ol li { margin:8px} 
			table{border-collapse:collapse;font-size:12px}
			#con { font-size:12px; width:800px; margin:0 auto} 
			#tags { height:23px; width:800px; margin:0; padding:0; margin-left:10px} 
			#tags li { float:left; margin-right:1px; background:url(images/tagleft.gif) no-repeat left bottom; height:23px; list-style-type:none} 
			#tags li a { text-decoration:none; float:left; background:url(images/tabright.gif) no-repeat right bottom; height:23px; padding:0px 10px; line-height:23px; color:#999} 
			#tags li.emptyTag { width:4px; background:none} 
			#tags li.selectTag { background-position: left top; position:relative; height:25px; margin-bottom:-2px} 
			#tags li.selectTag a { background-position: right top; color:#000; height:25px; line-height:25px;} 
			#tagContent { padding:1px; background-color:#fff; border-top:2px solid #4a98af;} 
			.tagContent { background:url(images/bg.gif) repeat-x; height:180px; padding:10px; color:#474747; width:800px; display:none} 
			#tagContent div.selectTag{ display:block}	
		</style>
	</head>
	<body>
			 <table style="bottom:0">
		    <div id="con" style="height:30% ;position:relative;" class="dragAble">
					<ul id="tags"> 
						<li class="selectTag"><a href="javascript:void(0)" id="chxxxx0" onclick="selectchjgTag('chjgxx0',this)">房屋类型</a></li> 
						<li><a href="javascript:void(0)" id="chxxxx1" onclick="selectchjgTag('chjgxx1',this)" style="display:block">房屋等级</a></li> 
						<li><a href="javascript:void(0)" id="chxxxx2" onclick="selectchjgTag('chjgxx2',this)">房主信息</a></li> 
						<li><a href="javascript:void(0)" id="chxxxx3" onclick="selectchjgTag('chjgxx3',this)">户籍人员</a></li> 
						<li><a href="javascript:void(0)" id="chxxxx4" onclick="selectchjgTag('chjgxx4',this)" style="display:block">租住人员</a></li> 
						<li><a href="javascript:void(0)" id="chxxxx5" onclick="selectchjgTag('chjgxx5',this)" style="display:block">历史住客</a></li> 
						<li><a href="javascript:void(0)" id="chxxxx6" onclick="selectchjgTag('chjgxx6',this)" style="display:block">企业信息</a></li>
						<li><a href="javascript:void(0)" id="chxxxx7" onclick="selectchjgTag('chjgxx7',this)" style="display:block">商铺信息</a></li>
						<li><a href="javascript:void(0)" id="chxxxx8" onclick="selectchjgTag('chjgxx8',this)">人员查询</a></li>
					</ul> 
					<div id="tagContent"> 
						<div id="chjgxx0" class="tagContent selectTag"></div> 
						<div id="chjgxx1" class="tagContent">2</div> 
						<div id="chjgxx2" class="tagContent">3</div> 
						<div id="chjgxx3" style="OVERFLOW-Y: scroll;" class="tagContent">点击具体房间号查看人员情况</div> 
						<div id="chjgxx4" style="OVERFLOW-Y: scroll;" class="tagContent"></div> 
						<div id="chjgxx5" style="OVERFLOW-Y: scroll;" class="tagContent"></div> 
						<div id="chjgxx6" class="tagContent">7</div>
						<div id="chjgxx7" class="tagContent">8</div>
						<div id="chjgxx8" style="OVERFLOW-Y: scroll;" class="tagContent">8</div>
					</div>
		</div>
		</table>
	<body>
</html>

你可能感兴趣的:(css)

  • CSS 预处理器 weixin_44356698 前端面试2025css前端
    在面试中回答关于CSS预处理器的问题时，你可以从以下几个方面进行回答，展示你的知识深度和实践经验：1.什么是CSS预处理器？你可以从定义和目的入手：“CSS预处理器是一种扩展CSS功能的工具，它允许开发者使用变量、嵌套规则、混合（mixins）、函数等高级特性来编写CSS。通过预处理器，我们可以更高效地组织和维护样式代码，减少重复代码，提升开发效率。常见的CSS预处理器包括Sass、Less和St
  • LESS vs. SCSS：选择何种CSS预处理器？ 每天一个技术点 每天一个知识点csslessscss
    CSS预处理器如LESS和SCSS已成为现代Web开发中不可或缺的工具，它们为原生CSS提供了强大的变量、嵌套、混合（Mixins）、运算等高级特性，显著提升了样式表的可维护性和开发效率。尽管功能相似，LESS和SCSS在语法、编译环境以及一些特定特性上存在一些显著的区别。本文将从多个方面详尽对比这两种预处理器，并结合实例深入探讨它们各自的特色与适用场景。1.语法差异LESSLESS语法与CSS相
  • 【进阶系列】前端开发环境构建(三)CSS -- Susy 江中散人 css前端
    1.3Susy——CSS框架Susy是一个基于NatalieDowne的CSSSystems的CSS框架，通过Sass实现，利用Compass来简化，可用于静态网站以及各种框架应用。ResponsivelayouttoolkitforSass：Susyisanagnosticsetoftoolsforcreatingpowerful,customlayouts.Weprovidethelangua
  • css预处理器 Prince_fmx css预处理器
    sass必须先安装ruby,再安装sassgeminstallsassless先安装npmnpminstall-gless来自;http://blog.csdn.net/u013063153/article/details/52485993推荐链接：http://www.ruanyifeng.com/blog/2012/06/sass.htmlCSS预处理器是什么？一般来说，它们基于CSS扩展了一
  • 详细对比Sass与SCSS 编程小郭 前端sassscss前端
    Sass（SyntacticallyAwesomeStyleSheets）和SCSS（SassyCascadedStyleSheets）都是CSS的预处理器，它们允许开发者使用变量、嵌套规则、函数和其他编程特性来编写更易于维护和管理的样式表。然而，Sass和SCSS在语法和应用场景上存在一些差异。Sass与SCSS的区别语法：Sass：Sass的语法较为独特，它使用缩进和换行符来区分不同的代码块，
  • 【前端学习】Day-18 js定时器、事件绑定、案例 ChenAi140 前端学习前端javascript学习
    文章目录1.js定时器2.事件绑定3.案例前端三大技术：HTML、CSS、JS(原生JS、JQuery、Vue)DOM-节点(标签)操作(增删改查)—D->DocumentBOM-打开窗口、滚动窗口、定时事件B->Browser1.js定时器js中的定时器有两种：Interval、TimeoutInterval定时器的开启和关闭setInterval(函数,时间)-创建定时器对象，每隔指定时间就自
  • vue样式初始化_VUE项目初始化 weixin_39806818 vue样式初始化
    Vue项目初始化：Vue项目请求生命周期和文件组件创建vue文件：user用户页面exportdefault{name:"User",components:{Nav,Footer,},data(){return{}},methods:{}}1.入口文件：加载vue、router、store等配置以及加载自定义配置(自己的js、css，第三方的js、css)2.创建项目唯一根组件，渲染App.vue
  • CSS3：深度解析与实战应用 QQ148698 css3css前端
    CSS3：深度解析与实战应用详解1.选择器增强2.盒模型扩展3.渐变和背景4.转换和动画总结CSS3是CSS（层叠样式表）的最新版本，它引入了许多新的特性和功能，使得网页的样式设计更加灵活、丰富和具有动态效果。在本文中，我们将深入解析CSS3的一些关键特性和实战应用，并通过代码样例展示其强大之处。1.选择器增强CSS3增加了许多新的选择器，如属性选择器、伪类选择器等，使得我们能够更精确地选择页面元
  • vue项目初始化CSS样式 晕fufufu vue知识点cssvue.js前端
    html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd
  • Angular加载条与用户交互的优化技巧 t0_54coder 编程问题解决手册angular.js前端javascript个人开发
    在Angular项目中，常常会遇到需要在页面加载时显示加载条的情况。特别是在用户请求数据或页面跳转时，加载条可以有效地告知用户当前操作正在进行中。为了提升用户体验，我们不仅需要展示加载条，还需要确保在加载过程中用户无法进行其他操作。本文将探讨如何在Angular中使用ngx-loading-bar组件并结合CSS实现用户交互的优化。基本设置首先，确保你的项目中已安装ngx-loading-bar。
  • CSS集群 南腩男 笔记网络
    CSS集群交换机系统，又叫集群，是将含有集群特性的交换机设备逻辑的组成一台交换设备。CSS特征：交换机多虚一：堆叠交换机对外表现为一台逻辑交换机，控制平面合一，统一管理。转发平面合一：堆叠内转发平面合一，转发信息共享并实时同步。跨设备链路聚合：堆叠内的设备连接下游端口的被聚合为一个Eth-trunk端口并形成互联。CSS与istack的区别为：CSS为框式交换机的堆叠，istack为盒式交换机的堆
  • Sass：深度解析与实战应用 设计师晏军 sass前端css
    在前端开发的浪潮中，CSS预处理器因其强大的功能和灵活性而备受推崇。其中，Sass（SyntacticallyAwesomeStylesheets）无疑是这些预处理器中的佼佼者。本文将深入解析Sass的核心概念、语法特性以及实战应用，并通过代码样例展示其强大的功能。Sass是什么？Sass（SyntacticallyAwesomeStylesheets）是一种CSS预处理器，它允许我们使用变量、嵌
  • WX小程序/公众号 不努力谁会可怜你？ 前端技术微信小程序
    1WX中的基础知识和应用案例X.1箭头>符号的css写法.address-box{display:flex;justify-content:space-between;color:#999;line-height:90rpx;font-size:28rpx;margin-left:40rpx;}.address-box.address-manage{position:relative;height
  • CSS中的定位和解决父元素高度塌陷 QyangR1123 学习分享csshtmlcss3
    在CSS中，Position属性经常会用到，主要是绝对定位和相对定位，简单的使用都没有问题，尤其嵌套起来，就会有些混乱，今记录总结一下。1、相对定位(position:relative;)如果对一个元素进行相对定位，它将出现在它所在的位置上。然后，可以通过设置垂直或水平位置，让这个元素“相对于”它的起点进行移动。relative：生成相对定位的元素，相对于其正常(原来)位置进行定位。2、绝对定位（
  • 《前端每日实战》第176号作品：用透视图表现 HTML、CSS 和 JS 的关系
    （图片审核原因，所以请到我的微博中查看开发过程中的7张截图：https://weibo.com/6063054508/...）今年年初时我偶然看到了下面这张图片，顺手把它记在了微博里，近日抽时间把它们制作成了交互页面，本文记录了开发的过程。效果预览按下右侧的“点击预览”按钮可以在当前页面预览，点击链接可以全屏预览。https://codepen.io/comehope/pen/GRqpLGX源代码
  • Glass Morphism：在线制作 CSS 玻璃风格神器 开源项目精选 css前端
    GlassMorphism是一个极具趣味性的在线CSS玻璃风格工具。它不仅能够让开发者们在用户界面设计中快速应用GlassMorphism风格，还提供了许多自定义选项以及实时预览功能，使得设计过程变得轻松且高效。主要特点提供了丰富的自定义选项，使得开发者可以根据自己的需求自由调整UI元素的各种属性，如颜色、阴影、高光等，从而创造出独特的设计；具备实时预览功能，这意味着开发者可以在修改设计后立刻看到
  • 浏览器的高层结构 weixin_34293911 javascript数据库pythonViewUI
    2019独角兽企业重金招聘Python工程师标准>>>浏览器的主要组件为：用户界面-包括地址栏、前进/后退按钮、书签菜单等。除了浏览器主窗口显示的您请求的页面外，其他显示的各个部分都属于用户界面。浏览器引擎-在用户界面和呈现引擎之间传送指令。呈现引擎-负责显示请求的内容。如果请求的内容是HTML，它就负责解析HTML和CSS内容，并将解析后的内容显示在屏幕上。网络-用于网络调用，比如HTTP请求。
  • Sass (Scss) 与 Less 的区别与选择 misschen888 sassscssless
    Sass与Less的区别与选择1.语法差异2.特性与支持3.兼容性4.选择建议在前端开发中，CSS预处理器如Sass（SyntacticallyAwesomeStylesheets）和Less被广泛使用，它们通过引入变量、嵌套规则、混合、函数等特性，使CSS的开发过程更加高效和灵活。Sass和Less作为两大主流CSS预处理器，各自具有独特的优点和特性。本文将详细探讨Sass（特别是其语法扩展Sc
  • HTML之内联样式 2401_89793006 前端html前端
    HTML之内联样式在HTML中，样式是控制页面外观的重要手段。而内联样式（InlineStyle）是HTML中一种直接为元素设置样式的写法。本文将详细介绍内联样式的基本概念、语法、使用场景以及与其他样式方式的区别。一、什么是内联样式？内联样式是指在HTML标签中，通过style属性直接定义样式的写法。这种方式的特点是**“即用即定义”**，无需引入外部CSS文件或在页面顶部编写样式表，适用于需要快
  • 我的DW个人网站设计——安徽宣城6页HTML+CSS+JavaScript @蜡笔小新星 htmlcssjavascript
    家乡旅游景点网页作业制作网页代码运用了DIV盒子的使用方法，如盒子的嵌套、浮动、margin、border、background等属性的使用，外部大盒子设定居中，内部左中右布局，下方横向浮动排列，大学学习的前端知识点和布局方式都有运用，CSS的代码量也很足、很细致，使用hover来完成过渡效果、鼠标滑过效果等，使用表格、表单补充模块，为方便新手学习页面中没有使用js有需要的可以自行添加。⚽精彩专栏
  • 前端技术演进：TypeScript与CSS革新——开发者视角下的变革与机遇 NMGWAP 前端typescriptcssjavascriptecmascript
    引言：技术迭代中的开发者生存法则作为一线前端开发者，我深刻体会到技术生态的快速迭代既是机遇也是挑战。2024至2025年，前端领域的核心关键词是效率与稳定性。TypeScript与CSS的革新，不仅重构了开发流程，更重塑了程序员的核心竞争力。本文将从实际开发场景出发，结合最新技术动态，探讨这两大技术方向的演进逻辑、实践价值与未来趋势。一、TypeScript：从“可选”到“必选”的进化1.类型系统
  • 14-emment语法使用（拓展） CCChaya-软件技术教师 csscss3html前端javascript
    1.Emmet语法介绍Emmet是一种能显著提升HTML和CSS代码编写效率的工具，它允许你借助简短的缩写来快速生成大量代码。2.Emmet作用提高编码效率：通过输入简短的缩写，能迅速生成完整的HTML或CSS代码结构，节省大量时间。减少错误：使用标准化的缩写，可避免手动输入时出现的拼写错误和语法错误。保持代码一致性：Emmet语法具有统一的规则，有助于保持代码风格的一致性。3.Emmet语法使用
  • 第一章：Tailwind CSS基础与项目设置 - 第四节：自定义配置 - 调整Tailwind以匹配GitHub风格 qianmoQ 使用TailwindCSS复刻GitHubcssgithub前端
    学习目标了解如何自定义Tailwind配置以匹配GitHub的设计系统掌握颜色系统、字体、间距和圆角的调整方法创建与GitHub一致的设计变量和主题学习如何扩展Tailwind以支持GitHub特有的UI模式构建可复用的配置基础，为后续章节做准备GitHub设计系统分析GitHub拥有一套精心设计的视觉语言，包括颜色、排版、间距和组件样式。为了准确复刻这一界面，我们需要调整TailwindCSS的
  • 响应式 Web 设计：HTML 与 CSS 协同学习的进度（二） 计算机毕设定制辅导-无忧学长 #HTML前端htmlcss
    学习进度与实践案例初级阶段：构建基础页面在初级阶段，主要学习使用HTML和CSS构建简单的网页结构和基本样式。首先，使用HTML搭建页面的基本框架，包含文本内容、图片展示、链接设置等元素。例如，创建一个包含标题、段落、图片和链接的简单网页：初级阶段示例页面欢迎来到我的网站这是一段简单的介绍文字，用于说明网站的主要内容。点击访问示例网站然后，使用CSS为这些元素添加基本的样式，如设置文本颜色、字体大
  • html 运行css实现3D正方体旋转制作 金融小白数据分析之路 htmlcss3csshtml
    正方体旋转制作1.animation与keyframes配合使用keyframes可以控制动画序列的中间步骤。fromto的变化使用,相当于0%/from和100%/to,从什么变化到什么，加入中间的的过程的话可以设置0%25%100%等等。@keyframesslidein{from{transform:translateX(0%);}to{transform:translateX(100%);
  • html+css 实现hover 3D按钮特效 宝码香车 #html+css+js绚丽按钮htmlcss3d前端
    前言：哈喽，大家好，今天给大家分享html+css绚丽效果！并提供具体代码帮助大家深入理解，彻底掌握！创作不易，如果能帮助到大家或者给大家一些灵感和启发，欢迎收藏+关注哦目录一、效果二、原理解析1.这是一个，hover3D悬浮的按钮效果。每个按钮都是由5部分组成，a,a:before,a:after,i,span如下图。2.当按钮上有鼠标时，hover效果触发，运行==transition过渡动画
  • gradio调用多个CSS的HTML页 li_li_rui csshtml前端gradio大语言模型
    很多博客介绍的gradio读取html和css比较简单，如果要做很细致的前端页面优化，比如丰富的响应式的css+js，至少要有html+多个css，是暂不能实现的。bootstrap、font-awesome、jquery等方案一当然是直接更换html+css为主的部署方式，仅用gradio传回的数据，重新设计前端方案二可以考虑把多个css直接拼接后再生效，举例如下：1.原html404PageO
  • 【2025年春季】全国CTF夺旗赛-从零基础入门到竞赛，看这一篇就稳了！ 白帽子凯哥 web安全学习安全CTF夺旗赛网络安全
    基于入门网络安全/黑客打造的：黑客&网络安全入门&进阶学习资源包目录一、CTF简介二、CTF竞赛模式三、CTF各大题型简介四、CTF学习路线4.1、初期1、html+css+js（2-3天）2、apache+php（4-5天）3、mysql（2-3天）4、python(2-3天)5、burpsuite（1-2天）4.2、中期1、SQL注入（7-8天）2、文件上传（7-8天）3、其他漏洞（14-15
  • 蓝桥杯web备赛---css篇 菥菥爱嘻嘻 蓝桥杯备赛前端蓝桥杯css
    2、CSS写在前面：css一定要掌握flex,grid以及position布局方式，另外之前考过文字溢出的问题，需要注意一下。position:sticky粘性定位记住要设置top:定位在什么位置，不然是不起作用的一些题目：文字溢出的问题：文字很多导致文字溢出，我们如下列设置就可以达到：显示2行，剩余的内容用省略号（…）替代.more2_info_name{overflow:hidden;text
  • 第2章-01-网站中的资源介绍 黑夜开发者 Web爬虫入门与实战精讲网络爬虫pythonselenium网站资源
    作者简介，黑夜开发者，CSDN领军人物，全栈领域优质创作者✌，CSDN博客专家，阿里云社区专家博主，2023年CSDN全站百大博主。数年电商行业从业经验，历任核心研发工程师，项目技术负责人。本文已收录于专栏：Web爬虫入门与实战精讲，后续完整更新内容如下。文章目录网站资源概览1.HTML文档2.CSS样式表3.JavaScript脚本4.图片5.字体6.视频与音频文件总结网站资源概览一个现代网站，
  • 集合框架 天子之骄 java数据结构集合框架
       集合框架 集合框架可以理解为一个容器，该容器主要指映射(map)、集合(set)、数组(array)和列表(list)等抽象数据结构。 从本质上来说，Java集合框架的主要组成是用来操作对象的接口。不同接口描述不同的数据类型。   简单介绍：   Collection接口是最基本的接口，它定义了List和Set，List又定义了LinkLi
  • Table Driven（表驱动）方法实例 bijian1013 javaenumTable Driven表驱动
    实例一： /** * 驾驶人年龄段 * 保险行业，会对驾驶人的年龄做年龄段的区分判断 * 驾驶人年龄段：01-[18,25);02-[25,30);03-[30-35);04-[35,40);05-[40,45);06-[45,50);07-[50-55);08-[55,+∞) */ public class AgePeriodTest { //if...el
  • Jquery 总结 cuishikuan javajqueryAjaxWebjquery方法
    1.$.trim方法用于移除字符串头部和尾部多余的空格。如：$.trim('   Hello   ') // Hello2.$.contains方法返回一个布尔值，表示某个DOM元素（第二个参数）是否为另一个DOM元素（第一个参数）的下级元素。如：$.contains(document.documentElement, document.body); 3.$
  • 面向对象概念的提出 麦田的设计者 java面向对象面向过程
            面向对象中，一切都是由对象展开的，组织代码，封装数据。   在台湾面向对象被翻译为了面向物件编程，这充分说明了，这种编程强调实体。       下面就结合编程语言的发展史，聊一聊面向过程和面向对象。      c语言由贝尔实
  • linux网口绑定 被触发 linux
    刚在一台IBM Xserver服务器上装了RedHat Linux Enterprise AS 4，为了提高网络的可靠性配置双网卡绑定。 一、环境描述 我的RedHat Linux Enterprise AS 4安装双口的Intel千兆网卡，通过ifconfig -a命令看到eth0和eth1两张网卡。 二、双网卡绑定步骤： 2.1 修改/etc/sysconfig/network
  • XML基础语法 肆无忌惮_ xml
    一、什么是XML？ XML全称是Extensible Markup Language，可扩展标记语言。很类似HTML。XML的目的是传输数据而非显示数据。XML的标签没有被预定义，你需要自行定义标签。XML被设计为具有自我描述性。是W3C的推荐标准。   二、为什么学习XML？ 用来解决程序间数据传输的格式问题 做配置文件 充当小型数据库   三、XML与HTM
  • 为网页添加自己喜欢的字体 知了ing 字体 秒表 css
    @font-face { font-family: miaobiao;//定义字体名字 font-style: normal; font-weight: 400; src: url('font/DS-DIGI-e.eot');//字体文件 } 使用： <label style="font-size:18px;font-famil
  • redis范围查询应用-查找IP所在城市 矮蛋蛋 redis
    原文地址： http://www.tuicool.com/articles/BrURbqV 需求 根据IP找到对应的城市 原来的解决方案 oracle表（ip_country）： 查询IP对应的城市： 1.把a.b.c.d这样格式的IP转为一个数字，例如为把210.21.224.34转为3524648994 2. select city from ip_
  • 输入两个整数， 计算百分比 alleni123 java
    public static String getPercent(int x, int total){ double result=(x*1.0)/(total*1.0); System.out.println(result); DecimalFormat df1=new DecimalFormat("0.0000%");
  • 百合——————>怎么学习计算机语言 百合不是茶 java 移动开发
        对于一个从没有接触过计算机语言的人来说，一上来就学面向对象，就算是心里上面接受的了，灵魂我觉得也应该是跟不上的，学不好是很正常的现象，计算机语言老师讲的再多，你在课堂上面跟着老师听的再多，我觉得你应该还是学不会的，最主要的原因是你根本没有想过该怎么来学习计算机编程语言，记得大一的时候金山网络公司在湖大招聘我们学校一个才来大学几天的被金山网络录取，一个刚到大学的就能够去和
  • linux下tomcat开机自启动 bijian1013 tomcat
    方法一： 修改Tomcat/bin/startup.sh 为: export JAVA_HOME=/home/java1.6.0_27 export CLASSPATH=$CLASSPATH:$JAVA_HOME/lib/tools.jar:$JAVA_HOME/lib/dt.jar:. export PATH=$JAVA_HOME/bin:$PATH export CATALINA_H
  • spring aop实例 bijian1013 javaspringAOP
    1.AdviceMethods.java package com.bijian.study.spring.aop.schema; public class AdviceMethods { public void preGreeting() { System.out.println("--how are you!--"); } } 2.beans.x
  • [Gson八]GsonBuilder序列化和反序列化选项enableComplexMapKeySerialization bit1129 serialization
    enableComplexMapKeySerialization配置项的含义  Gson在序列化Map时，默认情况下，是调用Key的toString方法得到它的JSON字符串的Key，对于简单类型和字符串类型，这没有问题，但是对于复杂数据对象，如果对象没有覆写toString方法，那么默认的toString方法将得到这个对象的Hash地址。   GsonBuilder用于
  • 【Spark九十一】Spark Streaming整合Kafka一些值得关注的问题 bit1129 Stream
    包括Spark Streaming在内的实时计算数据可靠性指的是三种级别： 1. At most once，数据最多只能接受一次，有可能接收不到 2. At least once, 数据至少接受一次，有可能重复接收 3. Exactly once  数据保证被处理并且只被处理一次，   具体的多读几遍http://spark.apache.org/docs/lates
  • shell脚本批量检测端口是否被占用脚本 ronin47
    #!/bin/bash cat ports |while read line do#nc -z -w 10 $line nc -z -w 2 $line 58422>/dev/null2>&1if[ $?-eq 0]then echo $line:ok else echo $line:fail fi done 这里的ports 既可以是文件
  • java-2.设计包含min函数的栈 bylijinnan java
    具体思路参见：http://zhedahht.blog.163.com/blog/static/25411174200712895228171/ import java.util.ArrayList; import java.util.List; public class MinStack { //maybe we can use origin array rathe
  • Netty源码学习-ChannelHandler bylijinnan javanetty
    一般来说，“有状态”的ChannelHandler不应该是“共享”的，“无状态”的ChannelHandler则可“共享” 例如ObjectEncoder是“共享”的, 但 ObjectDecoder 不是 因为每一次调用decode方法时，可能数据未接收完全（incomplete）， 它与上一次decode时接收到的数据“累计”起来才有可能是完整的数据，是“有状态”的 p
  • java生成随机数 cngolon java
    方法一： /** * 生成随机数 * @author cngolon@126.com * @return */ public synchronized static String getChargeSequenceNum(String pre){ StringBuffer sequenceNum = new StringBuffer(); Date dateTime = new D
  • POI读写海量数据 ctrain 海量数据
    import java.io.FileOutputStream; import java.io.OutputStream; import org.apache.poi.xssf.streaming.SXSSFRow; import org.apache.poi.xssf.streaming.SXSSFSheet; import org.apache.poi.xssf.streaming
  • mysql 日期格式化date_format详细使用 daizj mysqldate_format日期格式转换日期格式化
    日期转换函数的详细使用说明  DATE_FORMAT(date,format) Formats the date value according to the format string. The following specifiers may be used in the format string. The&n
  • 一个程序员分享8年的开发经验 dcj3sjt126com 程序员
      在中国有很多人都认为IT行为是吃青春饭的，如果过了30岁就很难有机会再发展下去!其实现实并不是这样子的，在下从事.NET及JAVA方面的开发的也有8年的时间了，在这里在下想凭借自己的亲身经历，与大家一起探讨一下。 明确入行的目的 很多人干IT这一行都冲着“收入高”这一点的，因为只要学会一点HTML, DIV+CSS，要做一个页面开发人员并不是一件难事，而且做一个页面开发人员更容
  • android欢迎界面淡入淡出效果 dcj3sjt126com android
    很多Android应用一开始都会有一个欢迎界面，淡入淡出效果也是用得非常多的，下面来实现一下。 主要代码如下： package com.myaibang.activity; import android.app.Activity;import android.content.Intent;import android.os.Bundle;import android.os.CountDown
  • linux 复习笔记之常见压缩命令 eksliang tar解压linux系统常见压缩命令linux压缩命令tar压缩
    转载请出自出处:http://eksliang.iteye.com/blog/2109693 linux中常见压缩文件的拓展名 *.gz gzip程序压缩的文件 *.bz2 bzip程序压缩的文件 *.tar tar程序打包的数据，没有经过压缩 *.tar.gz tar程序打包后，并经过gzip程序压缩 *.tar.bz2 tar程序打包后，并经过bzip程序压缩 *.zi
  • Android 应用程序发送shell命令 gqdy365 android
    项目中需要直接在APP中通过发送shell指令来控制lcd灯，其实按理说应该是方案公司在调好lcd灯驱动之后直接通过service送接口上来给APP，APP调用就可以控制了，这是正规流程，但我们项目的方案商用的mtk方案，方案公司又没人会改，只调好了驱动，让应用程序自己实现灯的控制，这不蛋疼嘛！！！！ 发就发吧！ 一、关于shell指令： 我们知道，shell指令是Linux里面带的
  • java 无损读取文本文件 hw1287789687 读取文件无损读取读取文本文件charset
    java 如何无损读取文本文件呢？ 以下是有损的 @Deprecated public static String getFullContent(File file, String charset) { BufferedReader reader = null; if (!file.exists()) { System.out.println("getFull
  • Firebase 相关文章索引 justjavac firebase
    Awesome Firebase 最近谷歌收购Firebase的新闻又将Firebase拉入了人们的视野，于是我做了这个 github 项目。 Firebase 是一个数据同步的云服务，不同于 Dropbox 的「文件」，Firebase 同步的是「数据」，服务对象是网站开发者，帮助他们开发具有「实时」（Real-Time）特性的应用。 开发者只需引用一个 API 库文件就可以使用标准 RE
  • C++学习重点 lx.asymmetric C++笔记
    1.c++面向对象的三个特性：封装性，继承性以及多态性。   2.标识符的命名规则：由字母和下划线开头，同时由字母、数字或下划线组成；不能与系统关键字重名。   3.c++语言常量包括整型常量、浮点型常量、布尔常量、字符型常量和字符串性常量。   4.运算符按其功能开以分为六类：算术运算符、位运算符、关系运算符、逻辑运算符、赋值运算符和条件运算符。 &n
  • java bean和xml相互转换 q821424508 javabeanxmlxml和bean转换java bean和xml转换
    这几天在做微信公众号 做的过程中想找个java bean转xml的工具，找了几个用着不知道是配置不好还是怎么回事，都会有一些问题， 然后脑子一热谢了一个javabean和xml的转换的工具里，自己用着还行，虽然有一些约束吧 ， 还是贴出来记录一下      顺便你提一下下，这个转换工具支持属性为集合、数组和非基本属性的对象。   packag
  • C 语言初级 位运算 1140566087 位运算c
    第十章 位运算   1、位运算对象只能是整形或字符型数据，在VC6.0中int型数据占4个字节   2、位运算符： 运算符 作用 ~ 按位求反 << 左移 >> 右移 & 按位与 ^ 按位异或 | 按位或 他们的优先级从高到低；   3、位运算符的运算功能： a、按位取反： ~01001101 = 101
  • 14点睛Spring4.1-脚本编程 wiselyman spring4
    14.1 Scripting脚本编程 脚本语言和java这类静态的语言的主要区别是:脚本语言无需编译,源码直接可运行; 如果我们经常需要修改的某些代码,每一次我们至少要进行编译,打包,重新部署的操作,步骤相当麻烦; 如果我们的应用不允许重启,这在现实的情况中也是很常见的; 在spring中使用脚本编程给上述的应用场景提供了解决方案,即动态加载bean; spring支持脚本
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他