txf2004
txf2004

IE双倍边距BUG 触发 解决方案

上面代码中有两组 DIV 容器，容器内的 DIV 元素分别设置了向左浮动（float:left）与向右浮动（float:right），且左右边距均为 50px（margin:0 50px）。当页面加载完毕后将 DIV 容器的 offsetWidth 显示出来。

在各浏览器中打开这个页面效果如下：

IE5.0 IE5.5 IE6 IE7 IE8 Firefox Chrome Safari Opera
IE5-6 double margins non IE5-6 double margins

从上面的例子与截图可见：

  • 在IE5.0 IE5.5 IE6中，当一个块级元素向左浮动时，其左边距会出现双倍于设定的边距值的现象。当一个块级元素向右浮动时，其右边距会出现双倍于设定的边距值的现象。由于深黄色的块级元素为其容器内的最后一个左浮动元素，所以其右边距也会出现双倍于设定的右边距值的现象；
  • 在其他浏览器中，没有上述的现象，浏览器遵照 W3C 规范对页面元素进行解释及渲染。

触发此 Bug 的条件有 3 个：

  1. 若一个元素向左浮动（float:left），且其设置的左边距（'margin-left'）大于其至容器的左侧内边界的距离：
    该元素实际的左边距 = 设置的左边距 * 2 - 左边界至容器的距离；
  2. 同样地，若一个元素向右浮动（float:right），且其设置的右边距 （'margin-right'）大于其至容器的右侧内边界的距离：
    该元素实际的右边距 = 设置的右边距 * 2 - 右边界至容器的距离；
  3. 若一个元素向左浮动（float:left），这个元素为其父容器的最后一个左浮动元素，且其设置的右边距（'margin-right'）大于其至容器的右侧内边界的距离：
    该元素的实际右边距 = 设置的右边距 * 2。

下面结合上面的触发条件看一组更加复杂的例子：

<style>
  .fl { float:left; height:30px; background:gray; }
  #A { width:90px; margin:0 10px; }
  #B { width:85px; margin-left:150px; }
  #C { width:100px; margin-left:100px; }
</style>
<div style="width:600px; height:30px; background:#CCC;">
  <div id="A" class="fl">10 90 10</div>
  <div id="B" class="fl">150 85 0</div>
  <div id="C" class="fl">100 100 0</div>
</div>

测试代码中 DIV 容器中包含了三个 DIV 子元素，这三个子元素均为左浮动元素，且均拥有 'margin-left' 特性。

不同的浏览器运行的结果列表如下：








IE5.0 IE5.5 IE6 IE7 IE8 Firefox Chrome Safari Opera
IE5-6 double margins
non IE5-6 double margins

在IE5.0 IE5.5 IE6中，

  • 【A】的左边距容器的距离为 0，其设置的左边距为 10px，10 > 0。则【A】满足上面的条件1，触发此 Bug。【A】实际的左边距变为 10 * 2 - 0 = 20px。
  • 【B】的左边距容器的距离为 120px（20 + 90 + 10），其设置的左边距为 150px，150 > 120。则【B】满足上面的条件1，触发此 Bug。【B】实际的左边距变为150 * 2 - 120 = 180px。
  • 【C】的左边距容器的距离为 385px（20 + 90 + 10 + 180 + 85），其设置的左边距为 100px，100 < 285。则【C】不满足触发此 Bug 的条件。【C】实际的左边距仍然为 100px。

上面讨论的都是元素浮动之前为块级元素，下面观察一下 'display' 特性分别为 'inline' 及 'block' 的 SPAN 元素浮动后的情况：

<div style="width:100px; height:20px; background:#ccc;">100 x 20</div>
<span style="float:left; margin-left:100px; width:100px; height:20px; background:gray;">inline FLOAT</span>
<br /><br />
<div style="width:100px; height:20px; background:#ccc;">100 x 20</div>
<span style="float:left; margin-left:100px; width:100px; height:20px; background:gray; display:block">block FLOAT</span>

这段代码在不同浏览器中运行效果为：








IE5.0 IE5.5 IE6 IE7 IE8 Firefox Chrome Safari Opera
IE5-6 double margins
non IE5-6 double margins

从上面一组截图中很明显的看出，双边距 Bug 会作用于 'display' 特性为 'block' 的元素，对于 'inline' 的元素不会触发此 Bug。

解决方案

  • 尽量避免同时使用 'margin-left' 与 float:left，及 'margin-right' 与 float:right；
  • 由于这个 Bug 对于 'display' 特性为 'inline' 的元素不会触发，所以可以通过设置display:inline消除此 Bug，由于此 Bug 仅在元素浮动时发生，而浮动将使该元素 'display' 特性计算为 'block' 或者 'table'（见 CSS2.1 规范第9.7 Relationships between 'display', 'position', and 'float'节），因此可以通过设置display:inline消除双边距 Bug。


                            

                        

                    

                    
                    

                    
                    
                    

                

                

                    
                

            

        

    

    

        
