Sunshine12.5
Sunshine12.5

CSS滑动门

引入

我们在制作网页时，为了美观常常需要为网页元素设置特殊的背景，如下微信导航栏
在这里插入图片描述
文字的背景肯定是以图片的方式实现的，这里最关键的问题就是，字数不一样如何显示？如果直接插入一张背景图，对应不同的字数显示就不正常了，那么他是如何使背景图适应文字呢？这里就用到了【滑动门】

为了使用各种特殊形状的背景都能够自适应元素文本内容的多少，出现了css滑动门技术，它从新的角度构建页面，使各种特殊形状背景都能够自动拉伸滑动，以适用元素内部的文本内容，可用性更强。

其核心技术就是利用类似CSS精灵设置背景位置和盒子的padding撑开宽度，以便适用不同字数的导航栏。

一般常用的布局如下

<li>
     <a href="#">
         <span>导航栏一</span>
     </a>
</li>

a标签通过类似CSS精灵方式设置左边背景，span设置右边背景，两个标签只要背景两边的区域如图
a设置padding把内容撑开
span也设置padding把内容撑开
初使化宽度大概是这样
CSS滑动门_第1张图片
将他们和到一起，因为a包含span，只要我们给span设置添加了内容，背景就会自动撑开
如图

假设两个字的宽度
CSS滑动门_第2张图片
当四个宽度时
CSS滑动门_第3张图片
这样就完成了一个【滑动门】，随宽度而拉伸。

验证微信官方是否是使用了【滑动门】

CSS滑动门_第4张图片
和我们上面的画图一样，左侧采用了a标签，右侧span标签，他这里做的有点瑕疵，但也更能看出来使用了滑动门

随便点击一个栏目 审查元素----微信导航栏
CSS滑动门_第5张图片
是一张完整的背景图

接下来我们用代码实现它。

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>滑动门效果</title>
	<style type="text/css">
		li{
			list-style: none;
		}
		a {
			height:33px;
			display: inline-block;
			background:url(1.png) no-repeat;
			/*因为不能设置宽度
			这里我们用padding代替设置最小显示宽度
			*/
			padding-left:15px;
		}
		span {
			height:33px;
			display: inline-block;
			background:url('1.png') no-repeat right ;
			//设置背景右对齐，拿到最右边的区域
			padding-right: 15px;
		}

	</style>
</head>
<body>
<ul>
	<li>
		<a href="">
			<span></span>
		</a>
	</li>
</ul>

</body>
</html>

显示效果
CSS滑动门_第6张图片
到此【滑动门】已经做好了，我们可以随意向span添加文字
CSS滑动门_第7张图片

