weixin_33716557
weixin_33716557

CSS浮动和清除浮动

1.浮动float

　　div配合float浮动来做页面的布局，浮动最常用的地方就是用来做布局。只有一个标签设置了浮动float属性，就会变成块级标签。

CSS浮动和清除浮动_第1张图片

 

DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>10float页面布局示例title>

    <style>

        * {
            margin: 0px;
            padding: 0px;
        }

        .c1 {
            height: 1000px;
            width: 20%;
            background-color: darkslategrey;
            float: left;    /* 使用浮动属性，将div1和div2两个块级标签横向推挤在一起。如果两个标签能够摆在一排，就会浮动到一起  */
        }

        .c2 {
            height: 1000px;
            width: 80%;
            background-color: black;
            float: left;
        }

    style>
head>
<body>


<div class="c1">div>
<div class="c2">div>

body>
html>

 

CSS浮动和清除浮动_第2张图片

 

2.清除浮动clear属性

CSS浮动和清除浮动_第3张图片

CSS浮动和清除浮动_第4张图片

 （1）利用伪元素具有clear清除浮动的属性来解决父标签塌陷的问题（父标签撑不起来的问题）

DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>11清除浮动示例title>

    <style>
        /* 通用样式将整个浏览器的外边距与内边距设置为0 */
        * {
            margin: 0;
            padding: 0;
        }

        #d1 {
            border: 1px solid black;
        }

        .c1,
        .c2 {
            float: left;    /* 左浮动 */
            height: 100px;
        }

        /*.c3 {*/
            /*!*height: 100px;*!*/
            /*clear: left;*/
        /*}*/

        /* 在d1这个标签的最后加一个伪元素,伪元素的内容为空，但具有清除浮动的属性，解决了父标签塌陷问题*/
        #d1:after {
            content: "";
            clear: left;
            display: block;
        }
    style>

head>
<body>

<div id="d1">
    <div class="c1">c1div>
    <div class="c2">c2div>
div>

body>
html>

 

 CSS浮动和清除浮动_第5张图片

3.overflow溢出属性

 

CSS浮动和清除浮动_第6张图片

 CSS浮动和清除浮动_第7张图片

（1）利用overflow溢出属性做圆形头像的例子

DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>12overflow示例title>
    <style>
        .c1 {
            width: 120px;
            height: 120px;
            border: 1px solid black;
            /*overflow: scroll;   !* 当内容溢出时，则会使用滚动条，防止内容溢出 *!*/
            overflow: auto;     /* 同样是增加了滚动条来防止溢出*/
        }
        /* 使头像变成圆形的例子 */
        .header-img {
            width: 120px;
            height: 120px;
            border: 2px solid #FF0000;
            border-radius: 100%;    /* 圆形边框 */
            overflow: hidden;   /* 如果内容溢出了则隐藏掉溢出的部分 */
        }

        img {
            max-width: 100%;    /* 设置图片的最大宽度为100%，也就是和父标签一样大 */
        }
    style>

head>
<body>

<div class="c1">海燕啊，你可长点心吧燕啊，你可长点心吧。燕啊，你可长点心吧。燕啊，你可长点心吧。燕啊，你可长点心吧。。div>


<div class="header-img">
    <img src="huluwa.png" alt="">
div>
body>
html>

CSS浮动和清除浮动_第8张图片

 

4.清除浮动示例

DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>float下午版title>
    <style>
        #d1 {
           border: 1px solid black;
        }

        .c1 {
            height: 50px;
            width: 50px;
            background-color: blue;
            border: 1px solid red;
            float: left; /* 增加左浮动属性 */
        }

        /* 清除浮动的副作用，高度不会跑了 */
        /*.c2 {*/
            /*background-color: darkslategrey;*/
            /*clear: left;  !* 清除左浮动，有了这句话就可以让d1标签撑起来了，左边不能有浮动的元素 *!*/
        /*}*/

        /* 另外一种清除浮动副作用的方法 */
        /*#d1:after {*/
            /*content: '';*/
            /*clear: both;*/
            /*display: block;*/
        /*}*/

        /* 使用类样式进行清除浮动,之后只要需要清除浮动，标签都可以使用这个样式 */
        .clearfix:after {
            content: '';
            clear: both;
            display: block;
        }

    style>
head>
<body>