你可能感兴趣的:(解决方案)

        

            

                
    
                    
  • 编译错误error: invalid storage class
                        唯独不开心
linux内核代码学习宏
                        
    这个问题排查了，好一段时间，无果。百度一下，发现遇到这个问题的人还挺多的。大家的解决方案都是括号不匹配，应该是多了或少了吧。我就仔细检查了一下代码。由于编辑器自带了检查括号是否配对功能。所以，咋一看，没问题。最后，发现是一处，调用系统的宏定义的毛病。这个宏定义包含了左括号“{”，而我在使用的时候，我又添加了一个左括号。去掉后，编译通过。
    
                    
    • 
                    
  • C#中的设计模式：构建更加优雅的代码
                        Envyᥫᩣᩚ
c#开发语言
                        
    C#在面向对象编程（OOP）方面的强大支持，我们可以探讨“C#中的设计模式”。这不仅有助于理解如何更好地组织代码，还能提高代码的可维护性和可扩展性。引言设计模式是软件工程中经过实践验证的解决方案模板，它们提供了一种标准化的方法来解决常见的开发问题。对于使用C#进行开发的程序员来说，理解和应用这些模式可以帮助创建结构良好、易于维护和扩展的应用程序。本文将介绍几种常用的设计模式，并展示如何用C#实现它
    
                    
    • 
                    
  • Activeloop Deep Lake: AI时代的数据湖解决方案
                        HGWAcsdgvs
人工智能python
                        
    技术背景介绍在当前AI技术蓬勃发展的背景下，数据的存储和检索显得尤为重要。ActiveloopDeepLake是一种多模态向量存储解决方案，支持嵌入和元数据（如文本、Json、图像、音频、视频等）的存储。它适用于本地、云端或Activeloop存储，通过嵌入以及其属性进行混合搜索。该解决方案是一个无服务器的数据湖，具备版本控制、查询引擎和深度学习框架的流媒体数据加载器。核心原理解析DeepLake
    
                    
    • 
                    
  • 重磅推出！Highlight.io：开源全栈监控平台，让开发者轻松掌控应用性能！
                        开源项目精选
全栈
                        
    Highlight.io是一个开源的全栈监控平台，提供用于错误监控、会话重放、日志记录、分布式跟踪等的综合工具。它旨在为开发人员提供用于监控应用程序的现代、有凝聚力的解决方案。Stars数8,029Forks数398主要特点错误跟踪：借助详细的堆栈跟踪、错误上下文和受影响用户信息，即时捕获并诊断错误。会话回放：通过像素级精确重现会话，可视化用户交互，帮助你快速理解和复现问题。性能监控：通过加载时间
    
                    
    • 
                    
  • 远程控制与数据分析：工业中台助力港口起重机智能化
                        钡铼技术物联网关
linux边缘计算
                        
    在现代化港口运营中，起重机作为核心设备，其运行效率和安全性直接影响到整个港口的吞吐能力和经济效益。然而，传统的起重机监控方式往往依赖于人工巡检和定期维护，不仅效率低下，而且难以实时掌握设备状态。随着工业物联网（IIoT）技术的快速发展，工业物联中台（IndustrialIoTPlatform）应运而生，为港口起重机的远程监控提供了全新的解决方案。工业物联中台，简称“工业中台”，是一种集数据采集、处
    
                    
    • 
                    
  • 本地正常但是线上/测试环境报错MethodArgumentTypeMismatchException异常
                        王德印
后端Java开发问题总结springmvcspringboot异常后端前后端报错java
                        
    目录背景原因问题分析解决方案背景报错如下：org.springframework.web.method.annotation.MethodArgumentTypeMismatchException:Failedtoconvertvalueoftype'java.lang.String'torequiredtype'java.lang.Long';nestedexceptionisjava.lang
    
                    
    • 
                    
  • 在与SQL server 建立连接时出现与网络相关的或特定于实例的错误。未找到或无法访问服务器。请验证实例名称是否正确并且SQL server已配置为允许远程连接。error40 错误53
                        繁华哟
面试学习路线阿里巴巴服务器网络microsoftstm32数据结构
                        
    目录项目场景：问题描述：原因分析：解决方案：1，开启SQLserver服务菜单——>MicrosoftSQLServer2014——>SQLServer2014配置管理器?SQLserver服务——>SQLserver(MSSQLSERVER)
    
                    
    • 
                    
  • sqlite3.OperationalError: database is locked python-BaseException错误解决
                        传而习乎
数据库sqlitesql
                        
    报错有2种：sqlite3.OperationalError:attempttowriteareadonlydatabasesqlite3.OperationalError:databaseislockedpython-BaseException原因及解决方案：1、被占用由于SQLite只支持单线程。SQLite数据库在同一时间只能由一个连接执行写操作。如果有其他进程或程序（如SQLite专家工具
    
                    
    • 
                    
  • uniapp 微信小程序使用组件时报错 Component is not found in path “/subpages/xxx/xx“ (using by “pages/xxx/xxx“)解决方法
                        代码简单说
开发必备2025开发必备uni-app微信小程序小程序组件报错小程序Component小程序分包报错usingComponents小程序组件notfound
                        
    欢迎关注『开发必备』专栏，专注于解决你在开发过程中遇到的各种问题，帮你快速找到解决方案，节省大量调试时间。内容持续更新中，保证每篇都值得收藏！uniapp微信小程序调用组件时报错Componentisnotfoundinpath“/subpages/xxx/xx”(usingby“pages/xxx/xxx”)在微信小程序的开发中，使用分包（subpackages）是为了实现代码拆分，优化加载速度
    
                    
    • 
                    
  • 数据恢复软件 Glarysoft File Recovery Pro v1.27 中文注册版
                        友善的猴子
windows电脑
                        
    GlarysoftFileRecoveryPro是一款操作简单但功能强大的Windows数据恢复工具。无论你是意外删除了重要文件，还是由于病毒攻击导致数据丢失，这款软件都能帮你快速、轻松地找回丢失的数据。凭借卓越的数据恢复能力和灵活的选项，GlarysoftFileRecoveryPro为用户提供了高效且安全的数据恢复解决方案。该版本已注册，可以使用全部功能。操作说明：1、将压缩文件解压到固定位置
    
                    
    • 
                    
  • AI与Saas思考【中国SaaS的发展】
                        修炼十万年的狗尾巴草
人工智能aisass
                        
    系列文章目录提示：这里可以添加系列文章的所有文章的目录，目录需要自己手动添加AI与SAAS的思考提示：写完文章后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录系列文章目录前言一、大模型做不了解决方案二、单点工具没有意义，SaaS死在这儿了第一是角色中心式计算视角第二是图灵测试2.0第三是智能原生应用第四则是落地的时候要搞定从1到10。三、SaaS厂商如何走出“大模型焦虑”，找到“AI自信
    
                    
    • 
                    
  • Redis Sentinel (哨兵模式)深度解析：构建高可用分布式缓存系统的核心机制
                        月落星还在
redis缓存redissentinel
                        
    一、传统主从复制的痛点在分布式系统架构中，Redis作为高性能缓存和数据存储解决方案，其可用性直接关系到整个系统的稳定性。传统的主从复制架构虽然实现了数据冗余，但在面临节点故障时仍存在明显缺陷：手动故障转移：需要人工介入执行SLAVEOFNOONE命令服务中断风险：故障发现到处理期间服务不可用配置同步困难：客户端需要手动更新连接信息监控盲区：缺乏系统化的健康检查机制这些痛点直接催生了RedisSe
    
                    
    • 
                    
  • 流媒体服务器如何让WebRTC支持H.265，同时又能支持Web js硬解码、软解码（MSE硬解、WASM软解）
                        xiejiashu
WEBRTCWebRTC支持H.265WebRTCH.265H.265WebRTCWebRTC265265WebRTC
                        
    为了这一整套的解决方案，调研+研发整整花费了差不多半年多的时间，需达成的目标：流媒体服务器端不需要将H.265转码成H.264，就能让Chrome解码播放H.265；注意：现在很多市面上的软硬件通过转码H.265成H.264的方式来支持WebRTC，个人理解，这既费硬件又是技术的倒退！WebJS解码H.265在之前就WASM（WebAssembly）一种方式，但是后来Chrome支持了H.265的
    
                    
    • 
                    
  • 天吉智芯（KaAiLiC）品牌在打气泵和触摸屏方案战略以及充气泵方案
                        天吉智芯
充气泵打气泵智能屏嵌入式硬件单片机人工智能显示器
                        
    深圳天吉智芯（KaAiLiC）king-chip从事MicrochipATMELMaxTouch电容触摸屏解决方案，承接5-45寸电容触摸屏TP模组设计研发以及调试等工作，有ATMXT144是按键屏I2C接口;ATMXT224是5寸屏是I2C接口;ATMXT225是5寸屏是I2C接口;ATMXT308是7寸屏是I2C接口;ATMXT336是7寸屏是I2C接口;ATMXT448是8.3寸屏I2C/S
    
                    
    • 
                    
  • LeetCode_随机数索引
                        云墨书生
LeetCode题解leetcode算法java
                        
    LeetCode_随机数索引【中等】正题：题目：给定一个可能含有重复元素的整数数组，要求随机输出给定的数字的索引。您可以假设给定的数字一定存在于数组中。注意：数组大小可能非常大。使用太多额外空间的解决方案将不会通过测试。示例：nt[]nums=newint[]{1,2,3,3,3};olutionsolution=newSolution(nums);//pick(3)应该返回索引2,3或者4。每个
    
                    
    • 
                    
  • LeetCode 398.随机数索引
                        落羽小末
算法Java随机索引重复元素整数数组概率均匀内存优化
                        
    题目描述给定一个可能含有重复元素的整数数组，要求随机输出给定的数字的索引。您可以假设给定的数字一定存在于数组中。注意：数组大小可能非常大。使用太多额外空间的解决方案将不会通过测试。示例:int[]nums=newint[]{1,2,3,3,3};Solutionsolution=newSolution(nums);//pick(3)应该返回索引2,3或者4。每个索引的返回概率应该相等。soluti
    
                    
    • 
                    
  • Leetcode之随机数索引
                        一只荣
leetcode和机试题leetcode
                        
    题目：给定一个可能含有重复元素的整数数组，要求随机输出给定的数字的索引。您可以假设给定的数字一定存在于数组中。注意：数组大小可能非常大。使用太多额外空间的解决方案将不会通过测试。示例:int[]nums=newint[]{1,2,3,3,3};Solutionsolution=newSolution(nums);solution.pick(3);solution.pick(1);代码：方法一——暴
    
                    
    • 
                    
  • C++设计模式-中介者模式：从基本介绍，内部原理、应用场景、使用方法，常见问题和解决方案进行深度解析
                        牵牛老人
C++专栏c++设计模式中介者模式
                        
    一、基本介绍：对象世界的"通信指挥官"1.1模式定义与价值中介者模式（MediatorPattern）是一种行为型设计模式，其核心思想是通过中介对象封装一组对象的交互规则，使各对象不再显式相互引用。如同现实中的机场塔台调度飞机起降，该模式将原本复杂的网状通信结构转化为星型结构，很大程度上降低了对象的耦合度。1.2模式演进历程从早期GUI事件处理到现代微服务架构，中介者模式始终扮演着关键角色。在Qt
    
                    
    • 
                    
  • 设计模式在 JDK 中的具体应用与分析
                        xiaolingting
JAVA-设计模式设计模式java单例模式代理模式享元模式中介模式JDK设计模式应用
                        
    一、设计模式GOF设计模式是面向对象设计中常见问题的可复用解决方案，通过23种经典模式提供了一套标准化的设计思路，用于解决软件设计中反复出现的架构和交互问题。其核心特点包括：经验驱动：源于实际项目的经验总结，非理论推导。抽象化：以接口和组合替代硬编码依赖，提升灵活性。解耦：分离对象创建、结构组装和行为协作，降低耦合。1.0、设计模式原则（SOLID）单一职责原则（SingleResponsibil
    
                    
    • 
                    
  • 设计模式之单例模式：原理、实现与应用
                        wenbin_java
设计模式单例模式
                        
    引言设计模式是软件开发中解决常见问题的经典解决方案。单例模式（SingletonPattern）是其中最基础且常用的设计模式之一，主要用于确保一个类只有一个实例，并提供一个全局访问点。本文将深入探讨单例模式的原理、实现方式以及实际应用场景，帮助你更好地理解和使用这一设计模式。1.单例模式的核心概念1.1什么是单例模式？单例模式是一种创建型设计模式，它确保一个类只有一个实例，并提供一个全局访问点来访
    
                    
    • 
                    
  • ChromeOS 134 版本更新
                        
前端浏览器chrome
                        
    ChromeOS134版本更新一、ChromeOS134更新内容1.ChromeOS自助终端（Kiosk）模式支持隔离Web应用（IsolatedWebApps）从ChromeOS134开始，自助终端（Kiosk）模式支持隔离Web应用（IsolatedWebApps，IWA），提供更安全、更强大的应用解决方案，并可深度集成系统功能。1.1.主要特点更高的安全性：IWA运行在隔离环境中，减少安全风
    
                    
    • 
                    
  • 助力Jira用户测试管理再升级，龙智荣获Xray 2024亚太区最佳销售合作伙伴奖
                        

                        
    近日，全球领先的测试与质量保证解决方案提供商Xray正式宣布了2024年度Xray合作伙伴奖的获奖名单，旨在表彰那些超越客户期望、帮助团队将测试无缝集成到开发工作流、在每个阶段都能实现高质量交付的解决方案合作伙伴。龙智（Dragonsoft）凭借在亚太地区卓越的市场表现、深厚的专业能力和对客户高质量服务的坚定承诺，荣获“Xray2024亚太区最佳销售合作伙伴”奖项！Xray渠道与战略合作伙伴负责人
    
                    
    • 
                    
  • 数据中心运维之供应商管理：打造高效合作生态
                        数据中心运维高级工程师
数据库网络安全大数据
                        
    引言在当今数字化时代，数据中心的稳定、高效运行离不开各类供应商的支持，从硬件设备供应商到运维服务提供商，从软件开发商到安全解决方案供应商，供应商的管理质量直接关系到数据中心的整体运维水平和服务质量。良好的供应商管理不仅能确保数据中心的稳定运行，还能有效降低成本、提升效率、增强竞争力。因此，构建科学、规范、高效的供应商管理体系，已成为数据中心运维管理的重要课题。目的本文旨在为数据中心机房管理者提供一
    
                    
    • 
                    
  • 深入理解单例模式及其在 C# 中的实现
                        江沉晚呤时
C#设计模式javascript开发语言.netcorec#netasp.net单例模式
                        
    在软件开发中，设计模式为我们提供了许多经过验证的解决方案，以应对常见的编程问题。其中，单例模式（SingletonPattern）是最常用的创建型设计模式之一。它的主要目标是确保一个类只有一个实例，并提供全局访问点来访问该实例。本文将深入讲解单例模式的概念、实现方式，以及如何在C#中高效地应用单例模式。什么是单例模式？单例模式是一种创建型设计模式，旨在保证某个类在整个应用程序中只有一个实例，并提供
    
                    
    • 
                    
  • mybatisPlus多数据源方案
                        平原人
springbootmybatis
                        
    背景在微服务李娜一般一个服务只有一个数据源，但是在有的老项目或者一些特定场景需要多数据源链接不同的数据库，本文以mybatisPlus为基础给出解决方案多数据源场景分类情形一：项目启动就确定了情形一：一些sass系统里面动态确定的，比如说运行时建立的数据源，还有一些报表场景也是如此本文暂不讨论相关解决方案(本人都有使用过)：1.mybatisPlus官网提供的提供框架，使用是使用注解切换缺点很大，
    
                    
    • 
                    
  • 微电网管理 实现分布式能源的智能调度和管理
                        小赖同学啊
智能硬件分布式能源
                        
    微电网（Microgrid）是一种小型电力系统，能够独立运行或与主电网并网运行。它通常包含分布式能源（如太阳能、风能、储能系统）和负载，通过智能调度和管理实现高效、可靠的能源供应。物联网（IoT）技术在微电网管理中发挥着关键作用，能够实现分布式能源的智能调度和管理。以下是具体的解决方案和技术路径：1.实现目标能源优化调度：根据能源供需情况，智能调度分布式能源，提高能源利用效率。实时监控：实时监测微
    
                    
    • 
                    
  • 教育行业信创转型：5款适配国产系统的在线协作工具推荐
                        
程序员
                        
    随着信息技术的快速发展，教育行业的信息化建设也在不断推进。在国产系统逐渐普及的背景下，教育行业的信创转型成为了必然趋势。在线协作工具作为教育教学中的重要辅助手段，也需要适配国产系统，以满足教育行业的需求。本文将为您推荐5款适配国产系统的在线协作工具，帮助教育行业更好地实现信创转型。信创国产化项目管理解决方案-禅道禅道是一款国产的项目管理软件，禅道项目管理工具拥有自主知识产权、提供更适合本土团队的项
    
                    
    • 
                    
  • Docker 的基本概念和优势
                        噔噔噔噔@
软件测试面试题专栏软件测试基础及工具分享程序人生eurekaspringcloud云原生
                        
    Docker是一种轻量级的虚拟化容器解决方案，可将应用程序和其依赖项打包在一个独立的容器中，使其能够在任何环境中运行。下面是Docker的基本概念和优势：基本概念：镜像（Image）：Docker镜像是一个只读模板，包含了运行应用程序所需的所有内容，包括代码、运行时环境、库、环境变量等。容器（Container）：基于Docker镜像创建的运行实例称为容器，容器是一个独立、隔离的运行环境，可以在其
    
                    
    • 
                    
  • OpenHarmony 5.0无法监听按键
                        龚礼鹏
OpenHarmony5.0(鸿蒙next)harmonyos华为
                        
    目录1.背景二.解决方案1.背景如下代码：Button($r('app.string.ItemTest_key_volume_up')).onKeyEvent((event:KeyEvent)=>{this.changBackground(event)})上述代码发现在OpenHarmony3.2中是可以监听到音量键以及其他按键的事件的，然而在OpenHarmony5.0中尝试是监听不到，看了官网
    
                    
    • 
                    
  • 突破：海量倾斜高斯OPGS Cesium高效渲染！
                        大势智慧
实景三维三维模型三维建模CesiumOPGS
                        
    在重建大师7.0新品发布会上，我们首次推出了倾斜摄影测量高斯飞溅（OPGS）从训练到实时渲染的软件工具解决方案，使得用户能够在常用的重建农场计算节点下，就能够实现城市级地理场景3DOPGS成果的高质量、高效率生产。针对城市级地理场景渲染卡顿问题，今年我们研发团队再次取得新进展，成功在Cesium平台上实现了大规模OPGS成果的高效渲染，为实景三维可视化注入了全新活力。大面积OPGS成果在Cesiu
    
                    
    • 
                                
  • rust的指针作为函数返回值是直接传递，还是先销毁后创建？
                                    wudixiaotie
返回值
                                    
     这是我自己想到的问题，结果去知呼提问，还没等别人回答， 我自己就想到方法实验了。。 
fn main() {
    let mut a = 34;
    println!("a's addr:{:p}", &a);
    let p = &mut a;
    println!("p's addr:{:p}", &a
    
                                
    • 
                                
  • java编程思想 -- 数据的初始化
                                    百合不是茶
java数据的初始化
                                    
      
1.使用构造器确保数据初始化 
     
/*
 *在ReckInitDemo类中创建Reck的对象 
 */
public class ReckInitDemo {
	

	public static void main(String[] args) {
		//创建Reck对象
		new Reck();
	}
	
	
}
    
                                
    • 
                                
  • [航天与宇宙]为什么发射和回收航天器有档期
                                    comsci

                                    
     
 
 
       地球的大气层中有一个时空屏蔽层,这个层次会不定时的出现,如果该时空屏蔽层出现,那么将导致外层空间进入的任何物体被摧毁,而从地面发射到太空的飞船也将被摧毁... 
 
       所以,航天发射和飞船回收都需要等待这个时空屏蔽层消失之后,再进行 
 
&
    
                                
    • 
                                
  • linux下批量替换文件内容
                                    商人shang
linux替换
                                    
    1、网络上现成的资料 
　　格式: sed -i "s/查找字段/替换字段/g" `grep 查找字段 -rl 路径` 
　　linux sed 批量替换多个文件中的字符串 
　　sed -i "s/oldstring/newstring/g" `grep oldstring -rl yourdir` 
　　例如：替换/home下所有文件中的www.admi
    
                                
    • 
                                
  • 网页在线天气预报
                                    oloz
天气预报
                                    
    网页在线调用天气预报

<%@ page language="java" contentType="text/html; charset=utf-8"
 pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transit
    
                                
    • 
                                
  • SpringMVC和Struts2比较
                                    杨白白
springMVC
                                    
    1. 入口 
spring mvc的入口是servlet，而struts2是filter（这里要指出，filter和servlet是不同的。以前认为filter是servlet的一种特殊），这样就导致了二者的机制不同，这里就牵涉到servlet和filter的区别了。 
参见：http://blog.csdn.net/zs15932616453/article/details/8832343 
2
    
                                
    • 
                                
  • refuse copy, lazy girl!
                                    小桔子
copy
                                    
           妹妹坐船头啊啊啊啊！都打算一点点琢磨呢。文字编辑也写了基本功能了。。今天查资料，结果查到了人家写得完完整整的。我清楚的认识到： 
1.那是我自己觉得写不出的高度 
2.如果直接拿来用，很快就能解决问题 
3.然后就是抄咩~~ 
4.肿么可以这样子，都不想写了今儿个，留着作参考吧！拒绝大抄特抄，慢慢一点点写！ 
  
    
                                
    • 
                                
  • apache与php整合
                                    aichenglong
php apache web
                                    
    一  apache web服务器 
 1 apeche web服务器的安装 
  1)下载Apache web服务器 
  2)配置域名(如果需要使用要在DNS上注册) 
  3)测试安装访问http://localhost/验证是否安装成功 
 2 apache管理 
  1)service.msc进行图形化管理 
  2)命令管理，配
    
                                
    • 
                                
  • Maven常用内置变量
                                    AILIKES
