XYQ全哥
XYQ全哥

CSS：CSS定位和浮动

CSS2.1规定了3种定位方案

1.Normal flow：普通流(相对定位 position relative、静态定位 position static)

　　普通流（normal flow，国内有人翻译为文档流）：普通流默认是静态定位，将窗体自上而下分成一行一行,块级元素从上至下、 行内元素在每行中按从左至右的挨次排放元素,即为文档流。

2.Float:浮动流

　　浮动流：元素的浮动，即可以让一个元素脱离原来的文档流，漂到另一个地方，漂到左边或右边等等。

3.Absolute position：绝对定位

　　绝对定位：就是直接将元素的位置写清楚，距离它的外层元素的左边、右边等多少距离。

 

第一部分、普通流Normal Flow演示：

代码：

CSS_Position.html

CSS：CSS定位和浮动_第1张图片

doctype html>
<html lang="zh-CN">
    <head>
        <meta charset="utf-8">
        <meta name="descripition" conent="this is an example">
        <meta name="keywords" conent="html,css">

        <link rel="stylesheet" style="text/css" href="CSS_Position.css">

        <title> CSS的定位和浮动title>

     head>
     <body>
         <div class="div1">
         div>

         <div class="div2">
         div>

         <div class="div3">
         div>
     body>
html>
View Code

CSS_Position.css：静态定位  

CSS：CSS定位和浮动_第2张图片

.div1{
    width: 200px;
    height: 200px;
    background-color: green;
    display: block;/*默认块换行模式,可以不用写*/
}

.div2{
    width: 200px;
    height: 200px;
    background-color: red;
    display: block;/*默认块换行模式,可以不用写*/
}

.div3{
    width: 200px;
    height: 200px;
    background-color: blue;
    display: block;/*默认块换行模式,可以不用写*/
}
View Code

效果图：

CSS：CSS定位和浮动_第3张图片

CSS_Position.css：静态定位  

CSS：CSS定位和浮动_第4张图片

.div1{
    width: 200px;
    height: 200px;
    background-color: green;
    display: inline-block;/*先不换行,从左往右排列*/
}

.div2{
    width: 200px;
    height: 200px;
    background-color: red;
    display: inline-block;/*先不换行,从左往右排列*/
}

.div3{
    width: 200px;
    height: 200px;
    background-color: blue;
    position: relative;
    display: inline-block;/*先不换行,从左往右排列*/
}
View Code

 效果图：

 CSS：CSS定位和浮动_第5张图片

CSS_Position.css:相对定位　

CSS：CSS定位和浮动_第6张图片

.div1{
    width: 200px;
    height: 200px;
    background-color: green;
}

.div2{
    width: 200px;
    height: 200px;
    background-color: red;
    top: -10px;/*距离顶部上移动10像素*/
    left: 20px;/*距离左边移动20像素*/
    position: relative;/*此时是相对定位，如果换成静态定位static，那么设置的top,left等是没有任何作用的*/
}

.div3{
    width: 200px;
    height: 200px;
    background-color: blue;
}
View Code

效果图：

CSS：CSS定位和浮动_第7张图片

 

 

第二部分、Float 浮动流演示：　　

CSS_Position.css：浮动一个元素

CSS：CSS定位和浮动_第8张图片

.div1{
    width: 200px;
    height: 200px;
    background-color: green;
}

.div2{
    width: 200px;
    height: 200px;
    background-color: red;
    float: right;  /*div2块浮动到网页的右边*/
}

.div3{
    width: 200px;
    height: 200px;
    background-color: blue;
}
View Code

效果图：

CSS：CSS定位和浮动_第9张图片

CSS_Position.css：三个元素全部浮动

CSS：CSS定位和浮动_第10张图片

.div1{
    width: 200px;
    height: 200px;
    background-color: green;
    float: left;/*div1块浮动到网页的左边*/
}

.div2{
    width: 200px;
    height: 200px;
    background-color: red;
    float: left;/*div2块浮动到网页的左边*/
}

.div3{
    width: 200px;
    height: 200px;
    background-color: blue;
    float: left;/*div3块浮动到网页的左边*/
}
View Code

效果图：

CSS：CSS定位和浮动_第11张图片

CSS_Position.css：清除浮动元素

CSS：CSS定位和浮动_第12张图片

 

.div1{
    width: 200px;
    height: 200px;
    background-color: green;
}

.div2{
    width: 200px;
    height: 200px;
    background-color: red;
    float: right;/*div2块浮动到右边*/
}

