weixin_41387874
weixin_41387874

CSS定位布局

写在之前

  • 固定布局
    • 优势：可以精准定位页面中的任何元素。
    • 劣势：当屏幕大小不确定时会出现一些问题。
  • 浮动布局
    • 优势：定位灵活。
    • 劣势：不容易控制，当对两个元素同时设置float属性时，会出现问题，需要使用clear属性。

定位布局

  • position属性用于实现定位布局，position属性一共有4种属性值。
属性 作用
fixed 用于固定布局
relative 用于相对布局
absolute 用于绝对布局
static 用于静态布局，是默认值

固定布局

  • CSS使用 {position : fixed; }来定义固定布局，使用固定布局的元素会一直固定在那里，不会因下滑等操作改变位置。
  • fixed属性值配合top属性、left属性来使用，用于定义固定的位置。
  • 固定布局通常用来定义“回到顶部”功能。
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8"/>
        <style type="text/css">
            #div1{
     background-color:pink;width:100px;height:800px;}
            #div2{
     background-color:blue;width:120px;height:120px;position:fixed;top:50px;left:200px}
        </style>
    </head>
    <body>
        <div id="div1">未定义固定布局</div>
        <div id="div2">固定布局</div>
    </body>
</html>

CSS定位布局_第1张图片
CSS定位布局_第2张图片
通过两张图片对比，我们可以看到，尽管鼠标下滑，但是固定布局的元素的位置不会改变。

相对布局

  • { position : relative; }用于定义相对定位，相对布局是指根据浏览器默认布局来计算相对布局位置。
  • 常配合top、left属性来定义相对布局的位置，top和left是相对于浏览器默认位置的。

CSS定位布局_第3张图片
上图显示了浏览器默认布局位置，下面对box1定义相对布局。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8"/>
        <style type="text/css">
            #div1{
     background-color:pink;margin-bottom:20px;padding:20px;width:100px;position:relative;top:20px;left:30px;}
            #div2{
     background-color:blue;padding:20px;width:100px;}
        </style>
    </head>
    <body>
        <div id="div1">box1</div>
        <div id="div2">box2</div>
    </body>
</html>

CSS定位布局_第4张图片

fixed和absolute的区别

  • fixed一般用于实现，回到顶部，所以它的位置不会因鼠标滚动滚轮而改变，不管如何向下滑页面，都看得到fixed的元素。
  • absolute定位的盒模型脱离了文档流，它是不占据位置的，absolute定位的元素位置是会因为向下滑页面而改变的。