<div id="d1" class="clearfix">
    <div class="c1">div> 
    <div class="c1">div>
    <div class="c1">div>
    <div class="c1">div>
    <div class="c2">div>
div>

<div class="c3">我是解药div>

body>
html>

 

CSS浮动和清除浮动_第9张图片

 

转载于:https://www.cnblogs.com/whylinux/p/10229759.html

你可能感兴趣的:(CSS浮动和清除浮动)

  • 自学黑客技术多长时间能达到挖漏洞的水平？ ～小羊没烦恼～ 网络安全黑客技术黑客网络安全web安全人工智能学习
    作为一名白帽黑客，自学黑客技术是一种既刺激又实用的技能。然而，很多初学者都好奇，自学这门技术需要多长时间才能达到挖掘漏洞的水平。本文将从黑客的角度详细探讨这个问题，包括学习路径、实践方法和一些个人经验分享。自学路径概览黑客技术的自学可以分为几个阶段：基础知识学习、工具与技术掌握、实战演练和专业深造。每个阶段的时间长度可以根据个人的学习速度和投入时间的多少而有所不同。1.基础知识学习（1-3个月）初
  • 探索生成式 AI Agent：12类，40+个AI Agent实例应用场景的宝藏库 和老莫一起学AI 人工智能产品经理职场和发展面试自然语言处理ai大模型
    在人工智能的璀璨星空中，生成式AI智能体（GenAIAgents）无疑是最耀眼的星辰之一，正以前所未有的速度改变着我们与技术互动的方式。今天，我将分享GitHub上一个宝藏级的项目——“NirDiamant/GenAI_Agents”，这里汇聚了从基础到高级的各种GenAI智能体技术教程与实现案例，堪称一座智能体开发的知识宝库。1.适合初学者的智能体简单会话智能体概览通过集成语言模型、提示模板和历
  • 全国省市县分行业碳排放月度数据（2000-2023） 皮皮学姐分享-ppx 政务学习经验分享微信公众平台笔记
    1688全国省市县分行业碳排放月度数据（2000-2023）数据简介今天我们分享的数据为全国省市月度分行业碳排放数据，其中包含电力行业、工业过程、工业燃烧、建筑物能源、浪费、农业、燃料能源和运输八种指标的碳排放总量，原始数据是来源于EDGAR的NC格式文件，我们对其进行数据整理，转换为各省市的月度碳排放总量的面板数据，原始数据为长时序的全球NC格式文件，但考虑到NC数据用户使用起来并不方便，皮皮侠
  • Python爬虫实战：如何爬取雪球网的股票数据 Python爬虫项目 2025年爬虫实战项目python爬虫开发语言自动化区块链
    引言雪球网（Xueqiu）是中国知名的股票投资社交平台，它提供了丰富的股票数据、投资者的评论和分析，并允许用户进行股票交易的模拟。雪球平台集成了大量的股市数据，包括个股的实时行情、财务数据、投资者分析以及论坛社区内容。许多投资者和金融分析师都在该平台上进行股票研究、讨论和数据挖掘。在本文中，我们将介绍如何通过Python爬虫抓取雪球网的股票数据。通过分析雪球网提供的API和网页结构，获取个股的实时
  • Python 爬虫实战：爬取雪球股票讨论（投资者情绪分析 + 热点板块追踪） Python核芯 Python爬虫实战项目python爬虫开发语言
    一、前言雪球网作为国内知名的投资者社区，汇聚了海量的股票讨论、行情数据和用户观点。通过爬取雪球股票讨论数据，我们可以挖掘投资者情绪和热点板块，为投资决策提供数据支持。本文将详细讲解如何利用Python爬虫抓取雪球股票讨论数据，并进行投资者情绪分析和热点板块追踪。二、准备工作1.环境搭建确保已安装Python3.7或以上版本，推荐使用VisualStudioCode作为开发工具。2.安装依赖库在命令
  • ElementUI el-select多选下拉框，回显数据后无法重新选择和修改
    问题ElementUIel-select多选下拉框，回显数据后无法重新选择和修改，点击选择和删除都没有反应，页面也没有报错方案一网上搜出来的基本上都是这个解决办法，但是我设置后没有生效，还是无法选择和修改原因下拉框数据是循环别的接口得来的，因为数据层次太多，render函数没有自动更新，需手动强制刷新。@change="$forceUpdate()"添加位置如下方案二（解决）最后通过使用this.
  • 深入解析 OPC UA：工业自动化与物联网的关键技术 从零开始学习人工智能 自动化物联网运维
    在当今快速发展的工业自动化和物联网（IoT）领域，数据的无缝交换和集成变得至关重要。OPCUA（OpenPlatformCommunicationsUnifiedArchitecture）作为一种开放的、跨平台的工业通信协议，正在成为这一领域的关键技术。本文将深入探讨OPCUA协议的各个方面，包括其背景、特性、应用场景、使用示例以及未来的发展趋势。一、OPCUA协议简介1.1背景与历史OPCUA是
  • Python内置模块之asyncio详细功能介绍及示例
    Pythonasyncio模块详解及使用示例asyncio是Python用于编写并发代码的库，使用async/await语法。它是Python异步编程的核心库，特别适合I/O密集型和高并发网络应用。主要方法及功能1.事件循环管理asyncio.run(coro,*,debug=False)-运行异步程序的主入口asyncio.get_event_loop()-获取当前事件循环asyncio.set
  • Docker-compose搭建（单机/多机）RabbitMQ集群 Ennis.Zhou dockerdockerrabbitmq容器
    一、（单台服务器）docker-compose搭建RabbitMQ集群这里我们提到的是用一台Centos7服务器上用docker搭建的RabbitMQ集群，只能用作测试和练手用。1.环境准备服务器IP容器分配网段容器hostname容器的IP172.17.202.82172.24.0.0/16rabbit1172.24.0.5rabbit2172.24.0.6rabbit3172.24.0.72.
  • mysqlx_max_connections 讓丄帝愛伱 数据库#MySQLmysql
    mysqlx_max_connections是MySQL8.0版本中的一个系统变量，它用于设置MySQLXProtocol（X协议）的最大连接数。MySQLXProtocol是MySQL的一种新的协议，它基于WebSocket和JSON，用于提供无状态、基于文档的访问MySQL的功能。mysqlx_max_connections定义了通过X协议允许的最大并发连接数。当达到该限制时，新的连接请求将被
  • 淘客返利 APP 开发核心：订单同步、佣金追踪与多级分润体系的技术实现 省赚客APP开发者@聚娃科技 windowslinux服务器
    淘客返利APP开发核心：订单同步、佣金追踪与多级分润体系的技术实现大家好，我是阿可，微赚淘客系统及省赚客APP创始人，是个冬天不穿秋裤，天冷也要风度的程序猿！在淘客返利APP的开发中，订单同步、佣金追踪和多级分润体系是核心功能。这些功能的实现不仅直接影响用户体验，还决定了平台的运营效率和商业价值。本文将详细探讨如何通过技术手段实现这些功能。一、订单同步订单同步是淘客返利APP的基础功能之一。它需要
  • 电商导购系统佣金计算引擎设计：高并发场景下的实时分润算法与规则引擎实现 省赚客APP开发者@聚娃科技 算法
    电商导购系统佣金计算引擎设计：高并发场景下的实时分润算法与规则引擎实现大家好，我是阿可，微赚淘客系统及省赚客APP创始人，是个冬天不穿秋裤，天冷也要风度的程序猿！在电商导购系统中，佣金计算引擎是核心模块之一，尤其是在高并发场景下，如何实现高效的实时分润算法和灵活的规则引擎，是系统设计的关键。本文将详细探讨如何设计一个高性能、高可用的佣金计算引擎，以满足电商导购系统的需求。一、佣金计算引擎的挑战电商
  • 京东返利 APP 高可用架构：基于 Nginx+Redis 的缓存策略与流量削峰实践 省赚客APP开发者@聚娃科技 缓存架构nginx
    京东返利APP高可用架构：基于Nginx+Redis的缓存策略与流量削峰实践大家好，我是阿可，微赚淘客系统及省赚客APP创始人，是个冬天不穿秋裤，天冷也要风度的程序猿！在电商返利领域，京东返利APP面临着高并发流量的挑战，尤其是在促销活动期间。为了保障系统的高可用性，我们采用了基于Nginx和Redis的缓存策略与流量削峰技术。本文将详细介绍这些技术的实现细节，以及如何通过它们提升系统的性能和稳定
  • 导购APP的技术架构与用户体验优化 省赚客APP开发者@聚娃科技 架构ux
    导购APP的技术架构与用户体验优化大家好，我是阿可，微赚淘客系统及省赚客APP创始人，是个冬天不穿秋裤，天冷也要风度的程序猿！随着移动互联网的快速发展，导购APP已成为连接用户与商品的桥梁。本文将探讨导购APP的技术架构设计以及如何通过技术手段优化用户体验。技术架构概览导购APP的技术架构通常包括以下几个关键部分：前端展示层：负责用户界面的展示和交互。后端服务层：处理业务逻辑，提供API接口。数据
  • 导购类电商平台数据库设计：如何用ShardingSphere处理TB级用户行为数据 省赚客APP开发者@聚娃科技 数据库
    导购类电商平台数据库设计：如何用ShardingSphere处理TB级用户行为数据大家好，我是阿可，微赚淘客系统及省赚客APP创始人，是个冬天不穿秋裤，天冷也要风度的程序猿！一、背景介绍在导购类电商平台中，用户行为数据（如浏览记录、点击行为、购买行为等）是系统的重要组成部分。随着用户量的增加和业务的扩展，用户行为数据量迅速增长，可能达到TB级别甚至更高。传统的单体数据库架构难以应对如此大规模的数据
  • Notepad++：程序员的高效代码编辑与自定义利器 如水蜜
    本文还有配套的精品资源，点击获取简介：Notepad++是一款专为Windows系统设计的免费源代码编辑器，深受程序员推崇。它不仅支持多种编程语言的语法高亮和自动缩进功能，还有着强大的搜索替换功能、宏录制播放、内置FTP/SFTP客户端以及可插件扩展功能。此外，Notepad++的轻量级设计和高度自定义性（包括主题、快捷键和配置选项）使其在提高编码效率的同时，也满足了个性化需求。1.Notepad
  • springboot+微信小程序接入微信小程序支付（使用证书与JSAPI） 小杨HPDay！ springboot微信小程序后端
    1、maven引入依赖com.github.wechatpay-apiv3wechatpay-apache-httpclient0.4.52、配置文件application.yml#微信支付相关参数wx-pay:#商户id(微信支付商户平台获取)mch-id:xxxxxxxxx#公众号appid(和商户id绑定过后，微信支付商户平台或者微信公众平台获取)appid:xxxxxxxxx#商户证书序列
  • uniapp image引用本地图片不显示问题 雪芽蓝域zzs uniappuni-app
    1.uniappimage引用本地图片不显示问题  在uniapp开发过程中采用image引入本地资源图片。1.1.相对路径和绝对路径问题  在UniApp中开发微信小程序时，引入图片时，相对路径和绝对路径可能会有一些差异。这差异主要涉及到小程序和UniApp框架的文件结构、路径解析规则以及开发环境的不同。1.1.1.相对路径：  相对路径是相对于当前文件的路径来引用资源的。例如，如果你的页面文件
  • ReBEL模型的本地部署与运行，用于三元组抽取任务（事件抽取、知识抽取）
    1.服务器CUDA11.72.依赖condacreate-nrebel_envpython=3.10-ycondaactivaterebel_env#安装PyTorch（建议与CUDA11.7配合）pipinstalltorchtorchvisiontorchaudio--index-urlhttps://download.pytorch.org/whl/cu117#安装Transformers和
  • golang 接收器 Carver猫哥 后端笔记【Golang】golang开发语言
    golang中的函数是接收器（receiver）上的一个函数：在Go语言中有一个概念，它和方法有着同样的名字，并且大体上意思相同，Go方法是作用在接收器（receiver）上的一个函数，接收器是某种类型的变量，因此方法是一种特殊类型的函数。接收器类型可以是（几乎）任何类型，不仅仅是结构体类型，任何类型都可以有方法，甚至可以是函数类型，可以是int、bool、string或数组的别名类型，但是接收器
  • rabbitmq 配置文件 lisanmengmeng 消息队列系统运维架构rabbitmq分布式
    一般情况下，RabbitMQ的默认配置就足够了。如果希望特殊设置的话，有两个途径：一个是环境变量的配置文件rabbitmq-env.conf；一个是配置信息的配置文件rabbitmq.config；注意，这两个文件默认是没有的，如果需要必须自己创建rabbitmq-env.conf这个文件的位置是确定和不能改变的，位于：/etc/rabbitmq目录下（这个目录需要自己创建）。文件的内容包括了Ra
  • 供应链攻击原理和架构 hao_wujing 安全
    大家读完觉得有帮助记得关注和点赞！！！供应链攻击是一种针对软件或硬件产品开发、分发及更新环节的复杂攻击模式，攻击者通过渗透受信任的供应商或第三方依赖，将恶意代码植入合法产品中，最终感染目标用户。其核心在于**利用信任链的传递性**绕过传统防御。以下是其原理与架构的深度解析：---###**一、攻击原理**1.**信任传递的逆向利用**-用户信任供应商（如软件开发商、开源库维护者）→供应商信任其工具
  • 微信小程序之获取后台动态数据表格布局display:table HOLD ON! 微信小程序
    微信小程序之获取后台动态数据表格布局display:table猿来独往2018-09-02本文没有采用flex布局和grid布局来设置表格的，而是通过display:table;来设置。一方面工作中经常用到这种自适应表格排版布局方式（包括方框列表及九宫格式），但是flex布局和grid布局来设置的话就很容易了，这次想通过另一种方法来实现，而且这种方法比较少用，所以想尝试一下，分享给大家。如果对这个
  • 微信小程序原生实现table组件, 第二弹，支持横向和纵向滚动（固定列，可设置边框） 没脾气的猫 微信小程序小程序
    效果图![在这里插入图片描述](https://img-blog.csdnimg.cn/direct/5e6cb1a645584c9dbf27b6bd1ab9465e.pngtable组件代码wxml文件{{column.title}}{{table[columnItem.key]||'-'}}wxss文件/*项目表格*/.table{position:relative;background:#F
  • 微信小程序31~40 The_era_achievs_hero 微信小程序小程序
    1.事件绑定和事件对象小程序中绑定事件没有on方式，也没有click,小程序中可以用bind方法，click事件也需要用tap事件来进行代替。绑定事件分为两种：bind:事件名，eg:bind事件名，eg:事件处理函数需要写到.js文件中，在.js文件中需要调用小程序提供的Page方法来注册小程序的页面，可以直接在Page方法中创建事件处理函数。type的三个属性可以改变按钮的样式：1.prima
  • 微信小程序入门四：实现table效果 鳄鱼儿 微信小程序小程序入门
    微信小程序中没有table组件，那么怎么实现呢？其实使用多个view组件就可以实现，接下来就直接看代码吧标题1标题2标题3标题4标题5{{item}}{{item}}{{item}}{{item}}{{item}}/*.css*/page{font-size:14px;color:#333;}.table{border:1pxsolid#dadada;border-right:0;border-b
  • Vibe Coding开发微信小程序实战案例 程序员陆通 微信小程序notepad++小程序AI编程
    在AI编程时代，人人都能编程。我以"个人记账助手"小程序为例，详细演示整个开发过程。项目概述项目名称：个人记账助手功能描述：用户可以记录日常收支，查看统计图表，管理账单分类技术栈：微信小程序原生开发+云开发开发方式：VibeCoding+AI辅助第一阶段：需求分析与架构设计与AI对话进行需求梳理开发者描述：我想开发一个微信小程序，功能是个人记账。用户可以：1.添加收入和支出记录2.选择消费分类（餐
  • Rust中struct、impl、trait、enum关系解析
    在Rust中，struct、enum、impl和trait是面向对象编程的核心概念，它们协同工作以实现数据抽象、封装和多态。以下是详细解释及它们之间的关系：1.struct（结构体）作用：定义自定义数据类型，封装多个相关字段（数据）。特点：类似于其他语言中的"类"，但仅包含数据（不包含方法）。支持泛型、生命周期参数等。通过impl块添加方法。示例：structRectangle{width:u32
  • 类图+案例+代码详解：软件设计模式----生成器模式（建造者模式） N_NAN_N 软件设计模式设计模式建造者模式java
    生成器模式（建造者模式）把复杂对象的建造过程和表示分离，让同样的建造过程可以创建不同的表示。假设你去快餐店买汉堡，汉堡由面包、肉饼、蔬菜、酱料等部分组成。建造者模式的角色类比：产品（Product）：汉堡（由多个部分组成的复杂对象）抽象建造者（Builder）：汉堡建造接口（定义“放面包”“放肉饼”“放蔬菜”“放酱料”等建造步骤）具体建造者（ConcreteBuilder）：鸡肉堡建造者、牛肉堡建
  • 力扣网编程题：移除元素（简单） 魏劭 逻辑编程题leetcode算法数据结构
    一.简介本文记录一下力扣网上涉及数组的问题：移除元素。二.力扣网编程题：移除元素（简单）给你一个数组nums和一个值val，你需要原地移除所有数值等于val的元素。元素的顺序可能发生改变。然后返回nums中与val不同的元素的数量。假设nums中不等于val的元素数量为k，要通过此题，您需要执行以下操作：更改nums数组，使nums的前k个元素包含不等于val的元素。nums的其余元素和nums的
  • 用MiddleGenIDE工具生成hibernate的POJO（根据数据表生成POJO类） AdyZhang POJOeclipseHibernateMiddleGenIDE
    推荐:MiddlegenIDE插件,   是一个Eclipse   插件.     用它可以直接连接到数据库,   根据表按照一定的HIBERNATE规则作出BEAN和对应的XML ，用完后你可以手动删除它加载的JAR包和XML文件!     今天开始试着使用
  • .9.png Cb123456 android
      “点九”是andriod平台的应用软件开发里的一种特殊的图片形式，文件扩展名为：.9.png 　　智能手机中有自动横屏的功能,同一幅界面会在随着手机(或平板电脑)中的方向传感器的参数不同而改变显示的方向,在界面改变方向后,界面上的图形会因为长宽的变化而产生拉伸,造成图形的失真变形。 　　我们都知道android平台有多种不同的分辨率，很多控件的切图文件在被放大拉伸后，边
  • 算法的效率 天子之骄 算法效率复杂度最坏情况运行时间大O阶平均情况运行时间
    算法的效率 效率是速度和空间消耗的度量。集中考虑程序的速度，也称运行时间或执行时间，用复杂度的阶(O)这一标准来衡量。空间的消耗或需求也可以用大O表示，而且它总是小于或等于时间需求。   以下是我的学习笔记：   1.求值与霍纳法则，即为秦九韶公式。   2.测定运行时间的最可靠方法是计数对运行时间有贡献的基本操作的执行次数。运行时间与这个计数成正比。
  • java数据结构 何必如此 java数据结构
    Java 数据结构 Java工具包提供了强大的数据结构。在Java中的数据结构主要包括以下几种接口和类： 枚举（Enumeration） 位集合（BitSet） 向量（Vector） 栈（Stack） 字典（Dictionary） 哈希表（Hashtable） 属性（Properties） 以上这些类是传统遗留的，在Java2中引入了一种新的框架-集合框架(Collect
  • MybatisHelloWorld 3213213333332132
    //测试入口TestMyBatis package com.base.helloworld.test; import java.io.IOException; import org.apache.ibatis.io.Resources; import org.apache.ibatis.session.SqlSession; import org.apache.ibat
  • Java|urlrewrite|URL重写|多个参数 7454103 javaxmlWeb工作
     个人工作经验！ 如有不当之处，敬请指点 1.0  web -info 目录下建立     urlrewrite.xml  文件 类似如下： <?xml version="1.0" encoding="UTF-8" ?>   <!DOCTYPE u
  • 达梦数据库+ibatis darkranger sqlmysqlibatisSQL Server
    --插入数据方面 如果您需要数据库自增... 那么在插入的时候不需要指定自增列. 如果想自己指定ID列的值, 那么要设置 set identity_insert  数据库名.模式名.表名; ----然后插入数据; example: create table zhabei.test( id bigint identity(1,1) primary key, nam
  • XML 解析 四种方式 aijuans android
    XML现在已经成为一种通用的数据交换格式,平台的无关性使得很多场合都需要用到XML。本文将详细介绍用Java解析XML的四种方法。 XML现在已经成为一种通用的数据交换格式,它的平台无关性,语言无关性,系统无关性,给数据集成与交互带来了极大的方便。对于XML本身的语法知识与技术细节,需要阅读相关的技术文献,这里面包括的内容有DOM(Document Object
  • spring中配置文件占位符的使用 avords
    1.类 <?xml version="1.0" encoding="UTF-8"?><!DOCTYPE beans PUBLIC "-//SPRING//DTD BEAN//EN" "http://www.springframework.o
  • 前端工程化-公共模块的依赖和常用的工作流 bee1314 webpack
    题记： 一个人的项目，还有工程化的问题嘛？   我们在推进模块化和组件化的过程中，肯定会不断的沉淀出我们项目的模块和组件。对于这些沉淀出的模块和组件怎么管理？另外怎么依赖也是个问题？ 你真的想这样嘛？   var BreadCrumb = require(‘../../../../uikit/breadcrumb’); //真心ugly。  
  • 上司说「看你每天准时下班就知道你工作量不饱和」，该如何回应？ bijian1013 项目管理沟通IT职业规划
    问题：上司说「看你每天准时下班就知道你工作量不饱和」，如何回应         正常下班时间6点，只要是6点半前下班的，上司都认为没有加班。   Eno-Bea回答，注重感受，不一定是别人的         虽然我不知道你具体从事什么工作与职业，但是我大概猜测，你是从事一项不太容易出现阶段性成果的工作
  • TortoiseSVN，过滤文件 征客丶 SVN
    环境： TortoiseSVN 1.8 配置： 在文件夹空白处右键 选择  TortoiseSVN -> Settings 在 Global ignote pattern 中添加要过滤的文件： 多类型用英文空格分开 *name ： 过滤所有名称为 name 的文件或文件夹 *.name ： 过滤所有后缀为 name 的文件或文件夹 --------
  • 【Flume二】HDFS sink细说 bit1129 Flume
    1. Flume配置   a1.sources=r1 a1.channels=c1 a1.sinks=k1 ###Flume负责启动44444端口 a1.sources.r1.type=avro a1.sources.r1.bind=0.0.0.0 a1.sources.r1.port=44444 a1.sources.r1.chan
  • The Eight Myths of Erlang Performance bookjovi erlang
    erlang有一篇guide很有意思： http://www.erlang.org/doc/efficiency_guide 里面有个The Eight Myths of Erlang Performance： http://www.erlang.org/doc/efficiency_guide/myths.html   Myth: Funs are sl
  • java多线程网络传输文件(非同步)-2008-08-17 ljy325 java多线程socket
    利用 Socket 套接字进行面向连接通信的编程。客户端读取本地文件并发送；服务器接收文件并保存到本地文件系统中。 使用说明:请将TransferClient, TransferServer, TempFile三个类编译，他们的类包是FileServer. 客户端: 修改TransferClient: serPort, serIP, filePath, blockNum,的值来符合您机器的系
  • 读《研磨设计模式》-代码笔记-模板方法模式 bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ import java.sql.Connection; import java.sql.DriverManager; import java.sql.PreparedStatement; import java.sql.ResultSet;
  • 配置心得 chenyu19891124 配置
    时间就这样不知不觉的走过了一个春夏秋冬，转眼间来公司已经一年了，感觉时间过的很快，时间老人总是这样不停走，从来没停歇过。 作为一名新手的配置管理员，刚开始真的是对配置管理是一点不懂，就只听说咱们公司配置主要是负责升级，而具体该怎么做却一点都不了解。经过老员工的一点点讲解，慢慢的对配置有了初步了解，对自己所在的岗位也慢慢的了解。 做了一年的配置管理给自总结下： 1.改变 从一个以前对配置毫无
  • 对“带条件选择的并行汇聚路由问题”的再思考 comsci 算法工作软件测试嵌入式领域模型
    2008年上半年，我在设计并开发基于”JWFD流程系统“的商业化改进型引擎的时候，由于采用了新的嵌入式公式模块而导致出现“带条件选择的并行汇聚路由问题”(请参考2009-02-27博文)，当时对这个问题的解决办法是采用基于拓扑结构的处理思想，对汇聚点的实际前驱分支节点通过算法预测出来，然后进行处理，简单的说就是找到造成这个汇聚模型的分支起点，对这个起始分支节点实际走的路径数进行计算，然后把这个实际
  • Oracle 10g 的clusterware 32位 下载地址 daizj oracle
    Oracle 10g 的clusterware 32位 下载地址 http://pan.baidu.com/share/link?shareid=531580&uk=421021908 http://pan.baidu.com/share/link?shareid=137223&uk=321552738 http://pan.baidu.com/share/l
  • 非常好的介绍：Linux定时执行工具cron dongwei_6688 linux
    Linux经过十多年的发展，很多用户都很了解Linux了，这里介绍一下Linux下cron的理解，和大家讨论讨论。cron是一个Linux 定时执行工具，可以在无需人工干预的情况下运行作业，本文档不讲cron实现原理，主要讲一下Linux定时执行工具cron的具体使用及简单介绍。 新增调度任务推荐使用crontab -e命令添加自定义的任务（编辑的是/var/spool/cron下对应用户的cr
  • Yii assets目录生成及修改 dcj3sjt126com yii
    assets的作用是方便模块化，插件化的，一般来说出于安全原因不允许通过url访问protected下面的文件，但是我们又希望将module单独出来，所以需要使用发布，即将一个目录下的文件复制一份到assets下面方便通过url访问。 assets设置对应的方法位置 \framework\web\CAssetManager.php   assets配置方法 在m
  • mac工作软件推荐 dcj3sjt126com mac
    mac上的Terminal + bash ＋ screen组合现在已经非常好用了，但是还是经不起iterm＋zsh＋tmux的冲击。在同事的强烈推荐下，趁着升级mac系统的机会，顺便也切换到iterm＋zsh＋tmux的环境下了。 我为什么要要iterm2 切换过来也是脑袋一热的冲动，我也调查过一些资料，看了下iterm的一些优点： * 兼容性好，远程服务器 vi 什么的低版本能很好兼
  • Memcached(三)、封装Memcached和Ehcache frank1234 memcachedehcachespring ioc
    本文对Ehcache和Memcached进行了简单的封装，这样对于客户端程序无需了解ehcache和memcached的差异，仅需要配置缓存的Provider类就可以在二者之间进行切换，Provider实现类通过Spring IoC注入。 cache.xml <?xml version="1.0" encoding="UTF-8"?>
  • Remove Duplicates from Sorted List II hcx2013 remove
    Given a sorted linked list, delete all nodes that have duplicate numbers, leaving only distinct numbers from the original list. For example,Given 1->2->3->3->4->4->5,
  • Spring4新特性——注解、脚本、任务、MVC等其他特性改进 jinnianshilongnian spring4
    Spring4新特性——泛型限定式依赖注入 Spring4新特性——核心容器的其他改进 Spring4新特性——Web开发的增强 Spring4新特性——集成Bean Validation 1.1(JSR-349)到SpringMVC  Spring4新特性——Groovy Bean定义DSL Spring4新特性——更好的Java泛型操作API  Spring4新
  • MySQL安装文档 liyong0802 mysql
      工作中用到的MySQL可能安装在两种操作系统中，即Windows系统和Linux系统。以Linux系统中情况居多。   安装在Windows系统时与其它Windows应用程序相同按照安装向导一直下一步就即，这里就不具体介绍，本文档只介绍Linux系统下MySQL的安装步骤。   Linux系统下安装MySQL分为三种：RPM包安装、二进制包安装和源码包安装。二
  • 使用VS2010构建HotSpot工程 p2p2500 HotSpotOpenJDKVS2010
    1. 下载OpenJDK7的源码：      http://download.java.net/openjdk/jdk7      http://download.java.net/openjdk/      2. 环境配置     ▶
  • Oracle实用功能之分组后列合并 seandeng888 oracle分组实用功能合并
    1       实例解析 由于业务需求需要对表中的数据进行分组后进行合并的处理，鉴于Oracle10g没有现成的函数实现该功能，且该功能如若用JAVA代码实现会比较复杂，因此，特将SQL语言的实现方式分享出来，希望对大家有所帮助。如下： 表test 数据如下： ID,SUBJECTCODE,DIMCODE,VALUE 1&nbs
  • Java定时任务注解方式实现 tuoni javaspringjvmxmljni
    Spring 注解的定时任务，有如下两种方式： 第一种： <?xml version="1.0" encoding="UTF-8"?> <beans xmlns="http://www.springframework.org/schema/beans"  xmlns:xsi="http
  • 11大Java开源中文分词器的使用方法和分词效果对比 yangshangchuan word分词器ansj分词器Stanford分词器FudanNLP分词器HanLP分词器
    本文的目标有两个： 1、学会使用11大Java开源中文分词器 2、对比分析11大Java开源中文分词器的分词效果 本文给出了11大Java开源中文分词的使用方法以及分词结果对比代码，至于效果哪个好，那要用的人结合自己的应用场景自己来判断。 11大Java开源中文分词器，不同的分词器有不同的用法，定义的接口也不一样，我们先定义一个统一的接口： /** * 获取文本的所有分词结果, 对比
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他