.div3{
    width: 200px;
    height: 200px;
    background-color: blue;
    clear: right;/*清除div3右边的浮动，当然也可以左边left、两边both*/
}
View Code

效果图：

CSS：CSS定位和浮动_第13张图片

 

第三部分、Absolute position绝对定位演示：

CSS_Position.html

CSS：CSS定位和浮动_第14张图片

doctype html>
<html lang="zh-CN">
    <head>
        <meta charset="utf-8">
        <meta name="descripition" conent="this is an example">
        <meta name="keywords" conent="html,css">

        <link rel="stylesheet" style="text/css" href="CSS_Position.css">

        <title> CSS的定位和浮动title>

     head>
     <body>
         <div class="div1">
         div>

         <div class="div2">
         div>

         <div class="div3">
              <div class="mylabel">
              div>
         div>
     body>
html>
View Code

CSS_Position.css: mylabel的默认位置

CSS：CSS定位和浮动_第15张图片

.div1{
    width: 200px;
    height: 200px;
    background-color: green;
}

.div2{
    width: 200px;
    height: 200px;
    background-color: red;
}

.div3{
    width: 200px;
    height: 200px;
    background-color: blue;
     position: relative;
}

.mylabel{
    width: 40px;
    height: 40px;
    background-color: yellow;
}
View Code

效果图：

CSS：CSS定位和浮动_第16张图片

CSS_Position.css：绝对定位、使用绝对定位改变mylabel的位置，使mylabel距离外层顶部-10px，距离外层右边10px：

CSS：CSS定位和浮动_第17张图片

.div1{
    width: 200px;
    height: 200px;
    background-color: green;
}

.div2{
    width: 200px;
    height: 200px;
    background-color: red;
}

.div3{
    width: 200px;
    height: 200px;
    background-color: blue;
    position: relative;
}

.mylabel{
    width: 40px;
    height: 40px;
    background-color: yellow;
    position: absolute;
    top: -10px;
    right: 10px;
}
View Code

效果图：

CSS：CSS定位和浮动_第18张图片

