关于边界堆叠的概念及理解

边界叠加是一个相当简单的概念。但是，在实践中对网页进行布局时，它会造成许多混淆。简单地说，当两个垂直边界相遇时，它们将形成一个边界。这个边界的高度等于两个发生叠加的边界的高度中的较大者。

懒得抄了，记下网址。

关于该问题的一些讨论，知乎：如何解决外边距叠加的问题？ 百度搜的的一个博客：CSS的margin边界叠加深度剖析 collapsing-margin的W3C官方介绍：

我自己也写了一个页面，来研究这个问题

margin_test.html

<!DOCTYPE html>

<html>

<head lang="en">

    <meta charset="UTF-8">

    <title>margin-test</title>

    <style>

        .margin{

            width: 580px;

            margin-right: 10px;

            overflow: hidden;

            text-align: justify;

            text-justify: inter-ideograph;

            clear: both;

            font-size: 14px;

            line-height: 24px;

            padding-bottom: 20px;

            word-wrap: break-word;

        }

        .margin p{

            font-size: 14px;

            text-indent: 2em;

            margin: 26px 0;

        }

        .margin-fl-h{

            width: 580px;

            margin-right: 10px;

            overflow: hidden;

            text-align: justify;

            text-justify: inter-ideograph;

            clear: both;

            font-size: 14px;

            line-height: 24px;

            padding-bottom: 20px;

            word-wrap: break-word;

        }

        .margin-fl-h p{

            font-size: 14px;

            text-indent: 2em;

            margin: 0 26px;

            width: 100px;

            height: auto;

            float: left;

        }

        .margin-fl-v{

            width: 580px;

            margin-right: 10px;

            overflow: hidden;

            text-align: justify;

            text-justify: inter-ideograph;

            clear: both;

            font-size: 14px;

            line-height: 24px;

            padding-bottom: 20px;

            word-wrap: break-word;

        }

        .margin-fl-v p{

            font-size: 14px;

            text-indent: 2em;

            margin: 26px 0;

            width: 580px;

            height: auto;

            float: left;

        }

        .margin-h{

            width: 580px;

            margin-right: 10px;

            /*overflow: hidden;*/

            /*text-align: justify;*/

            /*text-justify: inter-ideograph;*/

            /*clear: both;*/

            font-size: 14px;

            /*line-height: 24px;*/

            padding-bottom: 20px;

            /*word-wrap: break-word;*/

        }

        .margin-h p{

            font-size: 14px;

            text-indent: 2em;

            margin: 26px 0;

        }

        .margin-h2{

             width: 1300px;

             margin-right: 10px;

             overflow: hidden;

             text-align: justify;

             text-justify: inter-ideograph;

             clear: both;

             font-size: 14px;

             line-height: 24px;

             padding-bottom: 20px;

             word-wrap: break-word;

         }

        .margin-h2 span{

            font-size: 14px;

            text-indent: 2em;

            margin: 26px 26px;

        }

        .margin-div{

             width: 1300px;

             margin-right: 10px;

             overflow: hidden;

             text-align: justify;

             text-justify: inter-ideograph;

             clear: both;

             font-size: 14px;

             line-height: 24px;

             padding-bottom: 20px;

             word-wrap: break-word;

         }

        .margin-div div{

            font-size: 14px;

            text-indent: 2em;

            margin: 26px 0;

        }

        .margin-result{

            width: 1300px;

            margin-right: 10px;

            overflow: hidden;

            text-align: justify;

            text-justify: inter-ideograph;

            clear: both;

            font-size: 14px;

            line-height: 24px;

            padding-bottom: 20px;

            word-wrap: break-word;

        }

        .margin-result div{

            font-size: 14px;

            text-indent: 2em;

            margin: 50px 10px 100px 20px;

        }



    </style>

</head>

<body>

<div class="margin">

    <p>关于margin的测试，网易新闻阅读界面，div中包含若干个p标签，每个p标签都是margin:26px 0;但是上下两个p标签的间距是27px，而不是27*2px</p>

    <p>这是为什么呢，我们来研究一下</p>

    <p>通过测试可见，margin边距是按照border开始算的，而不是按照外边距的位置开始算</p>

</div>

<div class="margin-fl-h">

    <p>我们再来测试一下横向边距</p>

    <p>看看在宽度一定的情况下，横向设置的边距是不是同样以border开始算而忽略margin。</p>

    <P>结果显而易见，I’m wrong！</P>

</div>