你可能感兴趣的:(html5&css3)

  • Web前端HTML5&CSS3初学者零基础入门——第四天 please tell me #htmlcssweb
    开始进入CSS的学习目录1.css简介2.css基本语法3.常用选择器4.复合选择器5.关系选择器6.属性选择器7.伪类选择器8.伪元素选择器9.餐厅练习知识一：css简介Documentp{color:green;font-size:50px;}-->少小离家老大回，乡音无改鬓毛衰今天天气真不错！落霞与孤鹜齐飞，秋水共长天一色少小离家老大回，乡音无改鬓毛衰style.css文件内容：p{colo
  • 【Web前端HTML5&CSS3】05-样式继承与其他概念 VectorUx #Web前端从入门到精通前端html5css3htmlcss
    笔记来源：尚硅谷Web前端HTML5&CSS3初学者零基础入门全套完整版文章目录样式继承与其他概念1.继承2.选择器的权重3.长度单位像素屏幕分辨率图像分辨率百分比emrem4.颜色单位RGB值RGBA十六进制的RGB值样式继承与其他概念1.继承样式的继承，我们为一个元素设置的样式，同时也会应用到它的后代元素上继承是发生在祖先后后代之间的，继承的设计是为了方便我们的开发利用继承，我们可以将一些通用
  • 【Web前端HTML5&CSS3】07-实战练习 VectorUx #Web前端从入门到精通前端html5css3htmlcss
    笔记来源：尚硅谷Web前端HTML5&CSS3初学者零基础入门全套完整版文章目录实战练习1.京东图片列表开发准备布局剖析结构搭建样式添加方式1方式2细节完善背景色外边距最终效果核心代码2.京东左侧导航条开发准备布局剖析结构搭建样式添加细节完善文字调整符号调整悬浮样式最终效果核心代码存疑问题3.网易新闻列表结构搭建样式添加实战练习1.京东图片列表开发准备本来我们是想直接右键图片另存为的，但是发现并没
  • 【Web前端HTML5&CSS3】16-过渡与动画 VectorUx #Web前端从入门到精通前端html5css3htmlcss
    笔记来源：尚硅谷Web前端HTML5&CSS3初学者零基础入门全套完整版文章目录过渡与动画1、过渡2、动画3、实战米兔奔跑的少年弹力球酷炫球过渡与动画1、过渡过渡（transition）通过过渡可以指定一个属性发生变化时的切换方式通过过渡可以创建一些非常好的效果，提升用户的体验属性值transition-property：指定要执行过渡的属性多个属性间使用,隔开；如果所有属性都需要过渡，则使用al
  • 【Web前端HTML5&CSS3】18-less简介 VectorUx #Web前端从入门到精通前端html5css3htmlcss
    笔记来源：尚硅谷Web前端HTML5&CSS3初学者零基础入门全套完整版文章目录less简介1、安装插件2、编写less3、less语法less注释父子关系嵌套变量其他4、混合函数其他5、补充less简介less是一门css的预处理语言less是一个css的增强版，通过less可以编写更少的代码实现更强大的样式在less中添加了许多的新特性：像对变量的支持、对mixin的支持…less的语法大体上
  • 【Web前端HTML5&CSS3】04-CSS语法与选择器 VectorUx #Web前端从入门到精通前端html5css3htmlcss
    笔记来源：尚硅谷Web前端HTML5&CSS3初学者零基础入门全套完整版文章目录CSS语法与选择器1.CSS简介层叠样式表内联样式（行内样式）内部样式表外部样式表2.CSS基本语法注释css中的注释html中的注释JS(JavaScript)和JQuery中的注释基本语法选择器声明块3.CSS选择器通配选择器（Universalselector）元素选择器（Typeselector）类选择器（Cl
  • 【Web前端HTML5&CSS3】02-前端开发准备 VectorUx #Web前端从入门到精通前端html5css3htmlcss
    笔记来源：尚硅谷Web前端HTML5&CSS3初学者零基础入门全套完整版文章目录前端开发准备1.离线文档的下载2.文本编辑器的选择Notepad++SublimeVSCode√AtomWebStorm3.开发前准备4.使用Live-Server踩坑1踩坑2踩坑3自定义端口号前端开发准备1.离线文档的下载离线文档：Zeal-OfflineDocumentationBrowser如果安装报错，需安装：
  • 《前端》笔记整合 white camel 前端技术前端
    一、HTML、CSSHTML基础(转载)CSS基础(转载)CSS系列——初涉Less(转载)—Less中文文档—w3cCSS系列——Sass(待学习补充)CSS3一Flex布局(弹性盒子)—>1—>2—>3(转载)语雀HTML5&CSS3详细笔记二、JavaScriptJavaScript基础–ECMAScript部分(转载)JavaScript基础–DOM部分01(转载),JavaScript基
  • 前端学习路线及参考学习资料 CodeMeiYang 前端前端javascriptcss
    前端学习路线及参考学习资料1.HTML(5)+CSS(3)——参考文档：菜鸟教程：https://www.runoob.com/MDN：https://developer.mozilla.org/zh-CN/——参考视频Web前端HTML5&CSS3初学者零基础入门全套完整版：https://www.bilibili.com/video/BV1XJ411X7Udpink老师前端入门视频教程HTML
  • HTML5&CSS3学习 君望永远 Java
    HTML5&CSS3【探索HTML5第二弹04】响应式布局（上），让我们一起来响应式布局吧摘要:前言第一次看到响应式布局这个东西的时候，我还以为又出了新东西呢，稍微研究了下才发现其实也是现有资源的组合而出的创新，中国什么时候也搞一个这种创新呢？所谓响应式布局，大意是在不同设备上（不同尺寸下）都能以比较合理的方式显示，大家千万不要觉得iphone上的显示感觉还不差，我们就说说博客园吧，其实园子该改成
  • 前端笔记之HTML5&CSS3（上）新特性&音频视频&本地存储&自定义属性 weixin_30629977 前端json数据库ViewUI
    一、HTML5简介HTML5的第一份正式草案已于2008年1月22日公布。HTML5仍处于完善之中。然而，大部分现代浏览器已经具备了某些HTML5支持。2014年10月29日，万维网联盟宣布，经过几乎8年的艰辛努力，HTML5标准规范终于最终制定完成了，并已公开发布。HTML5不仅仅是超文本标记语言的新版本，而是一整套浏览器新API的综合：新的语义标签。我们知道HTML就是超文本标记语言，负责描述
  • Web前端HTML5&CSS3初学者零基础入门——第九天（字体与背景） please tell me #css3html
    目录1.字体族2.图标字体简介3.行高4.字体的简写属性5.文本的样式6.网页顶部导航条练习7.背景8.渐变9.电影卡片练习知识一：字体族font-family字体族（字体的格式）Document/*font-face可以将服务器中的字体直接提供给用户去使用问题：1.加载速度2.版权3.字体格式*/@font-face{/*指定字体的名字*/font-family:'myfont';/*服务器中字
  • 【Web前端HTML5&CSS3】03-字符实体与语义标签 VectorUx #Web前端从入门到精通前端html5css3htmlcss
    笔记来源：尚硅谷Web前端HTML5&CSS3初学者零基础入门全套完整版文章目录字符实体与语义标签1.字符实体2.meta标签3.语义标签4.块元素与行内元素块元素（blockelement）行内元素（inlineelement）5.内容修正6.布局标签7.列表8.超链接外部地址内部地址新建页面锚点跳转9.图片图片格式jpeg（jpg）gifpngwebpbase6410.内联格式11.音视频音频
  • 尚硅谷HTML5&CSS3 前端学习笔记04_内联框架_音视频 KarinAu 前端html5css3
    内联框架向网页中引入其他网页Documenthello音视频对本地服务器没有压力，直接去其他网页中点分享代码地址，复制到页面中。Document对不起，您的浏览器不支持播放音频！
  • CSS盒子模型 ps酷教程 前端学习javajava-ee开发语言
    笔记来源：尚硅谷Web前端HTML5&CSS3初学者零基础入门全套完整版原链接：https://www.yuque.com/u21195183文章目录盒模型1.文档流（normalflow）2.块元素3.行内元素4.盒子模型盒模型、盒子模型、框模型（boxmodel）内容区（content）边框（border）内边距(padding）外边距（margin）5.水平方向布局6.垂直方向布局元素溢出边
  • html5&css3（day4） shosatoshi 前端学习htmlcss前端
    1.HTML5新特性增加了一些新的标签、新的表单和新的表单属性等。基本是IE9+以上版本的浏览器才支持。1.1HTML5新增的语义化标签:头部标签:导航标签:内容标签:定义文档某个区域:侧边栏标签:尾部标签注意：・这种语义化标准主要是针对搜索引擎的・这些新标签页面中可以使用多次・在IE9中，需要把这些元素转换为块级元素・移动端更喜欢使用这些标签1.2HTML5新增的多媒体标签①音频:常见格式：MP
  • HTML5&CSS3（附思维导图） Vinson- html5css3
    求关注，博主会持续更新哦(｀・ω・´)广义H5说法了解狭隘H5广义H5广义的HTML5是HTML5本身+CSS3+JavaScript。这个集合有时称为HTML5和朋友，通常缩写为HTML5。虽然HTML5的一些特性仍然不被某些浏览器支持，但是它是一种发展趋势。HTML5MDN介绍：https://developer.mozilla.org/zh-CN/docs/Web/Guide/HTML/HT
  • 一周新书精选：深度学习、强化学习、Web开发最受程序员关注 人邮异步社区 深度学习前端devops
    3月，万物复苏，跟着春天的脚步，看看这一周有哪些程序员新书最受关注？1、零基础入门学习Web开发（HTML5&CSS3）】本书的系列视频教程全网播放量超100万，得到广大学习者一致好评有趣、有料、实用的案例，真正零基础，自学也轻松基于新的W3C标准进行内容设计，并配有在线的案例展示，Web开发更容易精解HTML5和CSS3中233个语法知识点和多种网页的设计技巧，开发更高效配套了86集免费视频，边
  • HTML5&CSS3特性总结 html5css3前端
    HTML5的新特性HTML5的新增特性主要是针对于以前的不足，增加了一些新的标签、新的表单和新的表单属性等。这些新特性都有兼容性问题，基本是IE9+以上版本的浏览器才支持，如果不考虑兼容性问题（例如：移动端），便可以大量使用这些新特性。语义化标签以前布局，我们基本用div来做。div对于搜索引擎来说，是没有语义的。：头部标签：导航标签：内容标签：定义文档的某个区域：侧边栏标签：尾部标签注意：这种语
  • HTML5&CSS3新特性 无敌的小周 css3html5html
    目录一.HTML5新特性1.新增语义化标签2.新增多媒体标签音频视频3.新增input类型4.新增表单属性二.CSS3新特性1.新增选择器属性选择器结构伪类选择器伪元素选择器2.盒子模型border-box3.图片变模糊4.计算盒子宽度width:calc函数5.过渡6.2D转换7.动画8.3D转换9.浏览器私有前缀广义和狭义的HTML5狭义的HTML5指HTML5中的标签广义的HTML5指的是一
  • 初识HTML5&CSS3 是阳仔啊
    一、HTML基础标签1.HTML简介超文本标记语言（英语：HyperTextMarkupLanguage，简称：HTML）是一种用于创建网页的标准标记语言标记语言是一套标记标签HTML使用标记标签来描述网页HTML文档包含了HTML标签及文本内容HTML运行在浏览器上，由浏览器来解析HTML文档也叫做web页面文档的后缀名：xxx.html或xxx.htm2.HTML标签HTML标记标签通常被称为
  • Html5&Css3新特性 阿桐随记
    1、HTML5新标签HTML新加了许多语义化标签，这些标签由于是新出的，适用于高版本浏览器，ie9以下不推荐使用，推荐手机浏览器使用，因为手机浏览器出来的晚一点，但是浏览器的起点特别高。Header头部标签nav导航标签section文档中的区段标签article文章标签aside侧边栏footer页脚，底部标签801509-20160711082959467-525706727.png2、拖拽拖
  • 与李晗交流记 复苏森林
    为期三天的HTML5&CSS3学习,并没有学到多少新知识,却改变了很多认知.没有学到新知识的原因是,其他学员是零基础,所以老师讲的很简单,没意思.改变了很多认知是因为我们认为即使没有学到新知识,也不能放弃这么好的机会和浪费这么多的时间,于是自己准备了一些问题问老师.下面是通过问答和交流获得的一些收获:如果客户也不清楚需求是什么,经常发生需求变更,那么我们唯一可以做的就是比客户更加了解客户,了解行业
  • HTML5&CSS3笔记：响应式设计中的 HTML5 玉儿Qi 前端开发
    所有现代浏览器都能够正确理解常见的HTML5新特性(新的结构元素、视频和音频标签)，而对老版本的IE则可以使用腻子脚本来弥补我所遇到过的所有缺陷。什么是腻子脚本?腻子脚本(polyfill)这个词由RemySharp提出，意指使用腻子来补平老版本浏览器的缺陷。因此，腻子脚本具体指的是一段能给老版本浏览器带来新特性的JavaScript代码。值得注意的是，腻子脚本会给你的代码里追加多余的代码。因此，
  • HTML5&CSS3笔记：用 CSS3 创造令人惊艳的美 玉儿Qi 前端开发
    为什么CSS3对响应式设计非常有用:使用CSS3替代图片，在有带宽限制的网页中可有效减少http请求(从而使网页加载更快)，并可使网页更灵活、更容易维护。这些优点甚至在传统的固定宽度桌面版网页中也很有用，但它们在响应式设计中更为重要，因此它们可以让网页在不同的视口中显示不同尺寸的模块或文字阴影，而不需要为此单独制作和导出图片。文字阴影文字阴影的基本语法：.element{text-shadow:1
  • 前端笔记——HTML5&CSS3 ALLIN5
    一、CSS权重概念和作用：权重指的是样式的优先级;有两条或多条样式作用于一个元素，权重高的那条样式对元素起作用；权重相同的，后写的样式会覆盖前面写的样式；权重等级1、!important，加在样式属性值后，权重值为100002、内联样式，如：style=””，权重值为10003、ID选择器，如：#content，权重值为1004、类，伪类和属性选择器，如：content、:hover权重值为105
  • HTML5 & CSS3 Support MAC和WIN系统下的浏览器对HTML5 & CSS... chuozhi7142
    MAC和WIN系统下的浏览器对HTML5&CSS3的支持情况一览表http://yespsd.com/html5/HTML5-CSS3-Support转载于:https://my.oschina.net/victorlovecode/blog/155199
  • HTML5 & CSS3编程入门经典 ((美)Rob Larsen) pdf扫描版 不一样的女孩6
    HTML和CSS是构建网页所需要了解的两种核心编程语言，拉尔森编著的这本《HTML5&CSS3编程入门经典》详细介绍了这两种语言。《HTML5&CSS3编程入门经典》提供了对于最佳实践及技术的手把手指导。作为一本实用参考，《HTML5&CSS3编程入门经典》深入阐述了为当今多设备多平台环境开发独特的现代网站所需的HTML及CSS最新版本。《HTML5&CSS3编程入门经典》涵盖了丰富的内容：从为网
  • 让你的HTML5&CSS3网站在老IE中也能正常显示的3种方法 wangbinykit
    起初，IE其实也是一款非常有进取心的浏览器。但经过一段时间的蛰伏后，它已经成为了我们生活中的一道障碍。微软现在又重新开始向其它浏览器发起挑战，但事实情况是，新版的现代IE浏览器一直滞后于谷歌浏览器和火狐浏览器。我们还不得不想办法兼容早期的IE浏览器。下面提到的三种方法能快捷轻松的让你的HTML5&CSS3网站在微软的主要浏览器中也能神奇的运行！htmlshiv.jsRemy开发的HTML5shiv
  • 8个前沿的 HTML5 & CSS3 效果 X-rapido
    查看原文在线演示和源码下载：http://www.ibloger.net/article/408.html作为一个前沿的Web开发者，对于HTML5和CSS3技术或多或少都有掌握。前几年这些新技术刚萌芽的时候，开发者们已经使用它们来小试牛刀了，如今这些先进技术已经遍地开发，特别是在移动端大显身手。这篇文章挑选了8个前沿的HTML5&CSS3效果，记得收藏哦：）温馨提示：为保证最佳的效果，请在IE1
  • ASM系列四 利用Method 组件动态注入方法逻辑 lijingyao8206 字节码技术jvmAOP动态代理ASM
            这篇继续结合例子来深入了解下Method组件动态变更方法字节码的实现。通过前面一篇，知道ClassVisitor 的visitMethod()方法可以返回一个MethodVisitor的实例。那么我们也基本可以知道，同ClassVisitor改变类成员一样，MethodVIsistor如果需要改变方法成员，注入逻辑，也可以
  • java编程思想 --内部类 百合不是茶 java内部类匿名内部类
    内部类;了解外部类 并能与之通信 内部类写出来的代码更加整洁与优雅   1,内部类的创建  内部类是创建在类中的 package com.wj.InsideClass; /* * 内部类的创建 */ public class CreateInsideClass { public CreateInsideClass(
  • web.xml报错 crabdave web.xml
    web.xml报错   The content of element type "web-app" must match "(icon?,display-  name?,description?,distributable?,context-param*,filter*,filter-mapping*,listener*,servlet*,s
  • 泛型类的自定义 麦田的设计者 javaandroid泛型
       为什么要定义泛型类，当类中要操作的引用数据类型不确定的时候。 采用泛型类，完成扩展。   例如有一个学生类     Student{ Student(){ System.out.println("I'm a student....."); } }  有一个老师类  
  • CSS清除浮动的4中方法 IT独行者 JavaScriptUIcss
    清除浮动这个问题，做前端的应该再熟悉不过了，咱是个新人，所以还是记个笔记，做个积累，努力学习向大神靠近。CSS清除浮动的方法网上一搜，大概有N多种，用过几种，说下个人感受。 1、结尾处加空div标签 clear:both 1 2 3 4 .div 1 { background : #000080 ; border : 1px   s
  • Cygwin使用windows的jdk 配置方法 _wy_ jdkwindowscygwin
    1.[vim /etc/profile]    JAVA_HOME="/cgydrive/d/Java/jdk1.6.0_43"  (windows下jdk路径为D:\Java\jdk1.6.0_43)    PATH="$JAVA_HOME/bin:${PATH}"    CLAS
  • linux下安装maven 无量 mavenlinux安装
    Linux下安装maven(转) 1.首先到Maven官网 下载安装文件，目前最新版本为3.0.3，下载文件为 apache-maven-3.0.3-bin.tar.gz，下载可以使用wget命令； 2.进入下载文件夹，找到下载的文件，运行如下命令解压 tar -xvf  apache-maven-2.2.1-bin.tar.gz 解压后的文件夹
  • tomcat的https 配置,syslog-ng配置 aichenglong tomcathttp跳转到httpssyslong-ng配置syslog配置
    1) tomcat配置https,以及http自动跳转到https的配置     1)TOMCAT_HOME目录下生成密钥(keytool是jdk中的命令)      keytool -genkey -alias tomcat -keyalg RSA -keypass changeit -storepass changeit
  • 关于领号活动总结 alafqq 活动
    关于某彩票活动的总结 具体需求，每个用户进活动页面，领取一个号码，1000中的一个； 活动要求 1，随机性，一定要有随机性； 2，最少中奖概率，如果注数为3200注，则最多中4注 3，效率问题，（不能每个人来都产生一个随机数，这样效率不高）； 4，支持断电（仍然从下一个开始），重启服务；（存数据库有点大材小用，因此不能存放在数据库） 解决方案 1，事先产生随机数1000个，并打
  • java数据结构 冒泡排序的遍历与排序 百合不是茶 java
    java的冒泡排序是一种简单的排序规则   冒泡排序的原理：           比较两个相邻的数，首先将最大的排在第一个，第二次比较第二个 ，此后一样；         针对所有的元素重复以上的步骤，除了最后一个     例题；将int array[]
  • JS检查输入框输入的是否是数字的一种校验方法 bijian1013 js
    如下是JS检查输入框输入的是否是数字的一种校验方法： <form method=post target="_blank"> 数字：<input type="text" name=num onkeypress="checkNum(this.form)"><br> </form>
  • Test注解的两个属性：expected和timeout bijian1013 javaJUnitexpectedtimeout
    JUnit4：Test文档中的解释： 　　The Test annotation supports two optional parameters. 　　The first, expected, declares that a test method should throw an exception. 　　If it doesn't throw an exception or if it
  • [Gson二]继承关系的POJO的反序列化 bit1129 POJO
    父类     package inheritance.test2; import java.util.Map; public class Model { private String field1; private String field2; private Map<String, String> infoMap
  • 【Spark八十四】Spark零碎知识点记录 bit1129 spark
    1. ShuffleMapTask的shuffle数据在什么地方记录到MapOutputTracker中的 ShuffleMapTask的runTask方法负责写数据到shuffle map文件中。当任务执行完成成功，DAGScheduler会收到通知，在DAGScheduler的handleTaskCompletion方法中完成记录到MapOutputTracker中  
  • WAS各种脚本作用大全 ronin47 WAS 脚本
    　　　http://www.ibm.com/developerworks/cn/websphere/library/samples/SampleScripts.html 　　　无意中，在WAS官网上发现的各种脚本作用，感觉很有作用，先与各位分享一下 　　　 获取下载 这些示例 jacl 和 Jython 脚本可用于在 WebSphere Application Server 的不同版本中自
  • java-12.求 1+2+3+..n不能使用乘除法、 for 、 while 、 if 、 else 、 switch 、 case 等关键字以及条件判断语句 bylijinnan switch
    借鉴网上的思路，用java实现： public class NoIfWhile { /** * @param args * * find x=1+2+3+....n */ public static void main(String[] args) { int n=10; int re=find(n); System.o
  • Netty源码学习-ObjectEncoder和ObjectDecoder bylijinnan javanetty
    Netty中传递对象的思路很直观： Netty中数据的传递是基于ChannelBuffer（也就是byte[]）； 那把对象序列化为字节流，就可以在Netty中传递对象了 相应的从ChannelBuffer恢复对象，就是反序列化的过程 Netty已经封装好ObjectEncoder和ObjectDecoder 先看ObjectEncoder ObjectEncoder是往外发送
  • spring 定时任务中cronExpression表达式含义 chicony cronExpression
    一个cron表达式有6个必选的元素和一个可选的元素，各个元素之间是以空格分隔的，从左至右，这些元素的含义如下表所示： 代表含义            是否必须 允许的取值范围         &nb
  • Nutz配置Jndi ctrain JNDI
    1、使用JNDI获取指定资源： var ioc = { dao : { type :"org.nutz.dao.impl.NutDao", args : [ {jndi :"jdbc/dataSource"} ] } } 以上方法,仅需要在容器中配置好数据源,注入到NutDao即可.
  • 解决 /bin/sh^M: bad interpreter: No such file or directory daizj shell
    在Linux中执行.sh脚本，异常/bin/sh^M: bad interpreter: No such file or directory。   分析：这是不同系统编码格式引起的：在windows系统中编辑的.sh文件可能有不可见字符，所以在Linux系统下执行会报以上异常信息。 解决： 1）在windows下转换： 利用一些编辑器如UltraEdit或EditPlus等工具
  • [转]for 循环为何可恨？ dcj3sjt126com 程序员读书
      Java的闭包(Closure)特征最近成为了一个热门话题。 一些精英正在起草一份议案，要在Java将来的版本中加入闭包特征。 然而，提议中的闭包语法以及语言上的这种扩充受到了众多Java程序员的猛烈抨击。 不久前，出版过数十本编程书籍的大作家Elliotte Rusty Harold发表了对Java中闭包的价值的质疑。 尤其是他问道“for 循环为何可恨？”[http://ju
  • Android实用小技巧 dcj3sjt126com android
    1、去掉所有Activity界面的标题栏 　　修改AndroidManifest.xml 　　在application 标签中添加android:theme="@android:style/Theme.NoTitleBar"   2、去掉所有Activity界面的TitleBar 和StatusBar  　　修改AndroidManifes
  • Oracle 复习笔记之序列 eksliang Oracle 序列sequenceOracle sequence
    转载请出自出处：http://eksliang.iteye.com/blog/2098859 1.序列的作用 序列是用于生成唯一、连续序号的对象 一般用序列来充当数据库表的主键值 2.创建序列语法如下：   create sequence s_emp start with 1 --开始值 increment by 1 --増长值 maxval
  • 有“品”的程序员 gongmeitao 工作
    完美程序员的10种品质　　   完美程序员的每种品质都有一个范围，这个范围取决于具体的问题和背景。没有能解决所有问题的   完美程序员（至少在我们这个星球上），并且对于特定问题，完美程序员应该具有以下品质： 　　1. 才智非凡- 能够理解问题、能够用清晰可读的代码翻译并表达想法、善于分析并且逻辑思维能力强   （范围：用简单方式解决复杂问题）　　
  • 使用KeleyiSQLHelper类进行分页查询 hvt sql.netC#asp.nethovertree
    本文适用于sql server单主键表或者视图进行分页查询，支持多字段排序。KeleyiSQLHelper类的最新代码请到http://hovertree.codeplex.com/SourceControl/latest下载整个解决方案源代码查看。或者直接在线查看类的代码：http://hovertree.codeplex.com/SourceControl/latest#HoverTree.D
  • SVG 教程 （三）圆形，椭圆，直线 天梯梦 svg
    SVG <circle> SVG 圆形 - <circle> <circle> 标签可用来创建一个圆： 下面是SVG代码： <svg xmlns="http://www.w3.org/2000/svg" version="1.1"> <circle cx="100" c
  • 链表栈 luyulong java数据结构
    public class Node { private Object object; private Node next; public Node() { this.next = null; this.object = null; } public Object getObject() { return object; } public
  • 基础数据结构和算法十：2-3 search tree sunwinner Algorithm2-3 search tree
      Binary search tree works well for a wide variety of applications, but they have poor worst-case performance. Now we introduce a type of binary search tree where costs are guaranteed to be loga
  • spring配置定时任务 stunizhengjia springtimer
    最近因工作的需要，用到了spring的定时任务的功能,觉得spring还是很智能化的,只需要配置一下配置文件就可以了,在此记录一下，以便以后用到：     //------------------------定时任务调用的方法------------------------------ /** * 存储过程定时器 */ publi
  • ITeye 8月技术图书有奖试读获奖名单公布 ITeye管理员 活动
    ITeye携手博文视点举办的8月技术图书有奖试读活动已圆满结束，非常感谢广大用户对本次活动的关注与参与。 8月试读活动回顾： http://webmaster.iteye.com/blog/2102830 本次技术图书试读活动的优秀奖获奖名单及相应作品如下（优秀文章有很多，但名额有限，没获奖并不代表不优秀）： 《跨终端Web》 gleams：http
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他