maven
                                    
    Built-in properties 
 
  ${basedir} represents the directory containing pom.xml 
  ${version} equivalent to ${project.version} (deprecated: ${pom.version})  
 Pom/Project properties 
Al
    
                                
    • 
                                
  • java的类和对象
                                    百合不是茶
JAVA面向对象 类 对象
                                    
    java中的类： 
  
  java是面向对象的语言，解决问题的核心就是将问题看成是一个类，使用类来解决 
  
java使用 class 类名   来创建类 ，在Java中类名要求和构造方法，Java的文件名是一样的 
  
创建一个A类： 
class A{
} 
  
java中的类：将某两个事物有联系的属性包装在一个类中，再通
    
                                
    • 
                                
  • JS控制页面输入框为只读
                                    bijian1013
JavaScript
                                    
    在WEB应用开发当中，增、删除、改、查功能必不可少，为了减少以后维护的工作量，我们一般都只做一份页面，通过传入的参数控制其是新增、修改或者查看。而修改时需将待修改的信息从后台取到并显示出来，实际上就是查看的过程，唯一的区别是修改时，页面上所有的信息能修改，而查看页面上的信息不能修改。因此完全可以将其合并，但通过前端JS将查看页面的所有信息控制为只读，在信息量非常大时，就比较麻烦。 
  
    
                                
    • 
                                
  • AngularJS与服务器交互
                                    bijian1013