<div class="margin-fl-v">

    <p>初步看出好像横向设置的边距起作用了</p>

    <p>那么这是不是float:left的作用，咱么来测试一下垂直情况下，margin的表现</p>

    <p>好了，现在可以断定，在添加了float:left的情况下，margin不会忽视其他盒子模型的margin，无论是水平还是垂直</p>

    <p>但是在不添加float的情况下，盒子模型默认垂直排列，好像是不考虑其他盒子模型的margin</p>

</div>

<div class="margin-h">

    <p>我们先考虑是不是div中的某些属性导致了p标签排版不考虑margin</p>

    <p>我们删掉一下div的属性，看看结果</p>

    <p>有办法在不添加float：left的情况下，让p标签横向排列吗？暂时想不到</p>

    <p>那只有换成行内元素span看看了，请看下面</p>

</div>

<div class="margin-h2">

    <span>如果把p标签换成span呢，span是行内元素，不存在margin属性</span>

    <span>我们来试一下，不过好像左右的margin和padding可以起作用，结果很遗憾，margin在被考虑在内了</span>

</div>

<div class="margin-div">

    <div>换成div看看</div>

    <div>不添加float属性</div>

</div>

<div class="margin-result" >

    <div>最后得到这样的结论，任何情况下，元素的margin都是要考虑别的元素的margin属性的，</div>

    <div>但是如果是不添加任何float属性的情况下，靠块状元素自己垂直排列，块状元素的某个外边距是不被考虑的</div>

    <div>我们弄一个特殊的边距来试一试</div>

    <div>结论得出</div>

    <div>在块状元素自行换行的特效下，他是不考虑被换行的元素的上外边距的</div>

    <div style="margin: 200px 10px 120px 20px">我么来整个特殊的大的上margin来试试，可以看出改行上下边距都是以它自己的为准的</div>

    <div>卧槽，看来结论错误了</div>

    <div>正确答案是，两个都被考虑了，以对方的border位置开始算的这个定律没有被打破，但是谁的大，就按谁的来，只考虑大的，小的被忽略了</div>

    <div style="padding: 10px 20px 30px 40px">如果加上padding呢,可以看出确实是以border为准的</div>

</div>

找到一个参考文档，这玩意叫边间堆叠。<a href="http://www.webshu.net/jiaocheng/web/CSS/200804/7732.html">http://www.webshu.net/jiaocheng/web/CSS/200804/7732.html</a>



http://www.zhihu.com/question/19823139

</body>

</html>

 