你可能感兴趣的:(CSS：CSS定位和浮动)

  • 明月随良掾，春潮夜夜深。 古诗新读
    送郭司仓唐代：王昌龄映门淮水绿，留骑主人心。明月随良掾，春潮夜夜深。赏析此诗写春日送别友人，以淮水春潮为喻，委婉含蓄地抒发了对友人远行的依依不舍之情与无限思念。这是一首表达友谊的送别诗，全篇情意真挚，感人至深。“映门淮水绿，留骑主人心。”句用了画意般的描写，点明时间和地点。这是临水的地方，淮河碧绿的颜色被映在门上，应该是晚上吧，白天太阳下水的影子应该是闪烁不定的，不能看清楚颜色。只有静夜下平静的水
  • 忆过...忆己 落隐栖
    归来......回归正常，懒散的状态一如既往，一年的时间快到都没来得及记忆，追忆！前两天整理照片时，看到一路景色，才回忆到，七月的酷暑，顶着将近38-9度的高温，冒着太阳的烘烤独自骑行到密云水库！去的路上无意间闯入的一条小路--安静扭头看了看胳膊上那道明显的黑白分界线！噢！一冬天都没有恢复....也想到了在一段爬坡的路上，车不给力，骑得像蜗牛，后面来的一个兄弟和一个妹子，轻松越过，旁边给我打气，姐
  • 书是回忆·路是远方 ly刘瑾瑜
    不知道从什么时候开始，我放下手中的书籍，开始拿起手机打游戏、看视频，我开始虚度光阴，日复一日，觉得生活乏然无味。，也许我还不懂自己，在这个信息时代看不清楚自己的发展方向，迷失了自我，过得糊涂而散漫。放假回家有一日在家中看到表弟捧着《中国古代童话故事》在看，突然想起来这本书还是我在小学的时候看的，想来这么多年我依旧记着上面的故事和图画，突然醒悟正值大好时光的我，之前浪费了那么多时间，没有让自己多看点
  • 2019年6月11日 星期二 輝大帥520989
    亲爱的丹琪：晚上好昨天晚上我们聊到了有关安全感的话题，那么今晚我们继续聊接下来的话题。安全感分物质和精神两个层面。1、精神层面：当一个人在情感方面从对方身上得不到足够的安全感时，对方便会追求物质方面的安全感，来抵制精神/情感方面的安全感缺失。2、物质层面：当一个人追求物质方面的享受的时候，那么对方的物质要求得不到充分的满足时，安全感相对在下降，那么对方便通过在精神方面追求新的替代者，来满足他在物质
  • 《风声》：生死关头，步步为营 芸芸的宇宙空间
    麦家的小说讲述故事，如同添砖加瓦，一层一层地铺开，也似缝制华服，穿针引线，丝丝入扣。《人生海海》如是，《风声》亦是。《风声》里的谍战故事本就足以让人揪心了，它中间《西风》部分的第一人称的加入，通过拜访谍战故事中的远在台湾的顾小梦（顾老），更让读者怀揣一颗忐忑之心去紧追着深挖更加真实和完整的故事。许是读得过于投入，我在读《西风》部分时，真真假假让我几次停下来确认自己是在读一部小说，而不是回忆录，也不
  • 容器—set的基本用法以及实践 old_Bai 笔记c++数据结构
    set就是集合，属于关联式容器，STL对定义的通用容器分三类：顺序性容器、关联式容器和容器适配器。顺序性容器是一种各元素之间有顺序关系的线性表，是一种线性结构的可序群集。顺序性容器中的每个元素均有固定的位置，除非用删除或插入的操作改变这个位置。这个位置和元素本身无关，而和操作的时间和地点有关，顺序性容器不会根据元素的特点排序而是直接保存了元素操作时的逻辑顺序。比如我们一次性对一个顺序性容器追加三个
  • 基于蜣螂算法优化多头注意力机制的卷积神经网络结合双向长短记忆神经网络实现温度预测DBO-CNN-biLSTM-Multihead-Attention附matlab代码 matlab科研助手 神经网络算法cnn
    ✅作者简介：热爱科研的Matlab仿真开发者，修心和技术同步精进，代码获取、论文复现及科研仿真合作可私信。个人主页：Matlab科研工作室个人信条：格物致知。更多Matlab完整代码及仿真定制内容点击智能优化算法神经网络预测雷达通信无线传感器电力系统信号处理图像处理路径规划元胞自动机无人机物理应用机器学习内容介绍温度预测在气象学、农业、能源等领域具有重要的应用价值。随着大数据和人工智能技术的快速发
  • 迁移学习让深度学习更容易 城市中迷途小书童
    摘要：一文读懂迁移学习及其对深度学习发展的影响！深度学习在一些传统方法难以处理的领域有了很大的进展。这种成功是由于改变了传统机器学习的几个出发点，使其在应用于非结构化数据时性能很好。如今深度学习模型可以玩游戏，检测癌症，和人类交谈，自动驾驶。深度学习变得强大的同时也需要很大的代价。进行深度学习需要大量的数据、昂贵的硬件、甚至更昂贵的精英工程人才。在ClouderaFastForward实验室，我们
  • 着迷 赫拉米噢
    图片发自App我想他了也只能坠落在我想他的地狱里这里有很多的他很多很多红色的白色的紫色的黑色的蓝色的绿色的五光十色七彩纷呈从来没有真正地去想要把他忘记这一次却感到无比的愉悦和快活因为忘记让我轻松快乐那一切的在乎态度像针扎我苍白的肌肤一样一针一针一针我的脸啊我的鼻子啊我的嘴巴啊我心里的秘密啊我私处的疤痕啊我的我的我的那属于我的世界翩翩起舞纷飞离散力量他给予我的兽性之光他赐予我的还有还有罪与罚还有还有
  • 开源基金/股票量化平台调研报告 Mr.小海 金融
    开源基金/股票量化平台调研报告引言调研背景与目的近年来，随着人工智能技术的持续深化，量化交易领域迎来了深刻变革。2025年，基于深度学习和机器学习的开源工具不断涌现，不仅在技术层面实现突破，更在实际应用中展现出强大竞争优势，推动行业创新与升级[1].作为融合数学、统计与计算机技术的科技驱动型金融策略，量化交易通过自动化与数据驱动方法提升投资决策效率与准确性，已成为金融机构与投资者追求超额收益的重要
  • 神经网络：模拟人脑的 AI 信息处理系统
    1.神经网络是什么：AI的“数字大脑”1.1从生物神经元到人工神经元人脑由860亿个神经元通过突触连接形成复杂网络，神经元通过电信号传递信息——当信号强度超过阈值时，神经元被激活并向其他神经元发送信号。神经网络正是模仿这一结构设计的计算模型，其核心是“人工神经元”和“层级连接”。人工神经元接收多个输入信号，通过权重（模拟突触强度）加权求和，再经激活函数处理（模拟神经元“是否激活”），输出结果。例如
  • 用心飞，狼狈无畏 限黑
    图片发自App袁生接到林苑妈妈电话的时候正准备和同事交接晚班。看到来电显示后毫不犹豫地接了。“喂，阿姨，怎么了?”“袁生，苑苑现在和你在一起吗？”林母焦急地询问。“没有”，预感可能发生了什么事，他沉着嗓子问:“阿姨，她怎么了?”林母瞬间就崩溃了，哽咽着说:“她到现在都还没回家。电话也打不通。问她班主任，他说她下了晚自习以后就走了。我不知道该怎么办，就打电话问问她是不是去找你了。”“阿姨您别急，我现
  • 遗憾的是没能成为你的例外和偏爱。 深情影视
    是我亲手把你推开的，也是我主动断了联系的，但是我们都很明白，是你先做了选择，把答案告诉我，让我来执行而已。
  • 2023-10-16 医院去不起啊 杨Jack
    之前一直胃不舒服，今年想着体检看看能不能做个胃镜检查下，结果体检中心说只能去医院做，于是，今早上挂了医院的号，一大早就来医院排队做胃镜。首先，医生大概问了下症状，我简单表述了下，医生大手一挥，先去做个检查。一看单子，乖乖，检查项有三项，检查费用1400多，就算有医保也经不起这么花啊。仔细看了里边的血常规和心电图检查，我专门找到医生说，之前我体检做过这两项，都显示正常，是不是可以不用做这两项检查，和
  • 210讲：工作再设计 | 省钱的激励方式 河南王凯凯
    工作特性理论对于企业改善员工激励真的非常有效。工作再设计，是对工作过程的一种整理，通过这种整理，真的可以改善员工的心理感觉，增强内在激励，这是不需要花钱的激励。因为激励发自于内心，是最高境界的激励。轮岗，虽然从严格意义上说还不是“工作再设计”，但它已经体现出“工作再设计”的思想和逻辑。一个人在不同的岗位上工作，可以收获到比在一个固定岗位上工作更多的经验和工作乐趣，以及成长的机会。有一种说法，叫做“
  • 缓解和防御 IoT 设备中的 DDoS 攻击 hao_wujing 物联网ddos
    大家读完觉得有帮助记得关注和点赞！！！抽象物联网（IoT）在多个领域的快速增长和广泛采用导致了新的安全威胁的出现，包括分布式拒绝服务（DDoS）。这些攻击在世界范围内引起了重大关注，因为它们可能对关键基础设施和服务造成重大破坏。由于安全功能有限，IoT设备容易受到攻击并吸引攻击者，因此很容易成为攻击者的猎物。此外，攻击者可以破坏IoT设备以形成僵尸网络-一个感染了恶意软件的私人计算机网络，并在所有
  • 同步发电机与逆变型电源故障电流特性对比实验研究 神经网络15044 MATLAB专栏仿真模型生成对抗网络学习人工智能开发语言matlab
    同步发电机与逆变型电源故障电流特性对比实验研究前些天发现了一个巨牛的人工智能学习网站，通俗易懂，风趣幽默，忍不住分享一下给大家。点击跳转到网站。1.研究背景与意义随着可再生能源在电力系统中的渗透率不断提高，逆变型电源(Inverter-BasedResources,IBR)在电网中的比重日益增加。与传统同步发电机相比，IBR的故障响应特性存在显著差异，这对电力系统的保护设计和运行控制提出了新的挑战
  • 内测分发平台应用的异地容灾和负载均衡处理和实现思路 咕噜企业签名分发-大圣 负载均衡运维
    内测分发平台应用的异地容灾和负载均衡处理和实现思路如下：一、异地容灾1.风险评估和需求分析：首先，对现有的IT基础设施进行全面的风险评估和需求分析，评估潜在风险和灾害的可能性，确定业务和数据的关键性。2.设计备份架构：根据风险评估和需求分析的结果，设计合理的备份架构，选择合适的备份设备和工具，确定备份频率和存储位置，确保数据的完整性和可用性。3.数据备份和同步：一旦备份架构设计完成，开始进行数据备
  • 网络安全态势感知模型 原理和架构及案例 hao_wujing web安全架构安全
    大家读完觉得有帮助记得关注和点赞！！！网络安全态势感知（NetworkSecuritySituationAwareness,NSSA）是通过多源数据融合、动态分析与预测，实现对网络环境安全状态的全局认知与风险预判的核心技术体系。其核心价值在于将碎片化威胁信息转化为可行动的防御策略，以下从原理、架构及典型案例三方面展开深度解析：一、核心原理：三层认知模型与动态融合1.Endsley三层模型10态势要
  • 2022-04-11 春暖花开_684d
    《和孩子一起做家务》感受:当代社会的发展，科技的进步。孩子的学习成了每个家庭中最重要的事情，家长们怕耽误孩子的学习时间什么家务也不让做，把孩子养成了衣来顺手，饭来张口的坏习惯。导致一些孩子们大学毕业还不会照顾自己，甚至成了巨婴。收获:做家务能让孩子自力起来，锻炼孩子的自信心。帮助别人也是一种快乐，会做家务的人会让家人、社会更和谐。新知:孩子也是家庭中的一分子，能替父母分担一些力所能及的事也是可以的
  • 车载网络安全威胁与保障
    车载网络的安全性是智能网联汽车发展的重要保障，以下是关于车载网络安全性的详细介绍：车载网络面临的威胁车端安全风险：车载软硬件存在安全隐患。例如，车载智能网关、远程信息处理控制单元（T-BOX）、电子控制单元（ECU）等车载联网设备缺乏高等级的安全校验机制和防护能力，存在安全漏洞隐患。此外，车内网络协议如CAN、FlexRay等缺乏安全设计，车内数据传输缺乏加密和访问认证等防护措施，容易受到嗅探、窃
  • 【传齐社读书俱乐部】第109期周六早读——《老后破产》朱殿祥学长分享文稿04 传齐社读书俱乐部
    朱殿祥（北京畅易达工贸）直播间的各位学长大家早上好，丰一丰一，勇创第一，交流分享，人人受益，我是来自丰台一组的朱殿祥。每一次的早读分享，都能让我们度过一个愉快的清晨，每一个周六早上，我们都能收获满满。使每一个早上，都是让我们有着思想，让我们冲动，让我们沉思，让我们有了不断成长的时刻。刚才听到前面几位学长针对《老后破产》的诸多见解和迷茫，我也深有感触。我所从事的行业就是有关于养老服务产品的执行，落地
  • 微信部署chatgpt｜chatGPT接入QQ群｜chatgpt引入微信 红匣子实力推荐
    微信是目前全球最火爆的社交媒体之一，拥有大量的用户，在中国更是使用率极高的应用。为了满足许多企业内部沟通和客户服务的需求，微信官方提供了一个可以用于开发聊天机器人的平台——ChatGPT。ChatGPT可以通过微信后台进行部署，实现自定义的聊天机器人功能。这个平台基于GPT技术，能够智能地理解汉语，推断用户的意图，并生成相应的文本作出回应。通过这个平台，企业可以为其客户提供更便捷和优质的服务。CH
  • AIGC革命：基于魔搭社区的LLM应用开发实战——从模型微调到系统部署 Liudef06小白 AIGC人工智能特殊专栏人工智能魔搭AIGCLLM
    AIGC革命：基于魔搭社区的LLM应用开发实战——从模型微调到系统部署1.AIGC技术演进与魔搭社区生态解析人工智能生成内容（AIGC）正在重塑内容创作、软件开发和人机交互的边界。从OpenAI的GPT系列到StabilityAI的StableDiffusion，生成式AI技术正以惊人的速度发展。在这场技术革命中，魔搭社区（ModelScope）作为中国领先的AI模型开源平台，正成为开发者探索AI
  • 在网络安全护网中，溯源是什么？ ～小羊没烦恼～ web安全安全网络数据库php开发语言人工智能
    在网络安全护网中，溯源是什么？在网络安全护网中，溯源是指通过收集、分析和解释数字证据来追踪和还原网络攻击或其他网络犯罪活动的过程。它旨在确定攻击者的身份、行为和意图，以便采取适当的对策，并为法律机构提供必要的证据。溯源可以应用于多种场景，例如网络入侵调查、恶意软件分析、数据泄露事件、计算机犯罪等。其主要目标是通过收集和分析数字证据，找出攻击事件的起源、路径和影响，并对犯罪活动进行追踪。在网络安全护
  • 网络安全人士必知的35个安全框架及模型
    一、概述网络安全专业机构制定的一套标准、准则和程序，旨在帮助组织了解和管理面临的网络安全风险。优秀的安全框架及模型应该为用户提供一种可靠方法，帮助其实现网络安全建设计划。对于那些希望按照行业最佳实践来设计或改进安全策略的组织或个人来说，网络安全框架及模型是不可或缺的指导工具。使用安全模型对业务安全进行总结和指导，避免思维被局限，出现安全短板。本文仅做简单介绍，做到穿针引线的作用，详细介绍等后续安排
  • 网络安全溯源（非常详细），零基础入门到精通，看这一篇就够了 爱吃小石榴16 web安全安全网络1024程序员节前端系统安全开发语言
    前言在网络安全护网中，溯源是什么？在网络安全护网中，溯源是指通过收集、分析和解释数字证据来追踪和还原网络攻击或其他网络犯罪活动的过程。它旨在确定攻击者的身份、行为和意图，以便采取适当的对策，并为法律机构提供必要的证据。溯源可以应用于多种场景，例如网络入侵调查、恶意软件分析、数据泄露事件、计算机犯罪等。其主要目标是通过收集和分析数字证据，找出攻击事件的起源、路径和影响，并对犯罪活动进行追踪。在网络安
  • 努力做更优秀的教师（第三天心得） 水墨烟岚
    2021年12月25日上午聆听了王纬虹专家的报告后，对老师提出的困惑，困难，问题，经验和成绩，我总结一下前三者归结为问题，后两者归结为反馈。做为英语教师，我的问题是学生记不住单词，语法题做错，读不懂文章，不会写作文，这些问题归根结底是记忆，如何让学生积极的记，坚持记是我的课题。榜样是我学习的模范，余映潮老师让自己的足迹在繁华的城市，也在偏僻的山村，积累和学习是他一生的主旋律，尤其是他对自己有标准，
  • 清迈和Pai县 十一出游计划 走丢的小土豆
    10.1凌晨香港机场出发，抵达清迈，入住苏安土井屋度假酒店。图片发自App图片发自App图片发自App图片发自App图片发自App图片发自App游览酒店附近景点宁曼路清迈大学各种寺庙图片发自App图片发自App图片发自App图片发自App图片发自App图片发自App图片发自App图片发自App图片发自App图片发自App图片发自App图片发自App入住曼陀罗酒店图片发自App图片发自App图片发自
  • 保持对每个职业的尊重 木丁西的文
    很多人从小被父母灌输的思想是，不好好学习你就干xx工作去？在xx上，往往是一些廉价的工资职业。事实上，工资的多少，职位的高低，尊重没太大的关联。诺贝尔讲台的扫地大爷格劳伯，每年都上台扫地，最终也获得了诺贝尔奖。而被灌输其他思想的那个孩子长大之后果然从事了父母瞧不起的职业。曾经有个孩子父母说，你不听话（不学习、考不好）你就掏马葫芦去！你就扫大街去！之类的话。孩子在摇头和哭声中一遍遍地拒绝父母，但是父
  • 面向对象面向过程 3213213333332132 java
    面向对象：把要完成的一件事，通过对象间的协作实现。 面向过程：把要完成的一件事，通过循序依次调用各个模块实现。 我把大象装进冰箱这件事为例，用面向对象和面向过程实现，都是用java代码完成。 1、面向对象 package bigDemo.ObjectOriented; /** * 大象类 * * @Description * @author FuJian
  • Java Hotspot: Remove the Permanent Generation bookjovi HotSpot
      openjdk上关于hotspot将移除永久带的描述非常详细，http://openjdk.java.net/jeps/122   JEP 122: Remove the Permanent Generation Author Jon Masamitsu Organization Oracle Created 2010/8/15 Updated 2011/
  • 正则表达式向前查找向后查找,环绕或零宽断言 dcj3sjt126com 正则表达式
    向前查找和向后查找 1. 向前查找：根据要匹配的字符序列后面存在一个特定的字符序列(肯定式向前查找)或不存在一个特定的序列(否定式向前查找)来决定是否匹配。.NET将向前查找称之为零宽度向前查找断言。     对于向前查找，出现在指定项之后的字符序列不会被正则表达式引擎返回。 2. 向后查找：一个要匹配的字符序列前面有或者没有指定的
  • BaseDao 171815164 seda
    import java.sql.Connection; import java.sql.DriverManager; import java.sql.SQLException; import java.sql.PreparedStatement; import java.sql.ResultSet; public class BaseDao { public Conn
  • Ant标签详解--Java命令 g21121 Java命令
            这一篇主要介绍与java相关标签的使用         终于开始重头戏了，Java部分是我们关注的重点也是项目中用处最多的部分。           1
  • [简单]代码片段_电梯数字排列 53873039oycg 代码
           今天看电梯数字排列是9 18 26这样呈倒N排列的,写了个类似的打印例子，如下:       import java.util.Arrays; public class 电梯数字排列_S3_Test { public static void main(S
  • Hessian原理 云端月影 hessian原理
    Hessian 原理分析 一．      远程通讯协议的基本原理 网络通信需要做的就是将流从一台计算机传输到另外一台计算机，基于传输协议和网络 IO 来实现，其中传输协议比较出名的有 http 、 tcp 、 udp 等等， http 、 tcp 、 udp 都是在基于 Socket 概念上为某类应用场景而扩展出的传输协
  • 区分Activity的四种加载模式----以及Intent的setFlags aijuans android
      在多Activity开发中，有可能是自己应用之间的Activity跳转，或者夹带其他应用的可复用Activity。可能会希望跳转到原来某个Activity实例，而不是产生大量重复的Activity。 这需要为Activity配置特定的加载模式，而不是使用默认的加载模式。 加载模式分类及在哪里配置 Activity有四种加载模式： standard singleTop
  • hibernate几个核心API及其查询分析 antonyup_2006 html.netHibernatexml配置管理
    (一)  org.hibernate.cfg.Configuration类         读取配置文件并创建唯一的SessionFactory对象.(一般,程序初始化hibernate时创建.)         Configuration co
  • PL/SQL的流程控制 百合不是茶 oraclePL/SQL编程循环控制
    PL/SQL也是一门高级语言,所以流程控制是必须要有的,oracle数据库的pl/sql比sqlserver数据库要难,很多pl/sql中有的sqlserver里面没有   流程控制; 分支语句 if 条件 then 结果 else 结果 end if ; 条件语句 case when 条件 then 结果; 循环语句 loop
  • 强大的Mockito测试框架 bijian1013 mockito单元测试
    一.自动生成Mock类        在需要Mock的属性上标记@Mock注解，然后@RunWith中配置Mockito的TestRunner或者在setUp()方法中显示调用MockitoAnnotations.initMocks(this);生成Mock类即可。二.自动注入Mock类到被测试类  &nbs
  • 精通Oracle10编程SQL(11)开发子程序 bijian1013 oracle数据库plsql
    /* *开发子程序 */ --子程序目是指被命名的PL/SQL块，这种块可以带有参数，可以在不同应用程序中多次调用 --PL/SQL有两种类型的子程序：过程和函数 --开发过程 --建立过程：不带任何参数 CREATE OR REPLACE PROCEDURE out_time IS BEGIN DBMS_OUTPUT.put_line(systimestamp); E
  • 【EhCache一】EhCache版Hello World bit1129 Hello world
    本篇是EhCache系列的第一篇，总体介绍使用EhCache缓存进行CRUD的API的基本使用，更细节的内容包括EhCache源代码和设计、实现原理在接下来的文章中进行介绍   环境准备 1.新建Maven项目   2.添加EhCache的Maven依赖 <dependency> <groupId>ne
  • 学习EJB3基础知识笔记 白糖_ beanHibernatejbosswebserviceejb
    最近项目进入系统测试阶段，全赖袁大虾领导有力，保持一周零bug记录，这也让自己腾出不少时间补充知识。花了两天时间把“传智播客EJB3.0”看完了，EJB基本的知识也有些了解，在这记录下EJB的部分知识，以供自己以后复习使用。   EJB是sun的服务器端组件模型，最大的用处是部署分布式应用程序。EJB (Enterprise JavaBean)是J2EE的一部分，定义了一个用于开发基
  • angular.bootstrap boyitech AngularJSAngularJS APIangular中文api
    angular.bootstrap 描述：     手动初始化angular。     这个函数会自动检测创建的module有没有被加载多次，如果有则会在浏览器的控制台打出警告日志，并且不会再次加载。这样可以避免在程序运行过程中许多奇怪的问题发生。   使用方法：     angular .
  • java-谷歌面试题-给定一个固定长度的数组，将递增整数序列写入这个数组。当写到数组尾部时，返回数组开始重新写，并覆盖先前写过的数 bylijinnan java
    public class SearchInShiftedArray { /** * 题目：给定一个固定长度的数组，将递增整数序列写入这个数组。当写到数组尾部时，返回数组开始重新写，并覆盖先前写过的数。 * 请在这个特殊数组中找出给定的整数。 * 解答： * 其实就是“旋转数组”。旋转数组的最小元素见http://bylijinnan.iteye.com/bl
  • 天使还是魔鬼？都是我们制造 ducklsl 生活教育情感
    ----------------------------剧透请原谅，有兴趣的朋友可以自己看看电影，互相讨论哦！！！     从厦门回来的动车上，无意中瞟到了书中推荐的几部关于儿童的电影。当然，这几部电影可能会另大家失望，并不是类似小鬼当家的电影，而是关于“坏小孩”的电影！     自己挑了两部先看了看，但是发现看完之后，心里久久不能平
  • [机器智能与生物]研究生物智能的问题 comsci 生物
          我想,人的神经网络和苍蝇的神经网络,并没有本质的区别...就是大规模拓扑系统和中小规模拓扑分析的区别....       但是,如果去研究活体人类的神经网络和脑系统,可能会受到一些法律和道德方面的限制,而且研究结果也不一定可靠,那么希望从事生物神经网络研究的朋友,不如把
  • 获取Android Device的信息 dai_lm android
    String phoneInfo = "PRODUCT: " + android.os.Build.PRODUCT; phoneInfo += ", CPU_ABI: " + android.os.Build.CPU_ABI; phoneInfo += ", TAGS: " + android.os.Build.TAGS; ph
  • 最佳字符串匹配算法（Damerau-Levenshtein距离算法）的Java实现 datamachine java算法字符串匹配
    原文：http://www.javacodegeeks.com/2013/11/java-implementation-of-optimal-string-alignment.html------------------------------------------------------------------------------------------------------------
  • 小学5年级英语单词背诵第一课 dcj3sjt126com englishword
    long 长的 show 给...看，出示 mouth 口，嘴 write 写   use 用，使用 take 拿，带来 hand 手 clever 聪明的   often 经常 wash 洗 slow 慢的 house 房子   water 水 clean 清洁的 supper 晚餐 out 在外   face 脸，
  • macvim的使用实战 dcj3sjt126com macvim
    macvim用的是mac里面的vim, 只不过是一个GUI的APP, 相当于一个壳   1. 下载macvim https://code.google.com/p/macvim/   2. 了解macvim :h               vim的使用帮助信息 :h macvim  
  • java二分法查找 蕃薯耀 java二分法查找二分法java二分法
    java二分法查找 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 蕃薯耀 2015年6月23日 11:40:03 星期二 http:/
  • Spring Cache注解+Memcached hanqunfeng springmemcached
    Spring3.1 Cache注解  依赖jar包： <!-- simple-spring-memcached --> <dependency> <groupId>com.google.code.simple-spring-memcached</groupId> <artifactId>simple-s
  • apache commons io包快速入门 jackyrong apache commons
    原文参考 http://www.javacodegeeks.com/2014/10/apache-commons-io-tutorial.html   Apache Commons IO 包绝对是好东西，地址在http://commons.apache.org/proper/commons-io/，下面用例子分别介绍：   1）  工具类   2
  • 如何学习编程 lampcy java编程C++c
    首先,我想说一下学习思想.学编程其实跟网络游戏有着类似的效果.开始的时候,你会对那些代码,函数等产生很大的兴趣,尤其是刚接触编程的人,刚学习第一种语言的人.可是,当你一步步深入的时候,你会发现你没有了以前那种斗志.就好象你在玩韩国泡菜网游似的,玩到一定程度,每天就是练级练级,完全是一个想冲到高级别的意志力在支持着你.而学编程就更难了,学了两个月后,总是觉得你好象全都学会了,却又什么都做不了,又没有
  • 架构师之spring-----spring3.0新特性的bean加载控制@DependsOn和@Lazy nannan408 Spring3
    1.前言。    如题。 2.描述。    @DependsOn用于强制初始化其他Bean。可以修饰Bean类或方法，使用该Annotation时可以指定一个字符串数组作为参数，每个数组元素对应于一个强制初始化的Bean。 @DependsOn({"steelAxe","abc"}) @Comp
  • Spring4+quartz2的配置和代码方式调度 Everyday都不同 代码配置spring4quartz2.x定时任务
    前言：这些天简直被quartz虐哭。。因为quartz 2.x版本相比quartz1.x版本的API改动太多，所以，只好自己去查阅底层API……   quartz定时任务必须搞清楚几个概念： JobDetail——处理类 Trigger——触发器，指定触发时间，必须要有JobDetail属性，即触发对象 Scheduler——调度器，组织处理类和触发器，配置方式一般只需指定触发
  • Hibernate入门 tntxia Hibernate
      前言   使用面向对象的语言和关系型的数据库，开发起来很繁琐，费时。由于现在流行的数据库都不面向对象。Hibernate 是一个Java的ORM（Object/Relational Mapping）解决方案。   Hibernte不仅关心把Java对象对应到数据库的表中，而且提供了请求和检索的方法。简化了手工进行JDBC操作的流程。   如
  • Math类 xiaoxing598 Math
    一、Java中的数字（Math）类是final类，不可继承。 1、常数 PI：double圆周率 E：double自然对数 2、截取（注意方法的返回类型） double ceil(double d) 返回不小于d的最小整数 double floor(double d) 返回不大于d的整最大数 int round(float f) 返回四舍五入后的整数 long round
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他