rommel1
rommel1

CSS+DIV布局初步

最近在学习CSS+DIV布局，下面就把一个简单的例子写出来

网站布局如下：

下面是index.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>无标题文档</title> <link href="css.css" mce_href="css.css" rel="stylesheet" type="text/css" media="all" /> </head> <body> <div id="container"> <div id="header"> <div id="menu"> <ul> <li><a href="#" mce_href="#">首页</a></li> <li class="menuDiv"></li> <li><a href="#" mce_href="#">博客</a></li> <li class="menuDiv"></li> <li><a href="#" mce_href="#">设计</a></li> <li class="menuDiv"></li> <li><a href="#" mce_href="#">相册</a></li> <li class="menuDiv"></li> <li><a href="#" mce_href="#">论坛</a></li> <li class="menuDiv"></li> <li><a href="#" mce_href="#">关于</a></li> </ul> </div> <div id="banner"> </div> </div> <div id="pagebody"><!--页面主体--> <div id="sidebar"><!--侧边栏--> </div> <div id="mainbody"><!--主体内容--> </div> <div id="mainbody2"><!--主体内容--> </div> </div> </div> </body> </html>

下面是css.css

/*基本信息*/ body {font:12px Tahoma;margin:0px;text-align:center;background:#FFF;} a:link,a:visited {font-size:12px;text-decoration: none;} a:hover{} /*页面层容器*/ #container {width:800px;height:600px;margin:10px auto} /*页面头部*/ #header {background:url(logo.gif) no-repeat} #menu {padding:20px 20px 0 0} #menu ul {float:right;list-style:none;margin:0px;} #menu ul li {float:left;display:block;line-height:30px;margin:0 10px} #menu ul li a:link,#menu ul li a:visited {font-weight:bold;color:#666} #menu ul li a:hover{} .menuDiv {width:1px;height:28px;background:#999} #banner {background:url(banner.jpg) 0 30px no-repeat;width:730px;margin:auto;height:240px;border-bottom:5px solid #EFEFEF;clear:both} /*页面主体*/ #pagebody { width:730px; /*设定宽度*/ margin:8px auto; /*居中*/ } #sidebar { width:160px; /*设定宽度*/ text-align:left; /*文字左对齐*/ float:left; /*浮动居左*/ clear:left; /*不允许左侧存在浮动*/ overflow:hidden; /*超出宽度部分隐藏*/ border:1px solid #E00; height:200px } #mainbody { width:270px; text-align:left; float:left; /*浮动居右*/ clear:right; /*不允许右侧存在浮动*/ overflow:hidden; border:1px solid #E00; height:200px } #mainbody2 { width:300px; text-align:left; float:left; /*浮动居右*/ clear:right; /*不允许右侧存在浮动*/ overflow:hidden; border:1px solid #E00; height:200px } /*页面底部*/ #footer {width:800px;margin:0 auto;height:50px;background:#00FFFF}

通过这个例子发现，如果要是想让多个<div>水平排列，只要使用 float:left 即可 ，排列的顺序与div的先后顺序一致。

你可能感兴趣的:(CSS+DIV布局初步)

  • iOS自定义collection view的page size(width/height)分页效果 Invisible_He xcodeiOS开发swiftiOSSwiftUICollection
    前言想必大家工作中或多或少会遇到下图样式的UI需求吧像这种cell长度不固定，并且还能实现的分页效果UI还是很常见的实现我们这里实现主要采用collectionview，实现的方式是自定义一个UICollectionViewFlowLayout的子类，在这个类里对cell布局进行排列当出现pagesize小于collectionview的size的时候，可以使用ZLCollectionFreePa
  • 用Android studio 做出QQ登录界面 puerhuo androidstudioandroidstudio
    1.布局界面代码如下：
  • Gin框架全套实战教程 万才博客 golanggo语言软件框架golang
    01.API的URL规则设计、带参数的路由02.是否一定要用MVC模式、路由分组03.简单Dao层代码封装、使用中间件模拟鉴权04.创建Model、参数绑定Model的初步使用05.内置验证器的初步使用、POST参数绑定06.自定义验证器结合正则验证JSON参数07.批量提交帖子数据的验证基本姿势08.到底要不要用ORM、Gorm入手、执行原始SQL09.结合Model进行数据映射、查询的基本要点
  • C++ 程序常见崩溃场景的详细分析与总结 dvlinker C/C++实战专栏C/C++软件开发从入门到实战C++常见崩溃场景变量异常内存分配与释放堆栈溢出编程最佳实践Google编码规范
    目录1、前言2、C++崩溃分类3、C++编程知识点和细节3.1、程序构造视图3.2、进程内存布局3.3、数据结构视图3.3.1、字节序列3.3.2、字节对齐3.4、函数参数传递3.4.1、函数参数详解3.4.2、函数参数约定3.4.2、函数参数能效3.5、变量生命周期3.5.1、变量内存分配3.5.2、变量初始化3.5.3、变量多态与切片3.5.4、变量对象释放4、C++错误根源分析4.1、变量未
  • AI对前端开发的冲击更直接？后端开发的AI替代阻力更大？后端开发因技术门槛更高，岗位稳定性略优于前端。 南北极之间 人工智能前端
    基于参考资料和行业现状，前端开发在短期内比后端开发更容易受到AI冲击，但两者均不会被完全取代。以下是具体分析（附参考资料引用）：一、AI对前端开发的冲击更直接自动化程度高：低代码工具（如FigmaAI、Webflow）可通过拖拽生成页面，替代基础布局和组件开发。代码生成工具（如GitHubCopilot、通义灵码）能根据自然语言描述生成HTML/CSS/JavaScript代码，替代30%-50%
  • AI对前端程序员的冲击 gis小羊羽 人工智能前端
    AI的崛起正在深刻改变前端开发领域，既带来挑战也创造新机遇。以下是其影响及未来发展的分析：一、AI对前端程序员的冲击自动化工具替代基础工作代码生成：GitHubCopilot、Codeium等工具可快速生成组件代码，减少重复劳动（如表单验证、布局搭建）。设计转代码：Figma插件（如Anima、Builder.io）直接将设计稿转化为可运行代码，冲击传统UI开发流程。测试与部署：AI驱动的自动化测
  • AI驱动BIM设计革命：从三维建模到智能决策的跃迁 领码科技 人工智能BIM智能设计机器学习可持续建筑
    摘要AI与BIM技术的深度融合，正推动建筑设计从传统经验驱动向数据智能驱动转型。通过机器学习、深度学习与专家系统的赋能，BIM在设计阶段的方案生成、布局优化、合规审查等环节展现出显著优势，效率提升达30%-50%。本文从技术融合、应用场景、典型案例及发展瓶颈四维度展开，结合流程图与表格化分析，揭示AI+BIM在建筑全生命周期中的革新潜力，并为行业实践提供可操作性指南。关键词：AI、BIM、智能设计
  • 大数据必学免费、开源分布式数据库——Apache Hive 遇码 大数据数据仓库开源hivehadoopsql数据库ApacheHive
    Hive是大数据开发、分析领域无法绕开的一个话题。我将分认识Hive、快速部署、快速入门等几个模块为同学们详细地介绍Hive，期望可以为刚刚接触大数据领域的同学们建立一个初步的认知。Hive是什么Hive，又称ApacheHive，由Facebook开源用于解决海量结构化日志的数据统计工具。Hive是基于ApacheHadoop的一个数据仓库工具，用来进行数据提取、转化、加载，这是一种可以存储、查
  • 使用Python创建Flet应用程序 遇码 Pythonpython开发语言FletGUI
    入门使用Python创建Flet应用程序要编写Flet应用程序，您不需要是前端大师，但建议您具备Python和面向对象编程的基础知识。在本文档中，我们将学习一个Flet应用程序的结构，了解如何使用Flet控件输出数据、向用户请求数据以及构建基本页面布局。我们还将介绍一些打包和部署选项，以便为您的用户提供现成的应用程序。安装flet模块Flet需要Python3.7或更高版本。要启动Flet，您需要
  • C#第五课：常量与变量 _0510__ c#开发语言
    前言在编程中，数据的存储和处理是必不可少的，C#语言中，通常通过常量和变量来管理这些数据，在本课中，将对常量和变量进行介绍。一、变量一个变量可以理解为提供程序操作的存储区的名字。在C#中，变量用于存储和表示数据的标识符，在声明变量时，需要指定数据类型并可以选择性的赋予其一个初始值，并且这个数据类型决定了变量的内存大小和布局。C#中提供的基本类型分为以下几类：类型举例整数类型sbyte,byte,s
  • C 语言内存布局深度剖析：从栈到堆，你真的了解吗？ cc++
    大家好，我是小康。今天咱们聊点看似复杂实则简单的东西——C语言的内存布局。别急着翻页！相信我，读完这篇文章，你会拍着大腿说："原来这么简单！"微信搜索「跟着小康学编程」，关注我，后续还有更多硬核技术文章分享，带你玩转LinuxC/C++编程！前言：为啥要了解内存布局？想象一下，你搬进了一栋新公寓，却不知道卧室、厨房、卫生间分别在哪儿...每天早上找个马桶都跟玩密室逃脱似的，是不是很崩溃？C语言内存
  • CSS3学习教程，从入门到精通，CSS3 媒体查询实现响应式布局语法指南（21） 知识分享小能手 编程语言如门网页开发前端开发css3学习媒体前端csshtml5
    CSS3媒体查询实现响应式布局语法指南一、媒体查询核心语法1.基础语法结构@media媒体类型and(媒体特性){/*匹配条件时应用的CSS规则*/}2.媒体类型（可省略）类型值说明all所有设备（默认值）screen屏幕设备print打印机设备speech屏幕阅读器3.常用媒体特性特性名称说明单位/值示例width视口宽度px,em,remmin-width视口最小宽度600pxmax-widt
  • 25、web前端开发之CSS3（二） 跟着汪老师学编程 前端css3css
    2.盒模型（BoxModel）盒模型是CSS布局的基础，在CSS中，盒模型（BoxModel）是描述元素尺寸、边距、边框和填充的计算方式的核心概念。盒模型分为两种主要的计算模式，分别由box-sizing属性控制：content-box和border-box。理解这两种模式对于精确控制元素的尺寸和布局至关重要。2.1.盒模型的组成盒模型由以下几个部分组成：内容区域（ContentArea）：元素的
  • CSS3学习教程，从入门到精通，CSS3 元素的浮动与定位语法知识点及案例代码（17） 知识分享小能手 前端开发网页开发编程语言如门css3学习css前端html5htmljavascript
    CSS3元素的浮动与定位语法知识点及案例代码一、CSS3浮动（float）知识点1.**定义**：浮动使元素向左或向右移动，直到它的外边缘碰到包含框或另一个浮动元素的边框为止。浮动主要用于布局，如实现图文绕排等效果。2.**取值**：*`left`：向左浮动。*`right`：向右浮动。*`none`：默认值，不浮动。3.**清除浮动**：浮动会使父元素高度塌陷，需要清除浮动来避免布局问题。常用方
  • 《鸿蒙HarmonyOS一多开发：自适应布局的设计与实践》 苏沫1223 harmonyos华为一多开发鸿蒙
    注：适用版本(HarmonyOSNEXT/5.0/API12+)背景与痛点分析多设备生态的挑战：手机、平板、车机、智能穿戴等不同屏幕尺寸和交互方式。传统开发的局限性：重复适配、代码冗余、维护成本高。HarmonyOS的解决方案："一次开发，多端部署"（一多开发）的核心优势。自适应布局的核心概念原子化布局：基于组件化思想，拆解布局为可复用的最小单元。响应式设计：通过断点、栅格系统、比例缩放适配不同屏
  • HarmonyOS：UI布局屏幕适配不同机型 ChinaDragonDreamer HarmonyOSharmonyos鸿蒙
    一、屏幕适配vp具体计算公式为：vp=px/（DPI/160）px就是屏幕真实物理像素值，densityPixels是屏幕密度，是和标准DPI的比例，常见取值有0.75，1.0，1.5，2.0，3.0等，在HarmonyOS中，标准DPI为160，以华为mate40pro为例，查询得到的densityPixels=3.5，densityDPI=560。densityDPI就是我们通常所说的系统屏幕
  • Ubuntu22云服务器添加2G Swap分区 ac.char UbuntuLinux经验分享服务器github运维
    Ubuntu22云服务器添加2GSwap分区步骤1：检查当前Swap和内存步骤2：创建2GB的Swap文件步骤3：设置权限并格式化步骤4：启用Swap文件步骤5：永久保留Swap配置可选优化：调整Swappiness验证结果注意事项在Ubuntu22云服务器上添加2GB的Swap空间（交换分区），推荐使用Swap文件而非物理分区，因为操作更简单且无需调整磁盘布局。以下是详细步骤：步骤1：检查当前S
  • WPF 附加属性 她说彩礼65万 WPFwpf
    在WPF（WindowsPresentationFoundation）中，附加属性（AttachedProperties）是一种特殊的依赖属性机制，它允许父元素为子元素提供额外的属性支持。这种特性特别适用于布局系统、输入处理和其他需要跨多个控件共享或扩展功能的场景。1.什么是附加属性？附加属性本质上是由某个类定义的依赖属性，但它们可以被其他类的对象使用。附加属性通常用于以下几种情况：布局：如Gri
  • Flutter常用功能教程：新手入门指南 网络安全天地 httpudphttpswebsocket网络安全网络协议tcp/ip
    Flutter常用功能教程本文提供了详细的Flutter常用功能教程，涵盖环境搭建、布局与UI设计、导航与路由管理、状态管理入门、数据获取与网络请求以及保存用户数据等内容，帮助开发者快速上手Flutter开发。Flutter简介及环境搭建Flutter是什么Flutter是Google开发的一套开源UI软件开发工具包，支持创建高性能、美观的原生应用程序，可在iOS和Android上运行。Flutt
  • Elasticsearch 基础篇【ES】 码农爱java elasticsearch大数据搜索引擎esJava后端全文检索
    前言：Elasticsearch是一个分布式、RESTful风格的搜索和数据分析引擎，它的用途非常广泛，主要用于全文检索、结构化搜索、数据分析以及将这三者混合使用，本篇我们来初步认识一下ELasticsearch，分享一些ELasticsearch的基本概念。什么是Elasticsearch?Elasticsearch是一个分布式的、开源的、实时的搜索和分析引擎。它是基于ApacheLucene构
  • DeepSeek V3可用的15种精美知识卡片提示词 东锋17 人工智能信息可视化人工智能
    视觉风格模板库尺寸规格基准尺寸：宽度400px，高度不少于1280px。比例关系：遵循3:10的垂直长卡片比例，保持竖版布局。显示方式：卡片自左向右平铺展示，保持一致的顶部对齐。响应适配：主体内容在固定宽度内，确保在不同设备上保持竖版体验。具体风格介绍01|孟菲斯解构主义(MemphisDeconstructed)设计哲学：打破常规秩序，创造有意识的视觉冲突与趣味张力。色彩系统：高饱和不协调组合（
  • OmniGraffle Pro for Mac思维导图 1alisa macos
    OmniGraffleProforMac思维导图文章目录OmniGraffleProforMac思维导图一、介绍二、效果三、下载一、介绍OmniGraffleProforMac，具有演示模式，支持多个编辑窗口，Xcode导入，AppleScript和动作支持以及许多导出选项等。可以帮助您尽可能轻松地设计各种图形，如图表、网站线框、映射软件类、流程图、组织结构图、网络拓扑图布局等等。二、效果三、下载
  • 【ComfyUI专栏】实现基于SDXL的精细化成图效果 雾岛心情 ComfyUI人工智能AIGCComfyUI
    当ComfyUI的生成模型升级至SDXL版本后，图像生成流程被划分为两个阶段：首先由基础的SDXL模型生成初始图像，随后通过Refiner模型对图像细节进行优化。从这一流程中可以看出，我们目前采用了基础加载器（BaseLoader）和优化加载器（RefinerLoader）的双重架构。通常情况下，我们首先通过基础模型（BaseModel）进行初步的模型加载与图像生成，随后利用优化模型（Refine
  • 树型表格｜图形天下思维导图图形布局 思维导图思维
    树型表格是一种直观且高效的展示层级结构信息的工具。这种布局形式适合用于展示层级结构清晰、分类明确的信息。1.操作方法图形天下思维导图软件切换树型表格布局的方法，具体步骤如下：点击右侧工具栏的“布局”，打开布局功能面板，然后在图形布局中点击”树型表格“。2.布局方向在树型表格中，布局方向是可以灵活设置的，以满足不同用户的需求。2.1标题靠左当选择标题靠左的布局方向时，将中心主题置于左侧，层级关系从左
  • 扇形放射图｜图形天下思维导图图形布局 思维导图思维
    扇形放射图布局是思维导图中的一种核心布局形式，源自对自然界扇形及放射性形态的灵感借鉴。该布局以中心主题为起点，各子主题如同扇形或辐射状般向外延伸，构筑成一个生动的扇形结构。扇形放射图布局特别适用于展现围绕中心主题展开的多个分支内容，诸如产品分类的概览、技能发展的树状结构、以及深度分析的层次等。1.操作方法图形天下思维导图软件切换扇形放射图布局的方法，具体步骤如下：点击右侧工具栏的“布局”，打开布局
  • 鸿蒙栅格布局组件 GridRow 自学指南 harmonyos-next
    在日常的鸿蒙应用开发工作里，我时常面临布局设计的挑战。不同设备的分辨率、宽高比千差万别，若采用传统的固定布局，在某些设备上可能出现组件挤压、留白过多甚至显示错乱的尴尬局面。而GridRow组件宛如一把精准的手术刀，能够巧妙地切割屏幕空间，构建出规整且灵活多变的布局架构，轻松化解多尺寸适配难题。为了帮助同行们少走弯路，快速掌握这一强大工具，我决定将自己的学习心得整理成这篇自学指南。一、GridRow
  • 基于HTML的邮件发送状态查询界面设计示例 大霸王龙 html前端javascript
    以下是一个基于HTML的邮件发送状态查询界面设计示例，结合筛选功能、状态展示和重新发送操作，采用Bootstrap框架实现响应式布局：邮件发送状态监控系统.status-badge{padding:4px8px;border-radius:12px;font-size:0.9em;}.success{background-color:#d4edda;color:#155724;}.failed{b
  • uniapp css grid布局 —Qeyser 微信小程序uni-appHtmlcss前端uniapp
    html代码{{item}}css代码.view-list{width:100%;margin-top:40rpx;margin-bottom:40rpx;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);;gap:30rpx;}.view-item{width:100%;height
  • Android从零开始搭建MVVM架构（1），企业级项目实战讲解 m0_64603776 程序员面试android移动开发
    type=“com.lihang.databindinglover.User”/>Activity里的使用都是非常简单的，如果有不明白，稍后放出链接。这里还有特殊功能，比如我们再布局预览页面。通常会使用**tools:text=“中间的”**来预览布局，这个时候可以通过使用default的时候，即使是studio3.5里，也不提示，不过不影响。还有一点，在DataBinding里，已经处理了nul
  • Android项目实战搭建 MVVM架构 le161616 android架构
    View层具体代码：activity:/***@description:*普通Activity基类，不带ViewModel,显示基本加载状态*需要获取到子类的布局id用于databinding的绑定*@authorYLChen*@date2024/9/421:34*@version1.0*/abstractclassBaseActivity(@LayoutReslayoutID:Int):AppC
  • Java 并发包之线程池和原子计数 lijingyao8206 Java计数ThreadPool并发包java线程池
    对于大数据量关联的业务处理逻辑，比较直接的想法就是用JDK提供的并发包去解决多线程情况下的业务数据处理。线程池可以提供很好的管理线程的方式，并且可以提高线程利用率，并发包中的原子计数在多线程的情况下可以让我们避免去写一些同步代码。     这里就先把jdk并发包中的线程池处理器ThreadPoolExecutor 以原子计数类AomicInteger 和倒数计时锁C
  • java编程思想 抽象类和接口 百合不是茶 java抽象类接口
    接口c++对接口和内部类只有简介的支持,但在java中有队这些类的直接支持   1 ,抽象类 :  如果一个类包含一个或多个抽象方法,该类必须限定为抽象类(否者编译器报错)   抽象方法 : 在方法中仅有声明而没有方法体    package com.wj.Interface;
  • [房地产与大数据]房地产数据挖掘系统 comsci 数据挖掘
           随着一个关键核心技术的突破,我们已经是独立自主的开发某些先进模块,但是要完全实现,还需要一定的时间...        所以,除了代码工作以外,我们还需要关心一下非技术领域的事件..比如说房地产     &nb
  • 数组队列总结 沐刃青蛟 数组队列
          数组队列是一种大小可以改变，类型没有定死的类似数组的工具。不过与数组相比，它更具有灵活性。因为它不但不用担心越界问题，而且因为泛型（类似c++中模板的东西）的存在而支持各种类型。      以下是数组队列的功能实现代码：   import List.Student; public class
  • Oracle存储过程无法编译的解决方法 IT独行者 oracle存储过程　
    今天同事修改Oracle存储过程又导致2个过程无法被编译，流程规范上的东西，Dave 这里不多说，看看怎么解决问题。   1.     查看无效对象 XEZF@xezf(qs-xezf-db1)> select object_name,object_type,status from all_objects where status='IN
  • 重装系统之后oracle恢复 文强chu oracle
    前几天正在使用电脑，没有暂停oracle的各种服务。 突然win8.1系统奔溃，无法修复，开机时系统 提示正在搜集错误信息，然后再开机，再提示的无限循环中。 无耐我拿出系统u盘 准备重装系统，没想到竟然无法从u盘引导成功。 晚上到外面早了一家修电脑店，让人家给装了个系统，并且那哥们在我没反应过来的时候， 直接把我的c盘给格式化了 并且清理了注册表，再装系统。 然后的结果就是我的oracl
  • python学习二（ 一些基础语法） 小桔子 pthon基础语法
    紧接着把！昨天没看继续看django 官方教程，学了下python的基本语法 与c类语言还是有些小差别： 1.ptyhon的源文件以UTF-8编码格式 2. /   除 结果浮点型 //  除 结果整形 %   除 取余数 *   乘 **  乘方 eg 5**2 结果是5的2次方25 _&
  • svn 常用命令 aichenglong SVN版本回退
    1 svn回退版本   1)在window中选择log,根据想要回退的内容,选择revert this version或revert chanages from this version 两者的区别:   revert this version:表示回退到当前版本(该版本后的版本全部作废)   revert chanages from this versio
  • 某小公司面试归来 alafqq 面试
    先填单子，还要写笔试题，我以时间为急，拒绝了它。。时间宝贵。 老拿这些对付毕业生的东东来吓唬我。。 面试官很刁难，问了几个问题，记录下； 1，包的范围。。。public,private,protect. --悲剧了 2，hashcode方法和equals方法的区别。谁覆盖谁.结果，他说我说反了。 3，最恶心的一道题，抽象类继承抽象类吗？（察，一般它都是被继承的啊） 4，stru
  • 动态数组的存储速度比较 集合框架 百合不是茶 集合框架
    集合框架： 自定义数据结构(增删改查等) package 数组; /** * 创建动态数组 * @author 百合 * */ public class ArrayDemo{ //定义一个数组来存放数据 String[] src = new String[0]; /** * 增加元素加入容器 * @param s要加入容器
  • 用JS实现一个JS对象，对象里有两个属性一个方法 bijian1013 js对象
    <html> <head> </head> <body> 用js代码实现一个js对象，对象里有两个属性，一个方法 </body> <script> var obj={a:'1234567',b:'bbbbbbbbbb',c:function(x){
  • 探索JUnit4扩展：使用Rule bijian1013 java单元测试JUnitRule
            在上一篇文章中，讨论了使用Runner扩展JUnit4的方式，即直接修改Test Runner的实现(BlockJUnit4ClassRunner)。但这种方法显然不便于灵活地添加或删除扩展功能。下面将使用JUnit4.7才开始引入的扩展方式——Rule来实现相同的扩展功能。 1. Rule       &n
  • [Gson一]非泛型POJO对象的反序列化 bit1129 POJO
    当要将JSON数据串反序列化自身为非泛型的POJO时，使用Gson.fromJson(String, Class)方法。自身为非泛型的POJO的包括两种： 1. POJO对象不包含任何泛型的字段 2. POJO对象包含泛型字段，例如泛型集合或者泛型类 Data类 a.不是泛型类， b.Data中的集合List和Map都是泛型的 c.Data中不包含其它的POJO    
  • 【Kakfa五】Kafka Producer和Consumer基本使用 bit1129 kafka
    0.Kafka服务器的配置 一个Broker， 一个Topic Topic中只有一个Partition（）   1. Producer： package kafka.examples.producers; import kafka.producer.KeyedMessage; import kafka.javaapi.producer.Producer; impor
  • lsyncd实时同步搭建指南——取代rsync+inotify ronin47
    1. 几大实时同步工具比较 1.1 inotify + rsync 最近一直在寻求生产服务服务器上的同步替代方案，原先使用的是 inotify + rsync，但随着文件数量的增大到100W+，目录下的文件列表就达20M，在网络状况不佳或者限速的情况下，变更的文件可能10来个才几M，却因此要发送的文件列表就达20M，严重减低的带宽的使用效率以及同步效率；更为要紧的是，加入inotify
  • java-9. 判断整数序列是不是二元查找树的后序遍历结果 bylijinnan java
    public class IsBinTreePostTraverse{ static boolean isBSTPostOrder(int[] a){ if(a==null){ return false; } /*1.只有一个结点时，肯定是查找树 *2.只有两个结点时，肯定是查找树。例如{5,6}对应的BST是 6 {6,5}对应的BST是
  • MySQL的sum函数返回的类型 bylijinnan javaspringsqlmysqljdbc
    今天项目切换数据库时，出错 访问数据库的代码大概是这样： String sql = "select sum(number) as sumNumberOfOneDay from tableName"; List<Map> rows = getJdbcTemplate().queryForList(sql); for (Map row : rows
  • java设计模式之单例模式 chicony java设计模式
    在阎宏博士的《JAVA与模式》一书中开头是这样描述单例模式的： 　　作为对象的创建模式，单例模式确保某一个类只有一个实例，而且自行实例化并向整个系统提供这个实例。这个类称为单例类。 单例模式的结构 　　单例模式的特点： 单例类只能有一个实例。 单例类必须自己创建自己的唯一实例。 单例类必须给所有其他对象提供这一实例。 　　饿汉式单例类   publ
  • javascript取当月最后一天 ctrain JavaScript
    <!--javascript取当月最后一天--> <script language=javascript> var current = new Date(); var year = current.getYear(); var month = current.getMonth(); showMonthLastDay(year, mont
  • linux tune2fs命令详解 daizj linuxtune2fs查看系统文件块信息
    一.简介： tune2fs是调整和查看ext2/ext3文件系统的文件系统参数，Windows下面如果出现意外断电死机情况，下次开机一般都会出现系统自检。Linux系统下面也有文件系统自检，而且是可以通过tune2fs命令，自行定义自检周期及方式。 二.用法： Usage: tune2fs [-c max_mounts_count] [-e errors_behavior] [-g grou
  • 做有中国特色的程序员 dcj3sjt126com 程序员
      从出版业说起 网络作品排到靠前的，都不会太难看，一般人不爱看某部作品也是因为不喜欢这个类型，而此人也不会全不喜欢这些网络作品。究其原因，是因为网络作品都是让人先白看的，看的好了才出了头。而纸质作品就不一定了，排行榜靠前的，有好作品，也有垃圾。 许多大牛都是写了博客，后来出了书。这些书也都不次，可能有人让为不好，是因为技术书不像小说，小说在读故事，技术书是在学知识或温习知识，有
  • Android：TextView属性大全 dcj3sjt126com textview
    android:autoLink    设置是否当文本为URL链接/email/电话号码/map时，文本显示为可点击的链接。可选值(none/web/email/phone/map/all)  android:autoText    如果设置，将自动执行输入值的拼写纠正。此处无效果，在显示输入法并输
  • tomcat虚拟目录安装及其配置 eksliang tomcat配置说明tomca部署web应用tomcat虚拟目录安装
    转载请出自出处：http://eksliang.iteye.com/blog/2097184 1.-------------------------------------------tomcat  目录结构 config：存放tomcat的配置文件 temp  ：存放tomcat跑起来后存放临时文件用的 work   ： 当第一次访问应用中的jsp
  • 浅谈：APP有哪些常被黑客利用的安全漏洞 gg163 APP
    首先，说到APP的安全漏洞，身为程序猿的大家应该不陌生；如果抛开安卓自身开源的问题的话，其主要产生的原因就是开发过程中疏忽或者代码不严谨引起的。但这些责任也不能怪在程序猿头上，有时会因为BOSS时间催得紧等很多可观原因。由国内移动应用安全检测团队爱内测（ineice.com）的CTO给我们浅谈关于Android 系统的开源设计以及生态环境。 1. 应用反编译漏洞：APK 包非常容易被反编译成可读
  • C#根据网址生成静态页面 hvt Web.netC#asp.nethovertree
    HoverTree开源项目中HoverTreeWeb.HVTPanel的Index.aspx文件是后台管理的首页。包含生成留言板首页，以及显示用户名，退出等功能。根据网址生成页面的方法：   bool CreateHtmlFile(string url, string path) { //http://keleyi.com/a/bjae/3d10wfax.htm stri
  • SVG 教程 （一） 天梯梦 svg
    SVG 简介 SVG 是使用 XML 来描述二维图形和绘图程序的语言。 学习之前应具备的基础知识： 继续学习之前，你应该对以下内容有基本的了解： HTML XML 基础 如果希望首先学习这些内容，请在本站的首页选择相应的教程。 什么是SVG？ SVG 指可伸缩矢量图形 (Scalable Vector Graphics) SVG 用来定义用于网络的基于矢量
  • 一个简单的java栈 luyulong java数据结构栈
    public class MyStack { private long[] arr; private int top; public MyStack() { arr = new long[10]; top = -1; } public MyStack(int maxsize) { arr = new long[maxsize]; top
  • 基础数据结构和算法八：Binary search sunwinner AlgorithmBinary search
    Binary search needs an ordered array so that it can use array indexing to dramatically reduce the number of compares required for each search, using the classic and venerable binary search algori
  • 12个C语言面试题，涉及指针、进程、运算、结构体、函数、内存，看看你能做出几个！ 刘星宇 c面试
    12个C语言面试题，涉及指针、进程、运算、结构体、函数、内存，看看你能做出几个！ 1.gets()函数 问：请找出下面代码里的问题： #include<stdio.h> int main(void) {     char buff[10];     memset(buff,0,sizeof(buff));
  • ITeye 7月技术图书有奖试读获奖名单公布 ITeye管理员 活动ITeye试读
    ITeye携手人民邮电出版社图灵教育共同举办的7月技术图书有奖试读活动已圆满结束，非常感谢广大用户对本次活动的关注与参与。 7月试读活动回顾： http://webmaster.iteye.com/blog/2092746 本次技术图书试读活动的优秀奖获奖名单及相应作品如下（优秀文章有很多，但名额有限，没获奖并不代表不优秀）： 《Java性能优化权威指南》
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他