你可能感兴趣的:(理解)

  • 技术选型指南：Web、原生、混合开发的对比 前端
    随着移动互联网的飞速发展，开发者在选择应用开发方式时，经常面临纯Web开发、原生开发和混合开发的技术决策。每种开发方式都有其独特的优势和适用场景，开发者需根据项目需求、性能要求及跨平台能力做出合适的选择。本文将详细分析这三种开发方式的特点、实现原理及适用场景，同时推荐一些开源框架，并讲解微信小程序的实现方式。我们还将通过简单的代码示例，帮助大家更直观地理解这些技术。一、纯Web开发定义：纯Web开
  • React 19新特性探索：提升性能与开发者体验 程序员
    React作为最受欢迎的JavaScript库之一，不断推出新版本以应对日益复杂的应用需求。React19作为最新的版本，引入了一系列令人兴奋的新特性和改进，旨在进一步提升应用的性能、开发效率和用户体验。本文将深入探讨React19的新特性，包括异步操作管理、文档元数据和样式表支持、ServerComponents与服务器端渲染等，帮助开发者更好地理解和利用这些新特性来构建更强大、更高效的Reac
  • 探索AI API版本管理与流式传输实现 qwe54165a4wd 人工智能java数据库python
    在现代软件开发中，API版本管理是一个关键的主题，尤其是在涉及到AIAPI的场景。API版本的变更会影响到服务的稳定性和功能的兼容性。因此，理解API版本管理的基本原理和具体实现，对于开发者来说至关重要。技术背景介绍API版本管理涉及到如何在不破坏现有客户端代码的情况下，逐步引入新的功能和改进。这对于AI服务尤为重要，因为AI模型和算法的更新频率相对较高。本文将重点介绍AIAPI版本的管理原则，并
  • 如何理解DDoS安全防护在企业安全防护中的作用 服务器安全
    DDoS安全防护在安全防护中扮演着非常重要的角色。DDoS（分布式拒绝服务）攻击是一种常见的网络攻击，旨在通过向目标服务器发送大量请求，以消耗服务器资源并使其无法正常运行。理解DDoS安全防护的作用，可以从以下几个方面来说明：1.维护业务连续性：DDoS攻击可能导致目标服务器过载，甚至无法正常工作，导致业务中断。DDoS安全防护可以帮助企业保持业务连续性，通过识别和过滤恶意流量，保持服务的可用性。
  • 小明，谈谈你对Vue nextTick的理解 程序员
    一、nextTick的实现细节在Vue中，nextTick是一个重要的异步操作工具，用于在DOM更新完成后执行回调函数。其实现依赖于微任务机制，以确保操作在下一个“事件循环”中执行。以下是nextTick的具体实现过程：任务队列：当调用nextTick时，Vue会将回调函数存入一个数组（任务队列）中。每次触发数据变化时，这个队列会被处理。微任务调度：Vue首先尝试使用Promise.resolve
  • 小明，谈谈你对Vue 虚拟dom的理解 程序员
    Vue.js的虚拟DOM（VirtualDOM）是为了提高前端性能和开发体验而引入的一种技术。Vue.js虚拟DOM的大致实现虚拟DOM的定义虚拟DOM是一种JavaScript对象，它用来描述用户界面（UI）的结构和内容。每个虚拟DOM节点（VNode）代表一个真实的DOM元素或组件实例。//VNode示例constvnode={tag:'div',data:{id:'app'},childre
  • Unity文件路径访问总结：从基础到高级的资源加载方法 Unity青子 Unity零基础系列课程unity
    在Unity开发中，文件路径的访问和资源加载是开发者经常需要处理的任务。无论是加载纹理、模型、音频，还是读取配置文件，正确地处理路径和资源加载是确保项目顺利运行的关键。本文将以Unity文件路径访问为主线，详细介绍Unity中常见的路径访问方式，并结合代码示例、注意事项以及实际使用场景，帮助开发者更好地理解和使用这些方法。同时，本文还会延伸出更多相关知识，帮助用户举一反三，解决实际开发中的问题。1
  • 使用LangChain构建简单LLM翻译应用 fGVBSAbe langchainjava前端python
    技术背景介绍在本教程中，我们将学习如何使用LangChain构建一个简单的语言模型（LLM）应用程序，该应用程序用于将文本从英语翻译成其他语言。虽然这个应用程序比较简单，但它是学习LangChain的一个不错的开始，因为许多复杂功能都可以通过简单的提示和LLM调用构建。核心原理解析LangChain通过链式调用多个组件，使得复杂的语言处理任务变得简单易行。我们将使用LangChain的以下功能：语
  • 深入浅出：Go语言中的`bufio`包及其数据类型详解 少林码僧 go开发工作经验汇总golang开发语言后端
    深入浅出：Go语言中的bufio包及其数据类型详解Go语言以其简洁、高效和强大的库支持而闻名，其中bufio包作为标准库的一部分，为开发者提供了便捷的缓冲输入输出功能。本文将深入探讨bufio包中的数据类型及其使用方法，帮助读者更好地理解和应用这一工具。一、什么是bufio包？bufio包是Go语言标准库中用于处理缓冲输入输出的一个重要模块。它通过提供一系列的缓冲器（如Reader、Writer等
  • 企业如何打造高效智能问答系统？一文详解架构与实现！ 功城师 大语言模型自然语言处理LLM人工智能智能问答RAGAgent
    随着人工智能技术的不断发展，智能问答系统成为越来越多企业提升客户服务、知识管理与内部沟通的关键工具。今天我们将深入解析一套智能问答系统的设计思路与技术架构，帮助大家更好地理解如何利用这一系统在实际场景中高效运作。一、智能问答系统的整体架构这套智能问答系统分为前台、AI服务和后台三个核心部分，每个部分承担着不同的职责，分别负责用户交互、问题处理与数据支持。通过这种模块化的设计，整个系统的工作流程得以
  • Docker Image 详细讲解 陈辰学长 docker容器运维
    DockerImage详细讲解DockerImage是Docker生态系统中的核心概念之一，它作为容器运行的基础，封装了应用运行所需的环境和依赖。本文将详细讲解DockerImage的定义、构建、存储、管理以及使用，帮助读者全面理解DockerImage。一、DockerImage概述DockerImage是一个轻量级、可执行的独立软件包，包含了运行某个软件所需要的所有内容，包括代码、运行时、库、
  • 自适应神经网络架构：原理解析与代码示例 chian-ocean 机器学习神经网络人工智能深度学习
    个人主页：chian-ocean文章专栏自适应神经网络结构：深入探讨与代码实现1.引言随着深度学习的不断发展，传统神经网络模型在处理复杂任务时的局限性逐渐显现。固定的网络结构和参数对于动态变化的环境和多样化的数据往往难以适应，导致了过拟合或欠拟合的问题。自适应神经网络（AdaptiveNeuralNetworks,ANN）为此提供了一种新的解决方案，它可以根据数据特征和训练情况自动调整网络结构，从
  • Python 实战-优化排班表节省成本 奔向理想的星辰大海 技术研发pythoniosobjective-c
    1.基础概念：理解排班表排班表，顾名思义，就是安排员工工作时间的表格。在餐馆中，它通常需要考虑员工的可用性、工作时间限制、用餐高峰时段等因素。2.使用列表存储员工信息首先，我们需要一个数据结构来存储员工信息。Python中的列表是一个不错的选择。#员工信息列表，包括姓名、可用时间段employees=[{"name":"张三","available":[(9,17),(20,23)]},{"nam
  • python多进程编程_深入理解python多进程编程 weixin_39620001 python多进程编程
    1、python多进程编程背景python中的多进程最大的好处就是充分利用多核cpu的资源，不像python中的多线程，受制于GIL的限制，从而只能进行cpu分配，在python的多进程中，适合于所有的场合，基本上能用多线程的，那么基本上就能用多进程。在进行多进程编程的时候，其实和多线程差不多，在多线程的包threading中，存在一个线程类Thread，在其中有三种方法来创建一个线程，启动线程，
  • 为什么算法很难掌握 浅墨cgz 算法
    算法之所以难以掌握，主要是因为以下几个原因：1.抽象性算法是对问题的抽象解决方案，通常不依赖于具体的编程语言或实现细节。初学者可能难以将抽象的逻辑转化为具体的代码。例如，动态规划（DP）的核心思想是将问题分解为子问题并存储中间结果，但这种抽象思维需要大量练习才能掌握。2.数学基础要求许多算法依赖于数学知识，例如：时间复杂度分析：需要理解大O表示法、递归关系等。图论算法：需要了解图的基本概念（如节点
  • 实战指南：使用Wireshark捕获并解密HTTPS数据包 md_1008 wiresharkhttps测试工具
    在网络安全和数据分析领域，捕获和分析网络数据包是理解网络行为、诊断问题和进行安全审计的重要手段。HTTPS（HyperTextTransferProtocolSecure）作为现代Web通信的主要协议，通过SSL/TLS加密确保了数据的安全传输。然而，在某些情况下，如网络调试、安全测试或故障排除时，我们可能需要解密HTTPS数据包以查看其详细内容。本文将提供一份实战指南，教你如何使用Wiresha
  • FPGA与ASIC：深度解析与职业选择 博览鸿蒙 FPGAfpga开发制造
    IC（集成电路）行业涵盖广泛，涉及数字、模拟等不同研究方向，以及设计、制造、封测等不同产业环节。其中，FPGA（现场可编程门阵列）和ASIC（专用集成电路）是两种重要的芯片类型，经常让初入行者或转行者面临选择难题。本文将深入剖析FPGA与ASIC的区别，帮助读者更好地理解并做出职业规划。概念辨析FPGA(FieldProgrammableGateArray)：本质上是一种芯片，允许用户通过编程配置
  • 如何通过可视化管理工具提升团队效率？4 个实用技巧 可视化
    一、可视化管理工具的概念与来源可视化管理工具是指通过图形化、图表化、仪表盘等形式，将复杂的数据、流程、任务等信息以直观的方式呈现出来，帮助管理者更高效地进行决策和管理的工具。其核心理念是通过视觉化的方式，将抽象的信息转化为易于理解和操作的形式，从而提升工作效率和管理效果。可视化管理工具的概念最早可以追溯到20世纪80年代，随着计算机技术的发展，企业开始尝试将数据可视化应用于管理领域。早期的可视化管
  • AI代码生成工具的未来：杨立昆的洞见与AI革命 前端
    近年来，人工智能（AI）领域取得了令人瞩目的进展，特别是以大型语言模型为代表的AI技术，在自然语言处理、图像生成等领域展现出强大的能力。然而，深度学习先驱杨立昆（YannLeCun）却对现有的AI系统提出了尖锐的批评，他认为目前的AI系统“理解能力远不如猫”，缺乏对真实世界的理解和常识。这引发了人们对AI未来发展方向的思考，也为我们探讨AI代码生成工具，以及AI技术对人类社会的影响提供了新的视角。
  • 代码重构的智能化革命：告别机械重复，拥抱高效开发 前端
    引言代码重构，一个听起来略显枯燥却至关重要的开发环节，常常被开发者视为一项费时费力的挑战。传统的代码重构方法往往需要开发者花费大量时间去理解复杂的代码逻辑，小心翼翼地进行修改，并时刻提防潜在的bug。这种低效的流程不仅拖慢了开发进度，也容易导致开发者身心俱疲，阻碍了整体开发效率的提升。因此，迫切需要更智能、更高效的工具来应对代码重构的挑战，帮助开发者从繁琐的机械劳动中解放出来，专注于更具创造性的工
  • 彻底理解JVM yingcly003 多线程jvm
    先来一张神图jvm运行时数据区，分为这五个部分，让我们来见识下我们的代码是如何飞奔在这几个地方的。指令：程序计数器：记录当前线程的起始地址和偏移量，一看就知道是为了线程挂起后，恢复上下文用的。虚拟机栈：栈关键字，先进后出，主要包括用户存储局部变量表、操作栈、动态链接、方法出口等信息。本地方法栈：栈关键字，jvm底层实现，native方法。数据方法区：线程共享用于存储已被虚拟机加载的类信息、常量、静
  • OpenTelemetry 101：面向 IT 领导者和爱好者的非技术指南 监控运维
    如果您从事软件开发、SRE或DevOps工作，您可能听说过可观察性、遥测和跟踪等术语。这些概念对于理解应用程序在生产环境中的行为至关重要，并且它们是现代软件开发实践的重要组成部分。您可能还听说过在可观测性方面提到过OpenTelemetry。在本文中，我们将介绍OpenTelemetry101：它是什么、它如何工作以及为什么它对现代软件开发很重要。您将获得有关如何开始使用OpenTelemetry
  • 当ABAP遇见普罗米修斯
    Python中的class体内定义方法时，如果没有显式地包含self参数，有时候依然可以被调用。这是一个非常有趣的话题，因为它涉及到对Python中类与对象之间关系的更深理解。要理解为什么这种情况下方法依然能够被调用，我们需要逐步拆解Python类的构造方式以及方法绑定的原理。
  • Go 语言的函数调用 写代码写到不能自控 golang算法开发语言
    1.引言Go语言的函数调用是其核心特性之一，Go的函数调用方式既简洁又强大。理解Go语言中的函数调用机制不仅有助于编写更高效的代码，也能帮助开发者深入了解Go的并发模型和内存管理。在这篇博客中，我们将详细探讨Go语言的函数调用机制，了解函数的声明、调用、参数传递、返回值以及一些高级技巧。2.Go语言函数的基本结构在Go语言中，函数的定义和调用都非常直观。我们来看一个简单的函数定义和调用的例子：pa
  • 【kafka】简单运用go语言操作kafka实现生产者和消费者功能的包，confluent-kafka-go和sarama {⌐■_■} kafkagolang分布式
    confluent-kafka-go和sarama对比特性confluent-kafka-gosarama底层实现基于librdkafkaC库完全用Go实现性能高吞吐量、低延迟吞吐量较低，适合常规应用安装依赖需要C编译器和librdkafka无需外部依赖，纯Go实现功能支持Kafka所有功能，包括事务支持Kafka核心功能，事务支持较弱使用难度配置复杂，需理解底层C库使用简便，快速上手社区支持由C
  • Type-C接口的拍摄云台 ZenasLDR 相机接口
    在摄影与摄像的世界里，稳定性是确保画面流畅、清晰的关键因素之一。无论是专业摄影师还是摄影爱好者，都深知在拍摄过程中，任何微小的抖动都可能对最终作品产生不可忽视的影响。为了克服这一挑战，拍摄云台应运而生，成为众多摄影师不可或缺的辅助工具。本文将深入探讨拍摄云台的工作原理、类型、选择要点以及其在不同拍摄场景中的应用，帮助读者更好地理解和利用这一摄影利器。一、拍摄云台的工作原理拍摄云台，顾名思义，是一种
  • 序与内容摘要：现代计算机技术书籍中的编写技巧 嵌入式Jerry 写书开发语言linux物联网嵌入式硬件系统架构
    在现代计算机类技术书籍中，序和内容摘要是两个重要但又经常被忽视的部分。这两部分不仅仅是为书籍“锦上添花”，更是吸引读者、引导理解的关键环节。好的序和内容摘要能够帮助读者快速抓住书籍的核心，同时激发阅读兴趣。本文将深入探讨如何编写清晰、合理且通俗易懂的序和内容摘要，并提供一些易于理解的例子。一、序的作用与编写技巧1.序的作用序，作为书籍的开篇，承担着多重作用：引入主题：序能帮助读者快速了解书籍的主题
  • 2025java面试常见八股文整理 Java八股文面试 面试职场和发展javaspringbootjvmspringspringcloud
    1.多线程编程下，怎么解决线程的数据安全问题？如果线程存在竞争临界资源，多线程访问下添加同步代码块synchronized解决，或者分布式排他锁进行临界资源控制。在分布式多线程环境下，线程的数据安全尽量不要产生连接资源，使用线程本地化ThreadLocal实现线程资源隔离。2.SpringIOC依赖注入怎么理解，spring有几种方式属性注入，setter构建pojo实体类和有参构造方法工厂方法注
  • 使用MoA(Mixture of Agents)混合智能体技术,结合多个开源大语言模型如Llama3、phi-3和Mistral,实现一个强大的AI智能体 fc&&fl 大模型实战应用人工智能语言模型自然语言处理
    1.简介论文简介:论文提出了一种称为混合智能体(Mixture-of-Agents,MoA)的方法,利用多个大语言模型(LLM)的集体智慧来提高自然语言理解和生成任务的性能。MoA采用了分层结构,每一层包含多个LLM智能体。每个智能体都将前一层所有智能体的输出作为辅助信息来生成自己的回答。通过迭代地综合和优化回答,MoA可以充分利用不同LLM的独特优势。实验发现,即使其他模型提供的辅助回答质量较低
  • 第15章：Python TDD应对货币类开发变化（二） Tester_孙大壮 测试驱动开发驱动开发
    写在前面这本书是我们老板推荐过的，我在《价值心法》的推荐书单里也看到了它。用了一段时间Cursor软件后，我突然思考，对于测试开发工程师来说，什么才更有价值呢？如何让AI工具更好地辅助自己写代码，或许优质的单元测试是一个切入点。就我个人而言，这本书确实很有帮助。第一次读的时候，很多细节我都不太懂，但将书中内容应用到工作中后，我受益匪浅。比如面对一些让人抓狂的代码设计时，书里的方法能让我逐步深入理解
  • LeetCode[Math] - #66 Plus One Cwind javaLeetCode题解AlgorithmMath
    原题链接：#66 Plus One   要求： 给定一个用数字数组表示的非负整数，如num1 = {1, 2, 3, 9}, num2 = {9, 9}等，给这个数加上1。 注意： 1. 数字的较高位存在数组的头上，即num1表示数字1239 2. 每一位（数组中的每个元素）的取值范围为0~9   难度：简单   分析： 题目比较简单，只须从数组
  • JQuery中$.ajax()方法参数详解 AILIKES JavaScriptjsonpjqueryAjaxjson
    url: 要求为String类型的参数，（默认为当前页地址）发送请求的地址。 type: 要求为String类型的参数，请求方式（post或get）默认为get。注意其他http请求方法，例如put和    delete也可以使用，但仅部分浏览器支持。 timeout: 要求为Number类型的参数，设置请求超时时间（毫秒）。此设置将覆盖$.ajaxSetup()方法的全局
  • JConsole & JVisualVM远程监视Webphere服务器JVM Kai_Ge JVisualVMJConsoleWebphere
        JConsole是JDK里自带的一个工具，可以监测Java程序运行时所有对象的申请、释放等动作，将内存管理的所有信息进行统计、分析、可视化。我们可以根据这些信息判断程序是否有内存泄漏问题。 　　使用JConsole工具来分析WAS的JVM问题，需要进行相关的配置。 　　首先我们看WAS服务器端的配置. 　　1、登录was控制台https://10.4.119.18
  • 自定义annotation 120153216 annotation
    Java annotation 自定义注释@interface的用法 一、什么是注释      说起注释，得先提一提什么是元数据(metadata)。所谓元数据就是数据的数据。也就是说，元数据是描述数据的。就象数据表中的字段一样，每个字段描述了这个字段下的数据的含义。而J2SE5.0中提供的注释就是java源代码的元数据，也就是说注释是描述java源
  • CentOS 5/6.X 使用 EPEL YUM源 2002wmj centos
    CentOS 6.X 安装使用EPEL YUM源1. 查看操作系统版本[root@node1 ~]# uname -a Linux node1.test.com 2.6.32-358.el6.x86_64 #1 SMP Fri Feb 22 00:31:26 UTC 2013 x86_64 x86_64 x86_64 GNU/Linux [root@node1 ~]#
  • 在SQLSERVER中查找缺失和无用的索引SQL 357029540 SQL Server
    --缺失的索引 SELECT  avg_total_user_cost * avg_user_impact * ( user_scans + user_seeks ) AS PossibleImprovement ,          last_user_seek ,    
  • Spring3 MVC 笔记（二） —json+rest优化 7454103 Spring3 MVC
    接上次的 spring mvc 注解的一些详细信息！                          其实也是一些个人的学习笔记  呵呵！
  • 替换“\”的时候报错Unexpected internal error near index 1 \ ^ adminjun java“\替换”
    发现还是有些东西没有刻子脑子里,,过段时间就没什么概念了,所以贴出来...以免再忘...   在拆分字符串时遇到通过 \ 来拆分，可是用所以想通过转义 \\ 来拆分的时候会报异常   public class Main {          /*
  • POJ 1035 Spell checker(哈希表) aijuans 暴力求解--哈希表
    /* 题意：输入字典，然后输入单词，判断字典中是否出现过该单词，或者是否进行删除、添加、替换操作，如果是，则输出对应的字典中的单词 要求按照输入时候的排名输出 题解：建立两个哈希表。一个存储字典和输入字典中单词的排名，一个进行最后输出的判重 */ #include <iostream> //#define using namespace std; const int HASH =
  • 通过原型实现javascript Array的去重、最大值和最小值 ayaoxinchao JavaScriptarrayprototype
    用原型函数（prototype）可以定义一些很方便的自定义函数，实现各种自定义功能。本次主要是实现了Array的去重、获取最大值和最小值。 实现代码如下：   <script type="text/javascript"> Array.prototype.unique = function() { var a = {}; var le
  • UIWebView实现https双向认证请求 bewithme UIWebViewhttpsObjective-C
              什么是HTTPS双向认证我已在先前的博文 ASIHTTPRequest实现https双向认证请求 中有讲述，不理解的读者可以先复习一下。本文是用UIWebView来实现对需要客户端证书验证的服务请求，网上有些文章中有涉及到此内容，但都只言片语，没有讲完全，更没有完整的代码，让人困扰不已。但是此知
  • NoSQL数据库之Redis数据库管理(Redis高级应用之事务处理、持久化操作、pub_sub、虚拟内存) bijian1013 redis数据库NoSQL
    3.事务处理         Redis对事务的支持目前不比较简单。Redis只能保证一个client发起的事务中的命令可以连续的执行，而中间不会插入其他client的命令。当一个client在一个连接中发出multi命令时，这个连接会进入一个事务上下文，该连接后续的命令不会立即执行，而是先放到一个队列中，当执行exec命令时，redis会顺序的执行队列中
  • 各数据库分页sql备忘 bingyingao oraclesql分页
    ORACLE 下面这个效率很低 SELECT * FROM ( SELECT A.*, ROWNUM RN FROM (SELECT * FROM IPAY_RCD_FS_RETURN order by id desc) A ) WHERE RN <20; 下面这个效率很高 SELECT A.*, ROWNUM RN FROM (SELECT * FROM IPAY_RCD_
  • 【Scala七】Scala核心一：函数 bit1129 scala
    1. 如果函数体只有一行代码，则可以不用写{},比如 def print(x: Int) = println(x) 一行上的多条语句用分号隔开，则只有第一句属于方法体，例如   def printWithValue(x: Int) : String= println(x); "ABC"   上面的代码报错，因为，printWithValue的方法
  • 了解GHC的factorial编译过程 bookjovi haskell
    GHC相对其他主流语言的编译器或解释器还是比较复杂的，一部分原因是haskell本身的设计就不易于实现compiler，如lazy特性，static typed，类型推导等。 关于GHC的内部实现有篇文章说的挺好，这里，文中在RTS一节中详细说了haskell的concurrent实现，里面提到了green thread，如果熟悉Go语言的话就会发现，ghc的concurrent实现和Go有点类
  • Java-Collections Framework学习与总结-LinkedHashMap BrokenDreams LinkedHashMap
            前面总结了java.util.HashMap，了解了其内部由散列表实现，每个桶内是一个单向链表。那有没有双向链表的实现呢？双向链表的实现会具备什么特性呢？来看一下HashMap的一个子类——java.util.LinkedHashMap。       
  • 读《研磨设计模式》-代码笔记-抽象工厂模式-Abstract Factory bylijinnan abstract
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ package design.pattern; /* * Abstract Factory Pattern * 抽象工厂模式的目的是： * 通过在抽象工厂里面定义一组产品接口，方便地切换“产品簇” * 这些接口是相关或者相依赖的
  • 压暗面部高光 cherishLC PS
    方法一、压暗高光&重新着色 当皮肤很油又使用闪光灯时，很容易在面部形成高光区域。 下面讲一下我今天处理高光区域的心得： 皮肤可以分为纹理和色彩两个属性。其中纹理主要由亮度通道（Lab模式的L通道）决定，色彩则由a、b通道确定。 处理思路为在保持高光区域纹理的情况下，对高光区域着色。具体步骤为：降低高光区域的整体的亮度，再进行着色。 如果想简化步骤，可以只进行着色（参看下面的步骤1
  • Java VisualVM监控远程JVM crabdave visualvm
    Java VisualVM监控远程JVM    JDK1.6开始自带的VisualVM就是不错的监控工具. 这个工具就在JAVA_HOME\bin\目录下的jvisualvm.exe, 双击这个文件就能看到界面   通过JMX连接远程机器, 需要经过下面的配置: 1. 修改远程机器JDK配置文件 (我这里远程机器是linux).    
  • Saiku去掉登录模块 daizj saiku登录olapBI
    1、修改applicationContext-saiku-webapp.xml <security:intercept-url pattern="/rest/**" access="IS_AUTHENTICATED_ANONYMOUSLY" />  <security:intercept-url pattern=&qu
  • 浅析 Flex中的Focus dsjt htmlFlexFlash
    关键字：focus、 setFocus、 IFocusManager、KeyboardEvent 焦点、设置焦点、获得焦点、键盘事件 一、无焦点的困扰——组件监听不到键盘事件 原因：只有获得焦点的组件（确切说是InteractiveObject）才能监听到键盘事件的目标阶段；键盘事件（flash.events.KeyboardEvent）参与冒泡阶段，所以焦点组件的父项（以及它爸
  • Yii全局函数使用 dcj3sjt126com yii
    由于YII致力于完美的整合第三方库，它并没有定义任何全局函数。yii中的每一个应用都需要全类别和对象范围。例如，Yii::app()->user;Yii::app()->params['name'];等等。我们可以自行设定全局函数，使得代码看起来更加简洁易用。(原文地址) 我们可以保存在globals.php在protected目录下。然后，在入口脚本index.php的，我们包括在
  • 设计模式之单例模式二（解决无序写入的问题） come_for_dream 单例模式volatile乱序执行双重检验锁
                    在上篇文章中我们使用了双重检验锁的方式避免懒汉式单例模式下由于多线程造成的实例被多次创建的问题，但是因为由于JVM为了使得处理器内部的运算单元能充分利用，处理器可能会对输入代码进行乱序执行（Out Of Order Execute）优化，处理器会在计算之后将乱序执行的结果进行重组，保证该
  • 程序员从初级到高级的蜕变 gcq511120594 框架工作PHPandroidhtml5
    软件开发是一个奇怪的行业，市场远远供不应求。这是一个已经存在多年的问题，而且随着时间的流逝，愈演愈烈。 我们严重缺乏能够满足需求的人才。这个行业相当年轻。大多数软件项目是失败的。几乎所有的项目都会超出预算。我们解决问题的最佳指导方针可以归结为——“用一些通用方法去解决问题，当然这些方法常常不管用，于是，唯一能做的就是不断地尝试，逐个看看是否奏效”。 现在我们把淫浸代码时间超过3年的开发人员称为
  • Reverse Linked List hcx2013 list
    Reverse a singly linked list.   /** * Definition for singly-linked list. * public class ListNode { * int val; * ListNode next; * ListNode(int x) { val = x; } * } */ p
  • Spring4.1新特性——数据库集成测试 jinnianshilongnian spring 4.1
    目录 Spring4.1新特性——综述 Spring4.1新特性——Spring核心部分及其他 Spring4.1新特性——Spring缓存框架增强 Spring4.1新特性——异步调用和事件机制的异常处理 Spring4.1新特性——数据库集成测试脚本初始化 Spring4.1新特性——Spring MVC增强 Spring4.1新特性——页面自动化测试框架Spring MVC T
  • C# Ajax上传图片同时生成微缩图(附Demo) liyonghui160com
        1.Ajax无刷新上传图片,详情请阅我的这篇文章。（jquery + c# ashx）         2.C#位图处理  System.Drawing。         3.最新demo支持IE7,IE8,Fir
  • Java list三种遍历方法性能比较 pda158 java
    从c/c++语言转向java开发，学习java语言list遍历的三种方法，顺便测试各种遍历方法的性能，测试方法为在ArrayList中插入1千万条记录，然后遍历ArrayList，发现了一个奇怪的现象，测试代码例如以下： package com.hisense.tiger.list; import java.util.ArrayList; import java.util.Iterator;
  • 300个涵盖IT各方面的免费资源（上）——商业与市场篇 shoothao seo商业与市场IT资源免费资源
    A.网站模板+logo+服务器主机+发票生成 HTML5 UP:响应式的HTML5和CSS3网站模板。 Bootswatch:免费的Bootstrap主题。 Templated:收集了845个免费的CSS和HTML5网站模板。 Wordpress.org|Wordpress.com:可免费创建你的新网站。 Strikingly:关注领域中免费无限的移动优
  • localStorage、sessionStorage uule localStorage
    W3School 例子   HTML5 提供了两种在客户端存储数据的新方法： localStorage - 没有时间限制的数据存储 sessionStorage - 针对一个 session 的数据存储   之前，这些都是由 cookie 完成的。但是 cookie 不适合大量数据的存储，因为它们由每个对服务器的请求来传递，这使得 cookie 速度很慢而且效率也不
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他