JavaScriptAngularJS$http
                                    
            对于AJAX应用（使用XMLHttpRequests）来说，向服务器发起请求的传统方式是：获取一个XMLHttpRequest对象的引用、发起请求、读取响应、检查状态码，最后处理服务端的响应。整个过程示例如下： 
var xmlhttp = new XMLHttpRequest();

xmlhttp.onreadystatechange
    
                                
    • 
                                
  • [Maven学习笔记八]Maven常用插件应用
                                    bit1129
maven
                                    
    常用插件及其用法位于：http://maven.apache.org/plugins/ 
  
1. Jetty server plugin 
2. Dependency copy plugin 
3. Surefire Test plugin 
4. Uber jar plugin 
  
  
  
  
  
1. Jetty Pl
    
                                
    • 
                                
  • 【Hive六】Hive用户自定义函数(UDF)
                                    bit1129
自定义函数
                                    
    1. 什么是Hive UDF 
Hive是基于Hadoop中的MapReduce，提供HQL查询的数据仓库。Hive是一个很开放的系统，很多内容都支持用户定制，包括： 
 
 文件格式：Text File，Sequence File 
 内存中的数据格式： Java Integer/String, Hadoop IntWritable/Text 
 用户提供的 map/reduce 脚本：不管什么
    
                                
    • 
                                
  • 杀掉nginx进程后丢失nginx.pid，如何重新启动nginx
                                    ronin47