你可能感兴趣的:(笔记,css)

  • postcss插件-实现vw适配 ordinary90 前端全栈开发VUEpostcss前端javascript
    PostCSS是一个用JavaScript编写的插件工具，它可以帮助我们对CSS进行模块化、自动化处理和优化。使用PostCSS插件可以扩展CSS的功能，实现更多的特性，其中一个常用的插件就是实现vw适配的插件。vw（ViewportWidth）是CSS3中的一个单位，它表示相对于视口宽度的百分比。使用vw单位可以根据视口的大小，实现自适应布局。在移动端开发中，vw适配可以帮助我们在不同的屏幕尺寸
  • 人工智能英语学习笔记 「已注销」
    基础篇单词mythologyn.ancientmythsingeneral;ideasthatmanypeoplethinkaretruebutthatdonotexistorarefalse神话Examples:AsatyrishalfmanandhalfgoatinGreekandRomanmythology.在希腊和罗马神话中，森林之神是半人半羊的样子。Thishasbeenwellillu
  • TypeScript 学习笔记（七）：TypeScript 与后端框架的结合应用 Evaporator Core typescript前端框架学习
    1.引言在前几篇学习笔记中，我们已经探讨了TypeScript的基础知识和在前端框架（如Angular和React）中的应用。本篇将重点介绍TypeScript在后端开发中的应用，特别是如何与Node.js和Express结合使用，以构建强类型、可维护的后端应用。2.TypeScript与Node.jsNode.js是一个基于ChromeV8引擎的JavaScript运行时，广泛用于构建后端应用。
  • Mac pnpm安装 是二牙 前端vue.js
    安装pnpm的时候一定要把npm更新到最新版不然pnpm下载不成功。（更新npm）：sudonpminstall-gnpm(安装pnpm:)sudonpminstall-gpnpm检验安装是否成功：pnpm--version项目内安装依赖：pnpminstall/运行项目：pnpmdev最近在开发vue3的项目后续应该会更新一些关于v3的笔记以往都是开发的v2现在开始学习v3如果写的不对的地方可以
  • Git 版本控制：.gitignore 文件完全指南 小白也有IT梦 gitgithub
    .gitignore文件是Git版本控制系统中的一个重要配置文件，用于告诉Git哪些文件和目录应该被忽略，不需要纳入版本控制。以下是关于.gitignore的完整笔记。基本概念.gitignore文件可以放在项目的任何目录下，其作用范围包括所在目录及其所有子目录。最常见的做法是将它放在项目的根目录下。基本语法规则每行一个忽略规则空行会被忽略以#开头的行为注释末尾的空格会被忽略使用标准的glob模式
  • 《深入浅出HTTPS》读书笔记（29）：TLS/SSL协议 earthzhang2021 网络协议算法开发语言httpsssl
    《深入浅出HTTPS》读书笔记（29）：TLS/SSL协议TLS/SSL协议是一系列算法的组合，相比密码学算法来说，TLS/SSL协议的复杂性就更大了，主要体现在以下方面。◎协议设计的复杂性：一个完整的解决方案考虑的问题非常多，需要考虑扩展性、适用性、性能等方面，一旦方案设计不充分，攻击者不用攻击特定的密码学算法，而会基于协议进行攻击。◎协议实现的严谨性：即使协议设计是完美的，在实现协议的时候，也
  • 浅谈滤波中Q和R的调整——KF第三篇笔记 MATLAB卡尔曼 卡尔曼专题免费专栏开发语言kalman卡尔曼滤波算法
    前段时间收到私信和email，问我关于Q和R怎么取、如何调。前面说过p0和x0怎么找的问题，Q和R怎么找还没有说过，这里就简单探讨一下。Q和R的意义Q值为过程噪声，越小系统越容易收敛，表示对模型预测的值信任度越高；但是太小则容易发散，如果Q为零，那么我们只相信预测值；Q值越大表示对于预测的信任度就越低，而对测量值的信任度就变高；如果Q值无穷大，那么则表示信任测量值。R值为测量噪声。R太大，滤波的响
  • 深度学习项目--基于LSTM的火灾预测研究(pytorch实现) 羊小猪~~ RNNLSTM神经网络案例机器学习/数据分析案例深度学习lstmpytorch人工智能机器学习rnngru
    本文为365天深度学习训练营中的学习记录博客原作者：K同学啊前言LSTM模型一直是一个很经典的模型，这个模型当然也很复杂，一般需要先学习RNN、GRU模型之后再学，GRU、LSTM的模型讲解将在这两天发布更新，其中：深度学习基础–一文搞懂RNN深度学习基础–GRU学习笔记(李沐《动手学习深度学习》)这一篇：是基于LSTM模型火灾预测研究，讲述了如何构建时间数据、模型如何构建、pytorch中LST
  • 架构师反向代理Haproxy+压力测试 - 学习笔记 无影V随风 学习笔记linux相关
    一.Apache的反向代理(生产不建议使用)1.Apache的编译安装:yuminstallapr-develapr-util-develpcre-developenssl-develcd/usr/local/src/wgethttp://archive.apache.org/dist/httpd/httpd-2.4.18.tar.gztar-zxvfhttpd-2.4.18.tar.gzcdht
  • 基于JAVA面向餐饮行业的会员营销系统计算机毕业设计源码+数据库+lw文档+系统+部署 匠心网络 java开发语言
    基于JAVA面向餐饮行业的会员营销系统计算机毕业设计源码+数据库+lw文档+系统+部署基于JAVA面向餐饮行业的会员营销系统计算机毕业设计源码+数据库+lw文档+系统+部署本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS、JS、JQuery等技术后端技术：JAVA运行环境：Win10、JDK1.8数据库：MySQL5.7
  • Golang笔记——切片与数组 Good Note Golang笔记golang开发语言后端go秋招校招开发
    大家好，这里是GoodNote，关注公主号：Goodnote，专栏文章私信限时Free。本文详细介绍Golang的切片与数组，包括他们的联系，区别，底层实现和使用注意事项等。文章目录数组与切片的异同相同之处区别切片（Slice）源码解析Go源码中`len()`和`cap()`定义长度与容量示例`append()`函数Go切片扩容机制基本原理扩容策略（依据Go版本）扩容源码解析常见误区建议切片作为函
  • 【Vim Masterclass 笔记16】S07L32 + L33：同步练习09 —— 掌握 Vim 宏操作的六个典型案例（含点评课内容） 安冬的码畜日常 VimMasterclassvim笔记vim宏同步练习自学笔记
    文章目录S07L32Exercise09-Macros1训练目标2操作指令2.1.打开macros-practice.txt文件2.2.练习1：将旧版Python代码转换为新版写法2.3.练习2：根据列表内容批量创建Shell脚本2.4.练习3：对电话号码作格式化处理2.5.练习4：从日志文件中提取重要数据2.6.练习5：将多行数据压缩为一行2.7.练习6：从HTML中提取数据3退出VimS07L
  • 【Vim Masterclass 笔记14】S07L29 + L30：练习课08 —— Vim 文本对象同步练习（含点评课内容） 安冬的码畜日常 VimMasterclassvim笔记vim习题课vim文本对象练习文本对象自学笔记
    文章目录L29Exercise08-TextObjects1训练目标2操作指令2.1.打开textobjectspractice.txt文件2.2.单词对象练习WordObjects2.3.区块对象`()`练习BlockObject()2.4.引用字符串练习QuotedStrings2.5.区块对象`[]`练习BlockObject[]2.6.区块对象`2.7.标签对象练习TagObjects2.
  • java毕业设计宠物领养饲养交流管理平台Mybatis+系统+数据库+调试部署 静静学姐 mybatisjava宠物
    java毕业设计宠物领养饲养交流管理平台Mybatis+系统+数据库+调试部署java毕业设计宠物领养饲养交流管理平台Mybatis+系统+数据库+调试部署本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS、JS、JQuery等技术后端技术：JAVA运行环境：Win10、JDK1.8数据库：MySQL5.7/8.0源码地址
  • 运维笔记43 使用saltstack配置完整线上服务(haproxy+keepalived,nginx+php+memcache,mysql主从) No_red 运维学习mysql数据库web服务phpsaltstack
    概述:之前我们所介绍过了很多实用的服务，有负载均衡类的，web服务类的，数据库类的等等，这些服务有的配置容易，有的配置困难，那我们现在设想一下在生成环境中，有上百台，甚至上千台服务器的情况下，难道要我们去挨个去配置每一台服务器吗，这是无法想象的，所以有了saltstack这类自动化运维工具的出现，帮助我们高效快速的部署服务。线上服务拓扑这次的拓扑基本上已经可以胜任一个相当活跃的服务的后端架构了，但
  • HarmonyOs 笔记 加油鸭老王 harmonyos
    1.路由//顶部引入路由import{router}from'@kit.ArkUI'使用router.pushUrl({url:'需要跳转的路径'})2.导航栏Navigation()//导航栏通过.titleMode(NavigationTitleMode.Mini)设置标题栏模式页面显示模式mode(NavigatigonMode.Auto) //自适应模式自适应模式下，当页面宽度大于等于一定
  • 汇编语言：基于x86处理器考前笔记 | 第三章 汇编语言基础 正小安 课程所学笔记
    3.1基本语言元素程序框架程序从mainPROC开始，到mainENDP结束，最后以ENDmain标识程序入口与地址。如mainPROC，调用函数(子程序)ExitProcess，moveax,5，addeax,6，INVOKEExitProcess,0，mainENDP。声明变量使用.data伪指令声明变量，如.datasumDWORD0声明了32位变量sum，并可在程序中对其赋值，如movsu
  • 华为数通HCIA(学习笔记) 想做运维大佬 华为数通(HCIA)笔记系列华为学习笔记
    2024-03-22重启华为数通学习计划由于工作原因，预计将在2024年6月30日之前完成HCIP的学习并通过HCIP的考试-在2025年6月30日前完成HCIE的学习并通过HCIE的考试此为学习笔记，实验笔记和试题笔记会分别更新到其他帖子中一、数据网络通信基础1.1专业名词LAN(LocalAreaNetwork)：局域网Ethrenet：以太网Campus：园区网VLAN(VirtualLAN
  • python学习笔记 浅夏入秋^_^ Python编程语言python学习开发语言
    python学习笔记第1-3章基础知识https://www.jetbrains.com/help/pycharm/小技巧：如果在编辑器中未选择任何内容，按⌘C可将文本光标处的整行复制到剪贴板。按两次⌃Space可调用代码补全功能的特殊变体，这样您可以从没有在当前文件中声明的命名空间补全XML标记名称。如果命名空间尚未声明，则会自动生成声明。使用代码|检查代码可对整个项目或自定义范围运行代码分析，
  • 联想计算机型号,联想笔记本所有型号介绍（经典五款推荐） Yaooo5 联想计算机型号
    导语：笔记本电脑是如今很畅销的电子产品之一，很多上班人士或者是学生，都在使用笔记本电脑。在笔记本电脑的领域中，不少品牌都在不断的创新，而我们最熟悉的莫过于就是联想。联想笔记本在国内的畅销程度可以说是首屈一指。那么旗下都有哪些型号呢?这也是让很多用户疑惑的地方。小编今天的文章就来为大家详细的介绍一下，联想笔记本的经典型号。一、联想小新Air13Pro联想小新Air13Pro的确首先做到了5000以内
  • 《C++编程思想》笔记 Wanncye C++面试题汇总书籍课程笔记c++开发语言mfc
    《C++编程思想》笔记第3章：C++中C第4章：数据抽象第5章：隐藏实现第6章：初始化与清除第7章：函数重载与默认参数第8章：常量第9章：内联函数第10章：名字控制第13章：动态对象创建第14章：组合和继承第15章：多态性和虚函数第16章：模板介绍第3章：C++中C标准C和C++有一种特征叫做函数原型。用函数原型，在声明和定义一个函数时，必须使用参数类型描述。这种描述就是“原型”。调用函数时，编译
  • 《CPython Internals》阅读笔记：p221-p231 python
    《CPythonInternals》学习第12天，p221-p231总结，总计11页。一、技术总结无。二、英语总结(生词：2)1.atatimeidiom.separately(单独地)inthespecifiedgroups(一次)。示例：(1)Icanonlydoonethingatatim(我一次只能做一件事)。(2)Wecarriedtheboxestwoatatimeupthestair
  • 联想电脑尺寸在哪里看_联想笔记本电脑型号查看方式、含义介绍【图文教程】... 花旗甲比丹 联想电脑尺寸在哪里看
    联想笔记本电脑型号看上去似乎没有规律，其实这是联想对不同功能设置、价格参数等等几个板块信息的分类。因此，了解联想笔记本电脑型号的含义就能够筛选出最适合自己的一款产品。那么接下来小编就要为大家详细介绍关于联想笔记本电脑型号的三个板块的文字图片信息。它们分别是联想笔记本电脑型号的查看方式、含义分析以及介绍这三个板块文字图片内容的信息。一、联想笔记本电脑型号在哪里看查看联想笔记本电脑型号，有如下2种方法
  • JavaScript语言基础教程笔记 fanxbl957 各类语言和技术总结笔记javascript笔记开发语言
    JavaScript语言基础教程笔记下面是一个全面的JavaScript教程，适合初学者和有一定编程经验的人士。JavaScript是一种广泛用于网页开发的脚本语言，支持事件驱动、函数式以及基于原型的编程风格。要想深入了解请参考：javascript脚本语言教程。JavaScript入门教程1.简介定义：JavaScript（简称JS）是一种高级编程语言，主要用于网页浏览器中实现复杂的交互功能。用
  • 艾编程coding老师课堂笔记：SpringBoot源码深度解析 艾编程前端技术 spring编程语言
    思想：有道无术，术尚可求，有术无道，止于术！Spring开源框架，解决企业级开发的复杂性的问题，简化开发AOP，IOCSpring配置越来多，配置不方便管理！Javaweb---Servlet+tomcat+Struct2SpringMVCSPRINGboot.....所有的技术框架：从一个复杂的场景慢慢的衍生出来一种规范！简单的配置！==SpringBoot：自动配置！==Springboot怎
  • Vue3使用wow.js动画库 itwlz javascript开发语言ecmascript
    1.下载依赖npminstallwow.js--save2.导入importWOWfrom"wow.js";onMounted(()=>{wowjsFn();});constwowjsFn=()=>{letwow=newWOW({boxClass:"wow",//animatedelementcssclass(defaultiswow)animateClass:"animated",//anima
  • 信息系统项目管理师笔记 Ling912 信息系统项目管理师信息系统项目管理师
    高项考点总结第一章：信息化和信息系统信息的属性：精确性、完整性、可靠性、及时性、经济型、可验证性、安全性。信息的传输技术是信息技术的核心信息化的5个层次：产品信息化，企业信息化，产业信息化，国民经济信息化，社会生活信息化。信息化的主体是全体社会成员两网是政务内网和政务外网，一站是政府门户网站。信息化六要素：信息资源是关键、信息网络是基础设施、信息技术应应用、信息技术产业是物质基础、信息化人才是成功
  • 简化云上操作，阿里云客户端——您的云端全能助手 运维云计算客户端
    背景当您创建了云服务器或容器实例之后，以下操作往往是非常常见的：连接并登陆到服务器，大展身手一番，比如配置基础开发环境、部署应用服务、查看各种性能指标等等；可见连接并登陆到服务器是多么高频而基础的操作。而在使用业界通用的登陆工具时，这样的场景是否熟悉。场景一登陆密码忘了，试了几个常用的密码都是错的，奔溃啊。还好我吃一堑，长一智，把每台实例的密码经过加密算法加密后，记在了宝贝笔记本上，并放在了神秘加
  • 计算机网络部分笔记 白茶三许 计算机网络笔记网络
    计算机网络OSI/RM七层模型七层模型是计算机网络的一个奠基石。计算机网络整个的基础都是构建于七层模型之上的。七层模型是由国际标准化组织制定出来的。在七层模型当中最底层是物理层。物理层负责传输二进制的数据，主要涉及的设备是中继器和集线器。中继器可以延长传输距离，因为传输距离过远，会导致信号的衰减，衰减到一定程度就传输不过去了，而通过在中间加一个中继器，中继器一端接收传输过来的数据，另一端将数据原封
  • 《CPython Internals》阅读笔记：p1-p19 python
    《CPythonInternals》学习第1天，p1-p19总结，总计19页。一、技术总结无。二、英语总结(生词：2)1.humblevshumbled(1)humble:humus(“earth”)adj.字面意思是“ontheground”,后面引申为“lowlyinkind,state,condition(卑微)”,"notproudthatyouareimportant(谦卑)"。(2)h
  • ASM系列五 利用TreeApi 解析生成Class lijingyao8206 ASM字节码动态生成ClassNodeTreeAPI
       前面CoreApi的介绍部分基本涵盖了ASMCore包下面的主要API及功能，其中还有一部分关于MetaData的解析和生成就不再赘述。这篇开始介绍ASM另一部分主要的Api。TreeApi。这一部分源码是关联的asm-tree-5.0.4的版本。          在介绍前，先要知道一点， Tree工程的接口基本可以完
  • 链表树——复合数据结构应用实例 bardo 数据结构树型结构表结构设计链表菜单排序
    我们清楚：数据库设计中，表结构设计的好坏，直接影响程序的复杂度。所以，本文就无限级分类（目录）树与链表的复合在表设计中的应用进行探讨。当然，什么是树，什么是链表，这里不作介绍。有兴趣可以去看相关的教材。 需求简介： 经常遇到这样的需求，我们希望能将保存在数据库中的树结构能够按确定的顺序读出来。比如，多级菜单、组织结构、商品分类。更具体的，我们希望某个二级菜单在这一级别中就是第一个。虽然它是最后
  • 为啥要用位运算代替取模呢 chenchao051 位运算哈希汇编
        在hash中查找key的时候，经常会发现用&取代%，先看两段代码吧，     JDK6中的HashMap中的indexFor方法： /** * Returns index for hash code h. */ static int indexFor(int h, int length) {
  • 最近的情况 麦田的设计者 生活感悟计划软考想
          今天是2015年4月27号      整理一下最近的思绪以及要完成的任务             1、最近在驾校科目二练车，每周四天，练三周。其实做什么都要用心，追求合理的途径解决。为
  • PHP去掉字符串中最后一个字符的方法 IT独行者 PHP字符串
    今天在PHP项目开发中遇到一个需求，去掉字符串中的最后一个字符 原字符串1,2,3,4,5,6, 去掉最后一个字符","，最终结果为1,2,3,4,5,6 代码如下： $str = "1,2,3,4,5,6,"; $newstr = substr($str,0,strlen($str)-1); echo $newstr;
  • hadoop在linux上单机安装过程 _wy_ linuxhadoop
    1、安装JDK     jdk版本最好是1.6以上，可以使用执行命令java -version查看当前JAVA版本号，如果报命令不存在或版本比较低，则需要安装一个高版本的JDK，并在/etc/profile的文件末尾，根据本机JDK实际的安装位置加上以下几行：    export JAVA_HOME=/usr/java/jdk1.7.0_25  
  • JAVA进阶----分布式事务的一种简单处理方法 无量 多系统交互分布式事务
    每个方法都是原子操作： 提供第三方服务的系统，要同时提供执行方法和对应的回滚方法 A系统调用B,C,D系统完成分布式事务 =========执行开始======== A.aa(); try { B.bb(); } catch(Exception e) { A.rollbackAa(); } try { C.cc(); } catch(Excep
  • 安墨移动广 告：移动DSP厚积薄发 引领未来广 告业发展命脉 矮蛋蛋 hadoop互联网
    　　“谁掌握了强大的DSP技术，谁将引领未来的广 告行业发展命脉。”2014年，移动广 告行业的热点非移动DSP莫属。各个圈子都在纷纷谈论，认为移动DSP是行业突破点，一时间许多移动广 告联盟风起云涌，竞相推出专属移动DSP产品。 　　到底什么是移动DSP呢? 　　DSP(Demand-SidePlatform)，就是需求方平台，为解决广 告主投放的各种需求，真正实现人群定位的精准广
  • myelipse设置 alafqq IP
      在一个项目的完整的生命周期中，其维护费用，往往是其开发费用的数倍。因此项目的可维护性、可复用性是衡量一个项目好坏的关键。而注释则是可维护性中必不可少的一环。 注释模板导入步骤  安装方法： 打开eclipse/myeclipse 选择 window-->Preferences-->JAVA-->Code-->Code
  • java数组 百合不是茶 java数组
    java数组的   声明  创建  初始化；   java支持C语言      数组中的每个数都有唯一的一个下标 一维数组的定义 声明： int[] a = new int[3];声明数组中有三个数int[3] int[] a 中有三个数，下标从0开始，可以同过for来遍历数组中的数
  • javascript读取表单数据 bijian1013 JavaScript
    利用javascript读取表单数据，可以利用以下三种方法获取： 1、通过表单ID属性：var a = document.getElementByIdx_x_x("id"); 2、通过表单名称属性：var b = document.getElementsByName("name"); 3、直接通过表单名字获取：var c = form.content.
  • 探索JUnit4扩展：使用Theory bijian1013 javaJUnitTheory
    理论机制（Theory） 一.为什么要引用理论机制（Theory）         当今软件开发中，测试驱动开发（TDD — Test-driven development）越发流行。为什么 TDD 会如此流行呢？因为它确实拥有很多优点，它允许开发人员通过简单的例子来指定和表明他们代码的行为意图。 TDD 的优点：     &nb
  • [Spring Data Mongo一]Spring Mongo Template操作MongoDB bit1129 template
    什么是Spring Data Mongo Spring Data MongoDB项目对访问MongoDB的Java客户端API进行了封装，这种封装类似于Spring封装Hibernate和JDBC而提供的HibernateTemplate和JDBCTemplate，主要能力包括 1. 封装客户端跟MongoDB的链接管理 2. 文档-对象映射，通过注解:@Document(collectio
  • 【Kafka八】Zookeeper上关于Kafka的配置信息 bit1129 zookeeper
    问题： 1. Kafka的哪些信息记录在Zookeeper中 2. Consumer Group消费的每个Partition的Offset信息存放在什么位置 3. Topic的每个Partition存放在哪个Broker上的信息存放在哪里 4. Producer跟Zookeeper究竟有没有关系？没有关系！！！   //consumers、config、brokers、cont
  • java OOM内存异常的四种类型及异常与解决方案 ronin47 java OOM 内存异常
          　OOM异常的四种类型： 　　　 　　一：　StackOverflowError ：通常因为递归函数引起（死递归，递归太深）。-Xss 128k 一般够用。     　  二：　out Of memory: PermGen Space：通常是动态类大多，比如web 服务器自动更新部署时引起。-Xmx
  • java-实现链表反转-递归和非递归实现 bylijinnan java
    20120422更新： 对链表中部分节点进行反转操作，这些节点相隔k个： 0->1->2->3->4->5->6->7->8->9 k=2 8->1->6->3->4->5->2->7->0->9 注意1 3 5 7 9 位置是不变的。 解法： 将链表拆成两部分： a.0-&
  • Netty源码学习-DelimiterBasedFrameDecoder bylijinnan javanetty
    看DelimiterBasedFrameDecoder的API，有举例： 接收到的ChannelBuffer如下： +--------------+ | ABC\nDEF\r\n | +--------------+ 经过DelimiterBasedFrameDecoder(Delimiters.lineDelimiter())之后，得到： +-----+----
  • linux的一些命令 -查看cc攻击-网口ip统计等 hotsunshine linux
    Linux判断CC攻击命令详解 2011年12月23日 ⁄ 安全 ⁄ 暂无评论 查看所有80端口的连接数 netstat -nat|grep -i '80'|wc -l 对连接的IP按连接数量进行排序 netstat -ntu | awk '{print $5}' | cut -d: -f1 | sort | uniq -c | sort -n 查看TCP连接状态 n
  • Spring获取SessionFactory ctrain sessionFactory
    String sql = "select sysdate from dual"; WebApplicationContext wac = ContextLoader.getCurrentWebApplicationContext(); String[] names = wac.getBeanDefinitionNames(); for(int i=0; i&
  • Hive几种导出数据方式 daizj hive数据导出
    Hive几种导出数据方式   1.拷贝文件   如果数据文件恰好是用户需要的格式，那么只需要拷贝文件或文件夹就可以。 hadoop fs –cp source_path target_path   2.导出到本地文件系统   --不能使用insert into local directory来导出数据，会报错 --只能使用
  • 编程之美 dcj3sjt126com 编程PHP重构
    我个人的 PHP 编程经验中，递归调用常常与静态变量使用。静态变量的含义可以参考 PHP 手册。希望下面的代码，会更有利于对递归以及静态变量的理解   header("Content-type: text/plain"); function static_function () { static $i = 0; if ($i++ < 1
  • Android保存用户名和密码 dcj3sjt126com android
    转自：http://www.2cto.com/kf/201401/272336.html 我们不管在开发一个项目或者使用别人的项目，都有用户登录功能，为了让用户的体验效果更好，我们通常会做一个功能，叫做保存用户，这样做的目地就是为了让用户下一次再使用该程序不会重新输入用户名和密码，这里我使用3种方式来存储用户名和密码 1、通过普通 的txt文本存储 2、通过properties属性文件进行存
  • Oracle 复习笔记之同义词 eksliang Oracle 同义词Oracle synonym
    转载请出自出处：http://eksliang.iteye.com/blog/2098861 1.什么是同义词       同义词是现有模式对象的一个别名。       概念性的东西，什么是模式呢？创建一个用户，就相应的创建了 一个模式。模式是指数据库对象，是对用户所创建的数据对象的总称。模式对象包括表、视图、索引、同义词、序列、过
  • Ajax案例 gongmeitao Ajaxjsp
    数据库采用Sql Server2005 项目名称为:Ajax_Demo 1.com.demo.conn包 package com.demo.conn; import java.sql.Connection;import java.sql.DriverManager;import java.sql.SQLException; //获取数据库连接的类public class DBConnec
  • ASP.NET中Request.RawUrl、Request.Url的区别 hvt .netWebC#asp.nethovertree
      如果访问的地址是：http://h.keleyi.com/guestbook/addmessage.aspx?key=hovertree%3C&n=myslider#zonemenu那么Request.Url.ToString() 的值是：http://h.keleyi.com/guestbook/addmessage.aspx?key=hovertree<&
  • SVG 教程 （七）SVG 实例，SVG 参考手册 天梯梦 svg
    SVG 实例 在线实例 下面的例子是把SVG代码直接嵌入到HTML代码中。 谷歌Chrome，火狐，Internet Explorer9，和Safari都支持。 注意：下面的例子将不会在Opera运行，即使Opera支持SVG - 它也不支持SVG在HTML代码中直接使用。   SVG 实例 SVG基本形状 一个圆 矩形 不透明矩形 一个矩形不透明2 一个带圆角矩
  • 事务管理 luyulong javaspring编程事务
    事物管理 spring事物的好处 为不同的事物API提供了一致的编程模型 支持声明式事务管理 提供比大多数事务API更简单更易于使用的编程式事务管理API 整合spring的各种数据访问抽象 TransactionDefinition 定义了事务策略 int getIsolationLevel()得到当前事务的隔离级别 READ_COMMITTED 
  • 基础数据结构和算法十一：Red-black binary search tree sunwinner AlgorithmRed-black
      The insertion algorithm for 2-3 trees just described is not difficult to understand; now, we will see that it is also not difficult to implement. We will consider a simple representation known
  • centos同步时间 stunizhengjia linux集群同步时间
    做了集群，时间的同步就显得非常必要了。 以下是查到的如何做时间同步。 在CentOS 5不再区分客户端和服务器，只要配置了NTP，它就会提供NTP服务。 1)确认已经ntp程序包： # yum install ntp 2)配置时间源（默认就行，不需要修改） # vi /etc/ntp.conf server pool.ntp.o
  • ITeye 9月技术图书有奖试读获奖名单公布 ITeye管理员 ITeye
    ITeye携手博文视点举办的9月技术图书有奖试读活动已圆满结束，非常感谢广大用户对本次活动的关注与参与。 9月试读活动回顾：http://webmaster.iteye.com/blog/2118112本次技术图书试读活动的优秀奖获奖名单及相应作品如下（优秀文章有很多，但名额有限，没获奖并不代表不优秀）：      《NFC：Arduino、Andro
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他