conjur
conjur

css例子基础整理

<!DOCTYPE html>
<!--  上面的dtd 声明是简写，全写请从模板文件复制 -->
<html>
	<head>
		<title>css例子基础整理</title>
 		<link rel="stylesheet" type="text/css" href="style.css" />
		<style>	/*写入样式*/
			ul {
				list-style-type: none;
				padding-left:0;
				margin-left: 0;
				font-size: 14px;
			}
			ul a {
				border: 1px solid #99f;
				display: block; /* 行内元素设置为块级元素 */
				margin:2px 0;
				width: 180px;
				padding: 5px;
				text-decoration: none;
			}			
			ul a:link {color: #00f;}
			ul a:visited {color: #99f;}
			ul a:hover {
				color: #00f;
				background-color: #ff9;
			}
			dl {
				list-style-type: none;
				padding-left:0;
				margin-left: 0;
				font-size: 14px;
				width: 760px; /* 800x600 */
				border: 4px solid #ccc;
				padding-top: 90px;
				height: 50px;
			}
			dl a {
				border: 1px solid #99f;
				display: block; /* 行内元素设置为块级元素 */
				margin:2px 0 2px -1px;
				padding: 5px;
				text-decoration: none;
				padding-left: 20px;
				padding-right: 20px;
				
			}			
			dl a:link {color: #00f;}
			dl a:visited {color: #99f;}
			dl a:hover {
				color: #00f;
				background-color: #ff9;
			}
			
			dl dt {
				float: left;
			}
			body {
				font-family: Arial, "Arial Black", "宋体";
				font-size: 15px; /*px 像素, em 以普通字号为一个单位, 百分比, pt 打印点, cm 厘米*/
				color:  #0000ff; /*rgb(255,255,0);*/
			}
			
			h1, h2 {
				font-size: 25px;
				color: #f00;
				font-weight: bold;
			}
			
			p {
				color: #666;
				width: 400px;
				
			}
			
			p.myP { /* 声明css类 */
				font-size: 12px;
				font-weight: bold;
			}
			
			h1 span { /* 选择h1的子孙元素span */
				color: #fff;
				background-color: #999;
			}
			p span {
				text-decoration: underline;
			}
			
			#person {
				background-color: #ccccff;
			}
			
			#wrapper1 {
				margin: 0 auto 0 auto; /* 上右下左 */
				padding: 5px; /* 内部填充5px */
				border: 2px solid #000;/*边框2像素实线黑色*/
				width: 600px;
				height: 300px;
			}
			
			div {
				border: 2px solid #f00; 
				height: 30px;
			}
			
			#wrapper1 #div1 {
				border: 2px solid #f00; 
				width: 200px;
				height:300px;
				float: left;
				
			}
			#wrapper1 #div2 {
				border: 2px solid #f00; 
				width: 200px;
				float: left;
			}
			#wrapper1 #div3 {
				border: 2px solid #f00; 
				width: 200px;
				float: right;
				clear: left;
			}
			#table2 td {
				border: 1px solid #000;
				width: 500px;
				height: 100px;
				margin: 10px auto;
			}
			#td1 {
				background: url(images/star.gif);
			}
			#td2 {
				background: url(images/bg_link.gif) repeat-x;
			}
			#td3 {
				background: #ff9 url(images/column_bg.png) repeat-y;
			}
			
			#td4 {
				background: url(images/bg_story_high.png) repeat-y right top;
				
			}
			
			#td5{
				height: 300px;
				background: url(images/cosmo.png) no-repeat  50% 50%;
			}
			#td6 {
				height: 300px;
				background: url(images/cosmo.png) no-repeat  -20px 50%;
			}
			
			#link1 {
				display: block;
				width: 100px;
				height: 26px;
				line-height: 26px;
				border: 1px solid #000;
				font-size: 14px;
				background: rgb(231,231,231) url(images/nav.png) no-repeat right 2px;
				font-size: 14px;
				text-decoration: none;
				color: #000;
				font-weight: bold;
				padding-left: 10px;
			}
			#link1:hover {
				background-position: right 50%;
				background-color: rgb(178,245,17);
			}
		</style>
	</head>
	<body>
		<h1>手册服务对<span>象为网</span>页前台设</h1>
		<p class="myP">本参考<span>手册</span>是在《完美网页设计CSS快速参考》基础上进行的第3次重要升级 </p>
		<h2>升级理由</h2>
		<p>以<span id="person">苏昱</span>的《样式表中文手册》为代表的<span>CSS</span>参考资料影响了</p>
		<ul>
			<li><a href="#">首页</a></li>
			<li><a href="#">博客</a></li>
		</ul>
		<dl>
			<dt><a href="#">首页</a></dt>
			<dt><a href="#">博客</a></dt>
		</dl>
		<div id="wrapper1">
			<div id="div1"></div>
			<div id="div2"></div>
			<div id="div3"></div>
		</div>

		<a href="#" id="link1">Link 1</a>
		<table id="table2">
			<tr>
				<td id="td1">1</td>
			</tr>
			<tr>
				<td id="td2">2</td>
			</tr>
			<tr>
				<td id="td3">3</td>
			</tr>
			<tr>
				<td id="td4">4</td>
			</tr>
			<tr>
				<td id="td5">5</td>
			</tr>
			<tr>
				<td id="td6">6</td>
			</tr>						
		</table>
	</body>