nginx 重启 pid丢失
                                    
    nginx进程被意外关闭，使用nginx -s reload重启时报如下错误：nginx: [error] open() “/var/run/nginx.pid” failed (2: No such file or directory)这是因为nginx进程被杀死后pid丢失了，下一次再开启nginx -s reload时无法启动解决办法：nginx -s reload 只是用来告诉运行中的ng
    
                                
    • 
                                
  • UI设计中我们为什么需要设计动效
                                    brotherlamp
UIui教程ui视频ui资料ui自学
                                    
    随着国际大品牌苹果和谷歌的引领，最近越来越多的国内公司开始关注动效设计了，越来越多的团队已经意识到动效在产品用户体验中的重要性了，更多的UI设计师们也开始投身动效设计领域。 
但是说到底，我们到底为什么需要动效设计？或者说我们到底需要什么样的动效？做动效设计也有段时间了，于是尝试用一些案例，从产品本身出发来说说我所思考的动效设计。 
一、加强体验舒适度 
嗯，就是让用户更加爽更加爽的用你的产品。 
    
                                
    • 
                                
  • Spring中JdbcDaoSupport的DataSource注入问题
                                    bylijinnan
javaspring
                                    
    参考以下两篇文章： 
 
http://www.mkyong.com/spring/spring-jdbctemplate-jdbcdaosupport-examples/ 
 
