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

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

懒得抄了，记下网址。

关于该问题的一些讨论，知乎：如何解决外边距叠加的问题？ 百度搜的的一个博客：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>

 

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

  • 重生之——我用WeakMap和Symbol缔造专属于我的金丝雀~~~【使用WeakMap和Symbol实现属性私有】 被夏油狠狠爱的悟 JS前端javascript开发语言WeakMapclass类Symbol
    #今日份大脑爆炸##看完下面内容包你更进一步理解WeakMap!#不想属性被外人看见？不想是个人都能看见你的属性？那就看看WeakMap，帮你轻松实现你的目标！1.WeakMap：第一版：//WeakMap管理私有属性：consthost=newWeakMap()//这里创建了一个WeakMap实例host,用于存储每个User实例的host属性classUser{constructor(url)
  • 【数据库】MySQL备份与恢复策略：确保数据安全必备技能 千益 数据库数据库mysql
    在数据库管理中，数据是企业最宝贵的资产之一。无论是硬件故障、人为错误还是恶意攻击，数据丢失都可能对业务造成灾难性影响。因此，制定并实施有效的备份与恢复策略是确保数据安全的关键。本文将深入探讨MySQL备份与恢复的最佳实践，并通过丰富的实际案例帮助您理解如何在实际场景中应用这些策略。一、为什么需要备份与恢复策略？1.数据丢失的常见原因硬件故障：磁盘损坏、服务器宕机等。人为错误：误删数据、错误操作等。
  • MNIST数据集&手写数字识别 Zoro｜ kerastensorflow人工智能机器学习
    TensorFlow是一个开源的机器学习框架，由Google开发并发布。它提供了一种基于数据流图的编程模型，用于构建和训练机器学习模型。TensorFlow的核心概念是张量（Tensor）和流图（Graph）。张量是TensorFlow中的基本数据单位，可以理解为多维数组，可以是标量、向量、矩阵或更高维度的数组。流图是由一系列操作（Operation）和张量组成的。操作定义了计算和转换张量的方式。
  • 基于Geopandas的地理空间数据可视化与分析方法研究 一键难忘 信息可视化Geopandaspython
    地理空间数据可视化是数据科学中重要的应用之一。通过有效地展示地理信息，我们能够深入理解空间数据的分布和模式。Python的Geopandas库为地理空间数据处理和可视化提供了强大的支持，它基于pandas并集成了shapely、fiona等多个库，能够方便地进行地理数据的读取、处理和展示。本文将介绍如何使用Geopandas进行地理空间数据可视化，示范数据处理的基本流程，并通过具体的代码实例，深入
  • 破局 MySQL 死锁：深入理解锁机制与高效解决方案 小吕学编程 javamysql数据库sql
    死锁的原理1.什么是死锁？当多个事务在并发执行时，每个事务都持有其他事务需要的锁，同时又在等待对方释放锁，导致所有事务都无法继续执行的状态，称为死锁（Deadlock）。2.死锁的四个必要条件互斥条件：资源（如某行数据）一次只能被一个事务独占。请求与保持条件：事务在持有某些锁的同时，请求新的锁。不剥夺条件：事务已获得的锁不能被强制剥夺。循环等待条件：事务之间形成环形等待链，如事务A等待事务B，事务
  • 深入解析BM25：LangChain中的高效检索算法 AI Agent首席体验官 langchain算法
    1.BM25算法BM25是信息检索领域中一个重要的排序算法，它用来计算查询与文档之间的相关性。让我们通过一个图书馆的例子来理解：想象你是一个图书馆管理员，有人来问你：“我想找关于太空探索和火星的书”。传统TF-IDF方法：就像你先数一数每本书中"太空探索"和"火星"这些词出现的次数，然后优先推荐这些词出现最多的书。但这有个问题：如果一本1000页的书和一本100页的书都提到"火星"10次，按理说短
  • 从经典到现代：BM25在LangChain中的应用与优势 AI Agent首席体验官 langchain
    1.BM25算法BM25是信息检索领域中一个重要的排序算法，它用来计算查询与文档之间的相关性。让我们通过一个图书馆的例子来理解：想象你是一个图书馆管理员，有人来问你：“我想找关于太空探索和火星的书”。传统TF-IDF方法：就像你先数一数每本书中"太空探索"和"火星"这些词出现的次数，然后优先推荐这些词出现最多的书。但这有个问题：如果一本1000页的书和一本100页的书都提到"火星"10次，按理说短
  • 高可用Keepalived在Linux中的应用 「已注销」 linux运维服务器高可用集群keepalivedcentos
    目录一、高可用1.高可用介绍（1）普通理解（2）专业理解2.高可用目的3.高可用实现1.介绍2.特点三、Keepalived1.介绍2.Keepalived核心组件（1）VRRPstack（2）NetLink接口（3）IPVSWrapper（4）checkers（5）systemcall（6）SMTP（7）watchDog3.控制组件4.内存管理四、Keepalived核心概念1.虚拟路由器2.m
  • 如何解决跨域请求的问题（CORS）？ okhttp前端
    文章目录引言理解CORS2.1CORS基本概念2.2同源策略与跨域分类CORS的核心机制3.1预检请求（PreflightRequest）3.2简单请求服务器端配置CORS4.1关键响应头4.2Node.js(Express)示例4.3其他后端语言配置前端处理CORS请求5.1XMLHttpRequest与FetchAPIXMLHttpRequest示例FetchAPI示例5.2使用第三方库（ax
  • Trae智能协作AI编程工具IDE：如何在MacBook Pro下载、安装和配置使用Trae？
    Trae智能协作AI编程工具IDE：如何在MacBookPro下载、安装和配置使用Trae？一、为什么选择Trae智能协作IDE？在AI编程新时代，Trae通过以下突破性功能重新定义开发体验：双向智能增强：AI不仅提供代码补全，更能理解上下文主动建议架构优化方案自然语言编程：支持"用Python写一个带JWT验证的FastAPI用户系统"式开发实时协作画布：可视化呈现AI生成的代码逻辑，支持多模态
  • DeepSeek高能低耗AI创作突破 智能计算研究中心 其他
    内容概要随着人工智能技术向垂直领域加速渗透，生成式模型的应用边界正经历革命性拓展。DeepSeek系列产品通过670亿参数混合专家架构，构建起覆盖学术研究、内容创作与编程开发的多模态解决方案。该架构融合视觉语言理解与多语言处理能力，在保持高响应速度的同时，显著降低算力消耗，其单位计算成本仅为同类产品的三分之一。值得关注的是，系统搭载的DeepSeekProver学术引擎可自动生成文献综述框架，而D
  • 未来5年AI人工智能与信息技术领域发展趋势 海宁不掉头发 人工智能软件工程人工智能人工智能软件工程笔记chatgpt
    未来五年人工智能与信息技术领域发展趋势深度解析一、人工智能与神经网络技术的突破路径（一）算法架构的范式革新深度神经网络正经历从量变到质变的演进。以Transformer为核心的序列建模技术持续迭代，字节跳动云雀模型通过动态结构优化，在保持语言理解能力的同时将参数量压缩至GPT-4的1/10，推理速度提升3倍。更值得关注的是类脑计算的突破，中国科学院自动化研究所提出"基于内生复杂性"的类脑神经元模型
  • 新手如何成为一名顶尖黑客？只需这十二个步骤轻松入门！ 网络安全淼叔 黑客渗透测试白帽黑客网络安全副业
    成为一名黑客的过程涉及不断学习和实践技术，既要掌握基础的计算机知识，也要具备足够的安全意识和道德责任感。以下是成为一名黑客的12个基本步骤，为小白提供系统的入门指导。对于从来没有接触过黑客的同学，我们帮你准备了详细的学习成长路线图。可以说是最科学最系统的学习路线，大家跟着这个大的方向学习准没问题。1.了解计算机基础要成为一名黑客，首先需要了解计算机硬件、操作系统和网络的基础。你需要理解计算机如何处
  • 高级java每日一道面试题-2025年3月06日-微服务篇[Eureka篇]-Eureka服务注册与发现是什么? java我跟你拼了 java每日一道面试题java微服务eureka
    如果有遗漏,评论区告诉我进行补充面试官:Eureka服务注册与发现是什么我回答:根据你提供的详细解析，结合之前的回答，我们可以更加全面地理解Eureka服务注册与发现机制，并补充一些关键点，特别是针对面试准备的内容。一、服务注册（ServiceRegistration）核心机制：当服务提供者启动时，它会通过EurekaClient向EurekaServer发送元数据。这些元数据包括但不限于IP地址
  • 设计模式及其分类 小九没绝活 设计模式设计模式
    什么是设计模式？设计模式是在软件设计过程中，针对特定问题场景和需求提出的一套被公认的解决方案。设计模式旨在提高代码的可读性、可维护性、可拓展性和重用性。设计模式的主要作用：提供可复用的解决方案设计模式提供了经过验证的解决方案，可以帮助开发人员更快速地解决常见的设计问题。促进代码的组织和理解设计模式规范了代码组织和结构，使代码更易理解和维护。提高代码的质量设计模式强调良好的设计原则，可以帮助开发人员
  • 设计模式 - 装饰器模式 菜鸟小码 设计模式设计模式装饰器模式java
    首先，欢迎各位来到我的博客！本文深入理解设计模式原理、应用技巧、强调实战操作，提供代码示例和解决方案，适合有一定编程基础并希望提升设计能力的开发者，帮助读者快速掌握并灵活运用设计模式。如有需要请大家订阅我的专栏【设计模式】哟！我会定期更新相关系列的文章文章目录引言一、装饰器模式的基本概念二、装饰器模式的实现1.定义组件接口2.定义具体组件3.定义装饰器4.定义具体装饰器5.客户端代码三、装饰器模式
  • 电机控制常见面试问题（十） 小雀丝 嵌入式硬件单片机电机控制电机
    文章目录一、Kalman滤波器的原理以及EKF（扩展卡尔曼滤波）的概念1.理解Kalman滤波器2.理解EKF3.总结二、滑动平均滤波器的设计1.定义与原理2.关键参数设计3.与其它滤波器对比三.PID与MPC的区别四.李雅普诺夫稳定性的概念五.谈一下对电感与电容的理解一、Kalman滤波器的原理以及EKF（扩展卡尔曼滤波）的概念1.理解Kalman滤波器什么是Kalman滤波器？——用“天气预报
  • OctoTools：一个具有复杂推理可扩展工具的智体框架 三谷秋水 智能体大模型机器学习人工智能语言模型机器学习
    25年2月来自斯坦福大学的论文“OctoTools:AnAgenticFrameworkwithExtensibleToolsforComplexReasoning”。解决复杂的推理任务可能涉及视觉理解、域知识检索、数值计算和多步骤推理。现有方法使用外部工具增强大语言模型(LLM)，但仅限于专业领域、有限的工具类型或需要额外的训练数据。本文的OctoTools，是一个无需训练、用户友好且易于扩展的
  • YUNBE云贝-PostgreSQL Vacuum详解：深入理解与实践 云贝教育-郑老师 postgresql数据库缓存sqldba
    引言PostgreSQL作为一款功能强大、开源的关系型数据库管理系统，其性能优化机制中，“VACUUM”命令扮演着至关重要的角色。本文将对PostgreSQL的VACUUM操作进行全面解析，探讨其工作原理、类型以及如何在实际环境中合理应用。一、VACUUM基础概念1.1VACUUM的作用在PostgreSQL中，当数据被更新或删除时，系统并不会立即释放物理空间，而是将其标记为“可重用”。随着时间推
  • ES中_cat/nodes返回结果参数的解释以及性能调优指南 Elastic开源社区 elasticsearch运维调优ES全文检索ES角色
    文章目录1、Elasticsearch`_cat/nodes?v`字段详解2、常用字段说明3、`node.role`字段详解4、示例输出5、其他可选参数6、总结1、Elasticsearch_cat/nodes?v字段详解在Elasticsearch中，_cat/nodesAPI用于查看集群中所有节点的信息。通过添加?v参数，可以返回带有表头的详细输出，便于理解每个字段的含义。以下是_cat/no
  • 生物分子仿真软件： Desmond_（3）.分子动力学模拟基础 kkchenjj 分子动力学2模拟仿真分子动力学仿真模拟
    分子动力学模拟基础1.分子动力学模拟的基本概念分子动力学（MolecularDynamics,MD）模拟是一种计算方法，用于研究分子系统在不同时间和空间尺度下的行为。通过解决牛顿运动方程，MD模拟可以提供分子系统的详细动力学信息，包括原子位置、速度和加速度。这些信息对于理解生物分子的结构、功能和相互作用至关重要。1.1牛顿运动方程分子动力学模拟的核心是牛顿运动方程，它可以描述每个原子在系统中的运动
  • 十年老鸟告诉你，51单片机和STM32怎么选择？ 单片机陈老师 单片机51单片机单片机51单片机stm32
    十年老鸟告诉你，51单片机和STM32怎么选择？初中辍学进厂，边工作边自学单片机，各种单片机实战项目，也是零基础学的stm32，应该还是能给你一些建议。首先理解为什么叫嵌入式?单从电路板硬件上看，是将串口、以太等控制芯片集成到CPU内，或者做成模组的形式;从软件上看，就是将业务程序和操作系统一起烧录到ROM中去。嵌入式系统可以分为三个就业方向:硬件、驱动、嵌入式操作系统及其上层业务。下面详解。硬件
  • 爬虫获取 item_get_video 接口数据：小红书笔记视频详情的深度解析 API快乐传递者 小红书APIAPI爬虫笔记音视频
    在当今内容驱动的互联网时代，小红书作为国内领先的社交电商平台，其笔记视频内容成为品牌营销、内容创作和用户体验的重要组成部分。通过爬虫技术获取小红书笔记视频详情，不仅可以帮助开发者更好地理解用户需求，还能为电商运营、内容推荐和数据分析提供强大的支持。本文将详细介绍如何使用Python爬虫获取小红书item_get_video接口的返回数据，并对其数据结构进行详细解析。一、item_get_video
  • 第2篇：SOLR 的架构总览 不出名的架构师 solr架构lucene
    第2篇：SOLR的架构总览2.1前言在上一篇文章中，我们已经完成了SOLR的源码环境搭建，成功运行了一个简单的实例，并初步浏览了源码目录结构。现在，我们将目光转向SOLR的整体架构，探索它如何将复杂的功能组织成一个高效的搜索系统。通过本篇，你将了解SOLR的核心组件是如何协作的，请求是如何从客户端到达服务器并返回结果的，以及源码中哪些关键类扮演了重要角色。这不仅是后续深入分析的基础，也是理解SOL
  • 深入理解Java集合框架：构建高效、灵活的数据管理方案 PsG喵喵 java开发语言
    深入理解Java集合框架：构建高效、灵活的数据管理方案引言Java集合框架（JavaCollectionsFramework,JCF）是Java语言提供的一套用于表示和操作集合的统一架构。它包含了一系列的接口和类，用于存储和操作对象集合，如列表（List）、集合（Set）、映射（Map）和队列（Queue）等。集合框架的设计初衷是为了提供一套灵活、可重用且类型安全的集合数据结构，帮助开发者以统一和
  • 【AI大模型-提示词中的###和“““】 NeVeRMoRE_2024 AI大语言模型-ChatGPT人工智能
    提示词中活用###和"""（或其他特殊字符或格式）的原因主要基于以下几点：1.结构化与清晰性在编写提示词时，使用特殊字符如###和"""可以帮助将复杂的指令或上下文信息结构化，使其更加清晰易懂。这对于大型语言模型（LLMs）尤为重要，因为它们需要处理大量的输入信息，并据此生成输出。结构化的提示词有助于模型更好地理解用户的意图，减少误解的可能性。例如，使用###作为分隔符，可以将提示词中的不同部分（
  • MySQL常用函数详解及SQL代码示例 星河浪人 mysqlsqlandroid
    MySQL常用函数详解及SQL代码示例引言当前日期和时间函数字符串函数数学函数聚合函数结论引言MySQL作为一种广泛使用的关系型数据库管理系统，提供了丰富的内置函数来简化数据查询、处理和转换。掌握这些函数可以大大提高数据库操作的效率和准确性。本文将详细介绍MySQL中一些常用的函数，并配以SQL代码示例，帮助读者更好地理解和应用这些函数。当前日期和时间函数在当前时间（中国北京时间2025年03月1
  • 深入理解Java集合框架：构建高效、灵活的数据管理方案 漏洞猎人001 java开发语言
    深入理解Java集合框架：构建高效、灵活的数据管理方案引言Java集合框架（JavaCollectionsFramework,JCF）是Java语言提供的一套用于表示和操作集合的统一架构。它包含了一系列的接口和类，用于存储和操作对象集合，如列表（List）、集合（Set）、映射（Map）和队列（Queue）等。集合框架的设计初衷是为了提供一套灵活、可重用且类型安全的集合数据结构，帮助开发者以统一和
  • AGI大模型（5）：提示词工程 不死鸟.亚历山大.狼崽子 AGI大模型agi
    1什么是提示词工程（Prompt）所谓的提示词其实指的就是提供给模型的⼀个⽂本⽚段，⽤于指导模型⽣成特定的输出或回答。提示词的⽬的是为模型提供⼀个任务的上下⽂，以便模型能够更准确地理解⽤户的意图，并⽣成相关的回应。2什么是提示⼯程(PromptEngineering)所谓的提示⼯程也可以被称为「指令⼯程」，提示⼯程的核⼼思想是，通过精⼼设计的提示，可以显著提⾼模型的性能和输出质量。貌似简单，但其实
  • Spring设计模式 八股速记 高层模块底层模块 依赖倒置原则 开闭原则 接口隔离原则 她说喜欢是装的. #SpringBoot#JavaSEweb后端开发java开发语言cocoagithubmacosobjective-c数据库
    目录高层模块底层模块一、定义与核心思想二、实现方式三、优点与价值四、典型应用场景五、与其他原则的关系示例说明依赖倒置原则一、定义与核心思想二、实现方式三、优点与价值四、典型应用场景五、与其他原则的关系示例说明自己理解开闭原则1.抽象化与接口设计2.封装与模块化3.多态性与继承机制4.依赖抽象而非具体实现5.设计原则的协同作用总结接口隔离原则一、核心定义二、与单一职责原则的区别三、应用场景与实现方式
  • 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其他