</html>

以下为效果图
css例子基础整理_第1张图片

本来想直接上传代码的，结果整个页面被改成这样了，555

你可能感兴趣的:(css例子基础整理)

  • 元表和元方法 剑决浮云气 luac++lua
    1.什么是元表和元方法呢？1.元表其实也是lua中的一种表，即table，但是它可以自定义某个表的行为，比如运算符重载、默认值查找、访问控制等2.当一个表t进行某些操作（如t1+t2、访问t.key）时，Lua会检查t是否有元表，并尝试调用元表中的元方法2.举个例子一个只读表的实现(const)localmt={}--[[__newindex元方法是当table发生赋值的时候被调用]]--mt._
  • Vue3组件化开发（一） 独鹿DT Vue2&Vue3vuevue.jsvue3组件化vue组件间通讯
    Vue3组件化开发（一）组件的拆分和嵌套组件的CSS作用域问题组件通信（父传子）`props`的数组用法`props`的对象用法非prop的Attribute的传递子组件有根组件包裹禁用Attribute继承子组件无根组件包裹，且有多个元素组件通信（子传父）`emits`的数组写法`emits`的对象写法组件的拆分和嵌套这个我也不知从何写起，就这样拆分，引用。细节补充在引入其他组件时，加后缀。虽然
  • 如何使用HTML，CSS和JavaScript创建 二进制计算器？ 濯一一 Html5+Css3二进制计算器BinaryCalHTMLCSSJavaScript
    HTML或超文本标记语言以及CSS(级联样式表)和JavaScript可用于开发可执行某些功能的交互式用户应用程序。同样,可以完全使用HTML,CSS和JS开发二进制计算器。二进制计算器：对二进制数执行算术运算。二进制计算器的缓冲区限制为8位。如果算术运算的结果超过8位,则多余的位将被截断。算术运算是使用JavaScript函数完成的。该应用程序包括：一个显示屏,在该显示屏上可以显示用户输入以及算
  • JavaScript 改变 HTML 图像 我自纵横2023 JaveScript教程javascripthtml开发语言ecmascript前端
    JavaScript改变HTML图像JavaScript改变HTML图像的核心是通过动态修改标签的src属性或调整CSS样式实现图像切换或视觉效果变化。以下是具体方法与场景解析：一、核心方法：修改src属性1.直接替换图像路径通过document.getElementById()获取图像元素，修改其src属性即可切换图片：functionchangeImage(){constimg=documen
  • 用 HTML、CSS 和 JavaScript 实现二进制猜数字游戏 天若有情673 htmlcssjavascript
    在Web开发的世界里，我们常常希望通过简单而有趣的项目来巩固和应用所学的知识。今天，我们就来介绍一个基于HTML、CSS和JavaScript实现的二进制猜数字游戏，这个游戏既可以作为新手入门的练手项目，也能帮助大家更好地理解二进制的原理。项目背景二进制猜数字游戏是一个经典的利用二进制原理设计的小游戏。游戏通过展示6张卡片，玩家只需告知数字是否在卡片上，就能让程序猜出玩家心中所想的1-63之间的数
  • 在学东西的时候，大脑为什么会欺骗自己学会了 图书馆钉子户 笔记
    在学习过程中，大脑“欺骗”自己以为已经学会的现象，通常与认知偏差、记忆机制和学习策略的局限性有关。以下是具体原因及应对方法：一、大脑产生“学会的错觉”的常见原因短期记忆的迷惑性新知识最初存储于短期记忆，此时大脑会因“暂时记住”而产生熟悉感。但这种记忆未经巩固，容易快速遗忘（如艾宾浩斯遗忘曲线所示）。例子：刚看完书觉得内容清晰，但第二天几乎忘光。处理流畅性（ProcessingFluidity）当信
  • 《AI大模型开发笔记》企业RAG技术实战（二） Richard Chijq 人工智能
    接上一篇《AI大模型开发笔记》企业RAG技术实战（一）https://mp.csdn.net/mp_blog/creation/editor/146381354使用llamaindex实例https://docs.llamaindex.ai/en/stable/api_reference/环境配置我们继续使用前面langchain例子的python虚环境，不用新建，激活就行不同LLM环境配置#co
  • 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(函数,时间)-创建定时器对象，每隔指定时间就自
  • 哈希表简单例子 你今天刷题了吗？ 散列表哈希算法数据结构
    一、题意给定一个整数数组，判断数组中是否存在重复的元素。如果存在一值在数组中出现至少两次，函数返回True；如果数组中每个元素都不相同，则返回False。输入:[1,2,3,1]输出:True输入:[1,2,3,4]输出:False解题思路：我们可以使用哈希表（在Python里用字典实现）来解决这个问题。具体做法是遍历数组，对于每个元素，检查它是否已经存在于哈希表中：若存在，说明该元素是重复的，直
  • 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
  • post，put，get请求接口 muttry 零零碎碎
    POST用于提交请求，可以更新或者创建资源，是非幂等的举个例子，在我们的支付系统中，一个api的功能是创建收款金额二维码，它和金额相关，每个用户可以有多个二维码，如果连续调用则会创建新的二维码，这个时候就用POSTPUT用于向指定的URI传送更新资源，是幂等的还是那个例子，用户的账户二维码只和用户关联，而且是一一对应的关系，此时这个api就可以用PUT，因为每次调用它，都将刷新用户账户二维码比如一
  • Angular加载条与用户交互的优化技巧 t0_54coder 编程问题解决手册angular.js前端javascript个人开发
    在Angular项目中，常常会遇到需要在页面加载时显示加载条的情况。特别是在用户请求数据或页面跳转时，加载条可以有效地告知用户当前操作正在进行中。为了提升用户体验，我们不仅需要展示加载条，还需要确保在加载过程中用户无法进行其他操作。本文将探讨如何在Angular中使用ngx-loading-bar组件并结合CSS实现用户交互的优化。基本设置首先，确保你的项目中已安装ngx-loading-bar。
  • 智能工厂的设计软件 应用场景的一个例子：为AI聊天工具添加一个知识系统 之15 方案再探 之6 搭建开发环境 一水鉴天 人工智能
    Q&AQ35、根据以上讨论，您能将这个div模型和“特定于领域的模板--一个三套接的hoc结构它是本项目actors的剧本原型。其地位：祖传代码脚本模板中的--一个div标签的内容模型（简称“div模型”），在三端架构中绘制前端执行公式的“体”。”联系上，以此来达到附件项目文档中part2（结构化&形式化）的结构化目的，并作为形式化的基础，同时理解Part1（人性化&去中心化）的括号中的含义以及它
  • 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源代码
  • 【Opencv源码安装】Linux源码安装opencv hengG_0 笔记opencvlinuxjava
    本文主要说明Linux上如何从源码安装opencv库，并给出一个简单例子说明安装成功1.环境说明VMware下的Ubuntu22.04LTS2.安装步骤需要准备好java环境和opencv源码后，从源码cmake编译，并进行安装2.1.依赖安装sudoaptinstallopenjdk-8-jdkopenjdk-8-jre#验证安装java-version#应显示"1.8.x"javac-vers
  • Vue 3使用 Socket 翱翔-蓝天 vue.js前端javascript
    在Vue3中使用Socket（如WebSocket或基于WebSocket的库比如Socket.IO）可以通过组合式API（CompositionAPI）来实现得更清晰、模块化。下面我给你展示一个完整的例子，包括使用原生WebSocket和使用Socket.IO的方式（你可以根据实际情况选择）。✅使用原生WebSocket的方式1.建立socket封装（推荐封装成composable）//comp
  • 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
  • jdk tomcat 环境变量配置 Array_06 javajdktomcat
    Win7 下如何配置java环境变量 1。准备jdk包，win7系统，tomcat安装包（均上网下载即可） 2。进行对jdk的安装，尽量为默认路径（但要记住啊！！以防以后配置用。。。） 3。分别配置高级环境变量。   电脑-->右击属性-->高级环境变量-->环境变量。 分别配置 : path    &nbs
  • Spring调SDK包报java.lang.NoSuchFieldError错误 bijian1013 javaspring
            在工作中调另一个系统的SDK包，出现如下java.lang.NoSuchFieldError错误。 org.springframework.web.util.NestedServletException: Handler processing failed; nested exception is java.l
  • LeetCode[位运算] - #136 数组中的单一数 Cwind java题解位运算LeetCodeAlgorithm
    原题链接：#136 Single Number 要求： 给定一个整型数组，其中除了一个元素之外，每个元素都出现两次。找出这个元素 注意：算法的时间复杂度应为O(n)，最好不使用额外的内存空间 难度：中等 分析： 题目限定了线性的时间复杂度，同时不使用额外的空间，即要求只遍历数组一遍得出结果。由于异或运算 n XOR n = 0, n XOR 0 = n，故将数组中的每个元素进
  • qq登陆界面开发 15700786134 qq
    今天我们来开发一个qq登陆界面，首先写一个界面程序，一个界面首先是一个Frame对象，即是一个窗体。然后在这个窗体上放置其他组件。代码如下： public class First {         public void initul(){        jf=ne
  • Linux的程序包管理器RPM 被触发 linux
    在早期我们使用源代码的方式来安装软件时，都需要先把源程序代码编译成可执行的二进制安装程序，然后进行安装。这就意味着每次安装软件都需要经过预处理-->编译-->汇编-->链接-->生成安装文件--> 安装，这个复杂而艰辛的过程。为简化安装步骤，便于广大用户的安装部署程序，程序提供商就在特定的系统上面编译好相关程序的安装文件并进行打包，提供给大家下载，我们只需要根据自己的
  • socket通信遇到EOFException 肆无忌惮_ EOFException
    java.io.EOFException at java.io.ObjectInputStream$PeekInputStream.readFully(ObjectInputStream.java:2281) at java.io.ObjectInputStream$BlockDataInputStream.readShort(ObjectInputStream.java:
  • 基于spring的web项目定时操作 知了ing javaWeb
    废话不多说，直接上代码，很简单 配置一下项目启动就行 1，web.xml <?xml version="1.0" encoding="UTF-8"?> <web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="h
  • 树形结构的数据库表Schema设计 矮蛋蛋 schema
    原文地址： http://blog.csdn.net/MONKEY_D_MENG/article/details/6647488     程序设计过程中，我们常常用树形结构来表征某些数据的关联关系，如企业上下级部门、栏目结构、商品分类等等，通常而言，这些树状结构需要借助于数据库完成持久化。然而目前的各种基于关系的数据库，都是以二维表的形式记录存储数据信息，
  • maven将jar包和源码一起打包到本地仓库 alleni123 maven
    http://stackoverflow.com/questions/4031987/how-to-upload-sources-to-local-maven-repository <project> ... <build> <plugins> <plugin> <groupI
  • java IO操作 与 File 获取文件或文件夹的大小，可读，等属性！！！ 百合不是茶
    类 File File是指文件和目录路径名的抽象表示形式。 1，何为文件： 标准文件（txt doc mp3...） 目录文件（文件夹） 虚拟内存文件   2，File类中有可以创建文件的 createNewFile（）方法,在创建新文件的时候需要try{} catch(）{}因为可能会抛出异常；也有可以判断文件是否是一个标准文件的方法isFile();这些防抖都
  • Spring注入有继承关系的类（2） bijian1013 javaspring
    被注入类的父类有相应的属性，Spring可以直接注入相应的属性，如下所例：1.AClass类 package com.bijian.spring.test4; public class AClass { private String a; private String b; public String getA() { retu
  • 30岁转型期你能否成为成功人士 bijian1013 成长励志
            很多人由于年轻时走了弯路，到了30岁一事无成，这样的例子大有人在。但同样也有一些人，整个职业生涯都发展得很优秀，到了30岁已经成为职场的精英阶层。由于做猎头的原因，我们接触很多30岁左右的经理人，发现他们在职业发展道路上往往有很多致命的问题。在30岁之前，他们的职业生涯表现很优秀，但从30岁到40岁这一段，很多人
  • 【Velocity四】Velocity与Java互操作 bit1129 velocity
    Velocity出现的目的用于简化基于MVC的web应用开发，用于替代JSP标签技术，那么Velocity如何访问Java代码.本篇继续以Velocity三http://bit1129.iteye.com/blog/2106142中的例子为基础，      POJO    package com.tom.servlets; public
  • 【Hive十一】Hive数据倾斜优化 bit1129 hive
    什么是Hive数据倾斜问题   操作：join,group by,count distinct 现象：任务进度长时间维持在99%（或100%），查看任务监控页面，发现只有少量（1个或几个）reduce子任务未完成；查看未完成的子任务，可以看到本地读写数据量积累非常大，通常超过10GB可以认定为发生数据倾斜。 原因：key分布不均匀 倾斜度衡量：平均记录数超过50w且
  • 在nginx中集成lua脚本：添加自定义Http头，封IP等 ronin47 nginx lua csrf
    Lua是一个可以嵌入到Nginx配置文件中的动态脚本语言，从而可以在Nginx请求处理的任何阶段执行各种Lua代码。刚开始我们只是用Lua 把请求路由到后端服务器，但是它对我们架构的作用超出了我们的预期。下面就讲讲我们所做的工作。 强制搜索引擎只索引mixlr.com Google把子域名当作完全独立的网站，我们不希望爬虫抓取子域名的页面，降低我们的Page rank。 location /{
  • java-3.求子数组的最大和 bylijinnan java
    package beautyOfCoding; public class MaxSubArraySum { /** * 3.求子数组的最大和 题目描述： 输入一个整形数组，数组里有正数也有负数。 数组中连续的一个或多个整数组成一个子数组，每个子数组都有一个和。 求所有子数组的和的最大值。要求时间复杂度为O(n)。 例如输入的数组为1, -2, 3, 10, -4,
  • Netty源码学习-FileRegion bylijinnan javanetty
    今天看org.jboss.netty.example.http.file.HttpStaticFileServerHandler.java 可以直接往channel里面写入一个FileRegion对象，而不需要相应的encoder： //pipeline（没有诸如“FileRegionEncoder”的handler）： public ChannelPipeline ge
  • 使用ZeroClipboard解决跨浏览器复制到剪贴板的问题 cngolon 跨浏览器复制到粘贴板Zero Clipboard
    Zero Clipboard的实现原理 Zero Clipboard 利用透明的Flash让其漂浮在复制按钮之上，这样其实点击的不是按钮而是 Flash ，这样将需要的内容传入Flash，再通过Flash的复制功能把传入的内容复制到剪贴板。 Zero Clipboard的安装方法 首先需要下载 Zero Clipboard的压缩包，解压后把文件夹中两个文件：ZeroClipboard.js
  • 单例模式 cuishikuan 单例模式
    第一种（懒汉，线程不安全）： public class Singleton {   2     private static Singleton instance;   3     pri
  • spring+websocket的使用 dalan_123
    一、spring配置文件 <?xml version="1.0" encoding="UTF-8"?><beans xmlns="http://www.springframework.org/schema/beans"    xmlns:xsi="http://www.w3.or
  • 细节问题：ZEROFILL的用法范围。 dcj3sjt126com mysql
    1、zerofill把月份中的一位数字比如1，2，3等加前导0 mysql> CREATE TABLE t1 (year YEAR(4), month INT(2) UNSIGNED ZEROFILL,    -> day
  • Android开发10——Activity的跳转与传值 dcj3sjt126com Android开发
    Activity跳转与传值，主要是通过Intent类，Intent的作用是激活组件和附带数据。   一、Activity跳转 方法一Intent intent = new Intent(A.this, B.class); startActivity(intent)   方法二Intent intent = new Intent();intent.setCla
  • jdbc 得到表结构、主键 eksliang jdbc 得到表结构、主键
    转自博客：http://blog.csdn.net/ocean1010/article/details/7266042 假设有个con DatabaseMetaData dbmd = con.getMetaData(); rs = dbmd.getColumns(con.getCatalog(), schema, tableName, null); rs.getSt
  • Android 应用程序开关GPS gqdy365 android
    要在应用程序中操作GPS开关需要权限： <uses-permission android:name="android.permission.WRITE_SECURE_SETTINGS" /> 但在配置文件中添加此权限之后会报错，无法再eclipse里面正常编译，怎么办？ 1、方法一：将项目放到Android源码中编译； 2、方法二：网上有人说cl
  • Windows上调试MapReduce zhiquanliu mapreduce
    1.下载hadoop2x-eclipse-plugin https://github.com/winghc/hadoop2x-eclipse-plugin.git 把 hadoop2.6.0-eclipse-plugin.jar 放到eclipse plugin 目录中。 2.下载 hadoop2.6_x64_.zip http://dl.iteye.com/topics/download/d2b
  • 如何看待一些知名博客推广软文的行为？ justjavac 博客
    本文来自我在知乎上的一个回答：http://www.zhihu.com/question/23431810/answer/24588621 互联网上的两种典型心态： 当初求种像条狗，如今撸完嫌人丑 当初搜贴像条犬，如今读完嫌人软 你为啥感觉不舒服呢？ 难道非得要作者把自己的劳动成果免费给你用，你才舒服？ 就如同 Google 关闭了 Gooled Reader，那是
  • sql优化总结 macroli sql
    为了是自己对sql优化有更好的原则性，在这里做一下总结，个人原则如有不对请多多指教。谢谢！   要知道一个简单的sql语句执行效率，就要有查看方式，一遍更好的进行优化。   一、简单的统计语句执行时间 declare @d datetime ---定义一个datetime的变量set @d=getdate() ---获取查询语句开始前的时间select user_id
  • Linux Oracle中常遇到的一些问题及命令总结 超声波 oraclelinux
    1.linux更改主机名   (1)#hostname oracledb　　　　临时修改主机名 (2) vi /etc/sysconfig/network 　　修改hostname (3) vi /etc/hosts　　　　　　　　修改IP对应的主机名   2.linux重启oracle实例及监听的各种方法 （注意操作的顺序应该是先监听，后数据库实例） &nbs
  • hive函数大全及使用示例 superlxw1234 hadoophive函数
      具体说明及示例参 见附件文档。     文档目录：   目录 一、关系运算： 4 1. 等值比较: = 4 2. 不等值比较: <> 4 3. 小于比较: < 4 4. 小于等于比较: <= 4 5. 大于比较: > 5 6. 大于等于比较: >= 5 7. 空值判断: IS NULL 5
  • Spring 4.2新特性-使用@Order调整配置类加载顺序 wiselyman spring 4
    4.1 @Order Spring 4.2 利用@Order控制配置类的加载顺序 4.2 演示 两个演示bean package com.wisely.spring4_2.order; public class Demo1Service { } package com.wisely.spring4_2.order; public class
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他