http://stackoverflow.com/questions/4762229/spring-ldap-invoking-setter-methods-in-beans-configuration 
 
Sprin
    
                                
    • 
                                
  • 数据库连接池的工作原理
                                    chicony
数据库连接池
                                    
           随着信息技术的高速发展与广泛应用，数据库技术在信息技术领域中的位置越来越重要，尤其是网络应用和电子商务的迅速发展，都需要数据库技术支持动 态Web站点的运行，而传统的开发模式是：首先在主程序（如Servlet、Beans）中建立数据库连接；然后进行SQL操作，对数据库中的对象进行查 询、修改和删除等操作；最后断开数据库连接。使用这种开发模式，对
    
                                
    • 
                                
  • java 关键字
                                    CrazyMizzz
java
                                    
     
关键字是事先定义的，有特别意义的标识符，有时又叫保留字。对于保留字，用户只能按照系统规定的方式使用，不能自行定义。 
 
Java中的关键字按功能主要可以分为以下几类： 
   （1）访问修饰符 
      public,private,protected 
      p
    
                                
    • 
                                
  • Hive中的排序语法
                                    daizj
排序hiveorder byDISTRIBUTE BYsort by
                                    
    Hive中的排序语法 2014.06.22  ORDER BY 
hive中的ORDER BY语句和关系数据库中的sql语法相似。他会对查询结果做全局排序，这意味着所有的数据会传送到一个Reduce任务上，这样会导致在大数量的情况下，花费大量时间。 
与数据库中 ORDER BY 的区别在于在hive.mapred.mode = strict模式下，必须指定 limit 否则执行会报错。
    
                                
    • 
                                
  • 单态设计模式
                                    dcj3sjt126com
设计模式
                                    
      单例模式（Singleton）用于为一个类生成一个唯一的对象。最常用的地方是数据库连接。 使用单例模式生成一个对象后，该对象可以被其它众多对象所使用。    
<?phpclass Example{    // 保存类实例在此属性中    private static&
    
                                
    • 
                                
  • svn locked
                                    dcj3sjt126com
Lock
                                    
    post-commit hook failed (exit code 1) with output: 
svn: E155004: Working copy 'D:\xx\xxx' locked 
svn: E200031: sqlite: attempt to write a readonly database 
svn: E200031: sqlite: attempt to write a 
    
                                
    • 
                                
  •  ARM寄存器学习
                                    e200702084
数据结构C++cC#F#
                                    
    无论是学习哪一种处理器，首先需要明确的就是这种处理器的寄存器以及工作模式。 
    ARM有37个寄存器，其中31个通用寄存器，6个状态寄存器。 
1、不分组寄存器（R0-R7） 
    不分组也就是说说，在所有的处理器模式下指的都时同一物理寄存器。在异常中断造成处理器模式切换时，由于不同的处理器模式使用一个名字相同的物理寄存器，就是
    
                                
    • 
                                
  • 常用编码资料
                                    gengzg
编码
                                    
    		List<UserInfo> list=GetUserS.GetUserList(11);
		String json=JSON.toJSONString(list);
		HashMap<Object,Object> hs=new HashMap<Object, Object>();
		for(int i=0;i<10;i++)
		{

    
                                
    • 
                                
  • 进程 vs. 线程
                                    hongtoushizi
线程linux进程
                                    
    我们介绍了多进程和多线程，这是实现多任务最常用的两种方式。现在，我们来讨论一下这两种方式的优缺点。 
首先，要实现多任务，通常我们会设计Master-Worker模式，Master负责分配任务，Worker负责执行任务，因此，多任务环境下，通常是一个Master，多个Worker。 
如果用多进程实现Master-Worker，主进程就是Master，其他进程就是Worker。 
如果用多线程实现
    
                                
    • 
                                
  • Linux定时Job：crontab -e 与 /etc/crontab 的区别
                                    Josh_Persistence
linuxcrontab
                                    
    一、linux中的crotab中的指定的时间只有5个部分：* * * * * 
分别表示：分钟，小时，日，月，星期，具体说来： 
第一段 代表分钟 0—59 
第二段 代表小时 0—23 
第三段 代表日期 1—31 
第四段 代表月份 1—12 
第五段 代表星期几，0代表星期日 0—6 
  
如： 
*/1 * * * *   每分钟执行一次。 
* 
    
                                
    • 
                                
  • KMP算法详解
                                    hm4123660
数据结构C++算法字符串KMP
                                    
         字符串模式匹配我们相信大家都有遇过，然而我们也习惯用简单匹配法（即Brute-Force算法)，其基本思路就是一个个逐一对比下去，这也是我们大家熟知的方法，然而这种算法的效率并不高，但利于理解。 
  
    假设主串s="ababcabcacbab",模式串为t="
    
                                
    • 
                                
  • 枚举类型的单例模式
                                    zhb8015
单例模式
                                    
    E.编写一个包含单个元素的枚举类型[极推荐]。代码如下： 
 
 public enum MaYun {himself; //定义一个枚举的元素，就代表MaYun的一个实例private String anotherField;MaYun() {//MaYun诞生要做的事情//这个方法也可以去掉。将构造时候需要做的事情放在instance赋值的时候：/** himself = MaYun() {*
    
                                
    • 
                                
  • Kafka+Storm+HDFS
                                    ssydxa219
storm
                                    
    cd /myhome/usr/stormbin/storm nimbus &amp;bin/storm supervisor &amp;bin/storm ui &amp;Kafka+Storm+HDFS整合实践kafka_2.9.2-0.8.1.1.tgzapache-storm-0.9.2-incubating.tar.gzKafka安装配置我们使用3台机器搭建Kafk
    
                                
    • 
                                
  • Java获取本地服务器的IP
                                    中华好儿孙
javaWeb获取服务器ip地址
                                    
    
        System.out.println("getRequestURL:"+request.getRequestURL());
		System.out.println("getLocalAddr:"+request.getLocalAddr());
		System.out.println("getLocalPort:&quo
    
                                
    • 
                

            

        

    




    

        

            按字母分类：
            ABCDEFGHIJKLMNOPQRSTUVWXYZ其他