认识hasLayout——IE浏览器css bug的一大罪恶根源

什么是hasLayout？

hasLayout是IE特有的一个属性。很多的ie下的css bug都与其息息相关。在ie中，一个元素要么自己对自身的内容进行计算大小和组织，要么依赖于父元素来计算尺寸和组织内容。当一个元素的hasLayout属性值为true时，它负责对自己和可能的子孙元素进行尺寸计算和定位。虽然这意味着这个元素需要花更多的代价来维护自身和里面的内容，而不是依赖于祖先元素来完成这些工作。 
下列元素默认 hasLayout=true 
<table> <td> <body> <img> <hr> <input> <select> <textarea> <button> <iframe> <embed> <object> <applet> <marquee> 
很多情况下，我们把 hasLayout的状态改成true 就可以解决很大部分ie下显示的bug。 
hasLayout属性不能直接设定，你只能通过设定一些特定的css属性来触发并改变 hasLayout 状态。下面列出可以触发hasLayout的一些CSS属性值。 
------------------------------------- 
display 
启动haslayout的值:inline-block 
取消hasLayout的值:其他值 
-------------------------------------- 
width/height 
启动hasLayout的值：除了auto以外的值 
取消hasLayout的值：auto 
--------------------------------------- 
position 
启动hasLayout的值：absolute 
取消hasLayout的值：static 
---------------------------------------- 
float 
启动hasLayout的值：left或right 
取消hasLayout的值：none 
--------------------------------------- 
zoom 
启动hasLayout的值：有值 
取消hasLayout的值：narmal或者空值 
（zoom是微软IE专有属性，可以触发hasLayout但不会影响页面的显示效果。zoom: 1常用来除错，不过 ie 5 对这个属性不支持。） 
---------------------------------------- 
writing-mode: tb-rl 
这也是微软专有的属性。 
ie7还有一些额外的属性可以触发该属性（不完全列表）： 
min-height: (任何值) 
max-height: (任何值除了none) 
min-width: (任何值) 
max-width: (任何值除了none) 
overflow: (任何值除了visible) 
overflow-x: (任何值除了visible) 
overflow-y: (任何值除了visible)5 
position: fixed 
因元素hasLayout而导致的问题其实一般都很容易发现：往往是内容出现错位甚至完全不可见。举一个典型例子，当一个元素内含浮动或绝对定位的内容时，它通常会表现出奇怪和错误的行为，看下面的代码： 

<div id="nofloatbox"> 
<div id="floatbox"></div> 
</div>

CSS代码如下： 

#nofloatbox { 
border: 1px solid #FF0000; 
background: #CCC; 
}   
#floatbox { 
float: left; 
width: 100px; 
height: 100px; 
border: 1px solid #0000FF; 
background: #00FF00; 
}

ie显示结果如下图： 
认识hasLayout——IE浏览器css bug的一大罪恶根源 



可见无浮动的div并没有被里面的浮动元素的高度撑开，其高度并不会自动计算。我们下面再给这个无浮动的div加上个zoom:1;来触发其hasLayout属性试试，css代码如下： 

#nofloatbox { 
border: 1px solid #FF0000; 
background: #CCC; 
zoom:1; 
}   
#floatbox { 
float: left; 
width: 100px; 
height: 100px; 
border: 1px solid #0000FF; 
background: #00FF00; 
}

保存刷新ie浏览器窗口，如下图： 

认识hasLayout——IE浏览器css bug的一大罪恶根源 

可见这次外围容器的高度被撑起来了。 
同样，设定上文所述的其他会触发hasLayout的css属性都会得到这个结果。 
通常firefox等标准的遵守浏览器可以加上overflow: hidden;来解决，而IE则不行，需要触发其hasLayout属性才可以。 
hasLayout对于内联元素也可以有效果，当内联元素的hasLayout为true的时候，可以给这个内联元素设定高度和宽度并得到期望的效果。如下例： 
代码： 

<p>今天的<span style="width: 100px; height: 50px; background: #DDD;">天气</span>真好</p>

效果如下图所示：

 

下面给span加上zoom: 1;来触发hasLayout： 

<p>今天的<span style="width: 100px; height: 50px; background: #DDD; zoom: 1;">天气</span>真好</p>

这回的效果如下图所示：

 

要注意的是，hasLayout是微软专有的东西，对firefox等比较遵守标准的浏览器就无效了，因此不可太过依赖。貌似现在的IE8就已经不用特意去触发hasLayout就可以得到和firefox一致的效果，不知ie8是否已经弃用这个属性了？ 
其实依据合理的语义化，恰当的文档流，正确的标准化所生产出来的页面，在各个公司出品的标准渲染的浏览器下，一般并不会存在太多兼容性的问题的。 
一般如果是因为layout而引起的显示不符期望效果的话，在ff下会表现正常，而在ie下会出现错误。这个时候可以尝试触发父容器及其中的子容器的haslayout属性，通常可以通过加上zoom: 1;来调试。直到找到了产生问题的元素，再进行针对性的修正。最好的办法是对这个元素设置尺寸属性。但是，有时不便指定尺寸属性的情况下，就只能寻找替代方案了。对于ie7 ，最好的办法是设置最小高度属性为0；这个技术是无害的，因为0本来就是这个属性的初始值。而且没有必要对其他浏览器隐藏这个属性。而对于ie6和更早版本中触发一个元素hasLayout的方法是在overflow属性是visible的情况下设置这个元素的高度属性为1%，然后对其他浏览器隐藏这个设置。这种技术就是著名的Holly hack。

你可能感兴趣的:(layout)

  • vue2 keep-alive不生效 Hong.1948 前端vue.js
    问题描述路由中配置keepAlive、组件name唯一、标签包裹、路由嵌套，都检查了，keep-alive还是不生效，花了我两三个小时的时间折腾原因全局搜索标签，才发现居然有人在layout--componets--AppMain.vue里写了include……骚操作代码如下：:include="['page1','page2','page3']"藏这么深的缓存写法，哎。解决方式include删掉
  • TabLayout禁止选择 此间少年_hao androidtablayout禁用选项卡tabviewtab
    项目中有个页面上面是TabLayout下面是Listview，选择TabLayout的选项卡更新下面Listview里面的数据，在请求的时候想禁用TabLayout选项卡来避免用户频繁点击选项卡造成Listview的数据错误。如果只是调用TabLayout的setClickable方法是不起作用的，需要获取到每个选项卡的tabView然后再分别设置。LinearLayouttabStrip=(Li
  • svelte笔记 艾小逗 web笔记
    svelte特性编译过程使用场景创建项目问题1：build报错基本语法响应式变量if语句for循环await加载数据Event组件通信父子组件跨组件通信storeslot插槽生命周期tickonMountonDestroySvelteKit与Svelte的区别项目结构路由+page+page.svelte+page.js/ts+error+layout+layout.sveltelayout.se
  • 硬件工程师入门与进阶全攻略 攻城狮-鹏哥 单片机单片机stm32dsp开发fpga开发51单片机mcu嵌入式硬件
    一、硬件工程师成长阶段划分（一）能力成长四象限模型（二）成长阶段对照表阶段理论要求实践技能项目经验典型岗位入门期数电模电基础万用表/示波器使用简单电路焊接硬件助理工程师成长期单片机/嵌入式系统原理图设计/PCBLayout功能模块开发初级硬件工程师成熟期高速电路设计/EMC理论信号完整性分析完整产品硬件开发资深硬件工程师专家期前沿技术跟踪系统级方案设计复杂系统架构设计硬件系统工程师二、入门阶段：夯
  • Android开发——不同布局的定位属性 与 通用属性
    目录不同布局的定位属性1.线性布局（LinearLayout）2.相对布局（RelativeLayout）3.约束布局（ConstraintLayout）4.表格布局（TableLayout）5.网格布局（GridLayout）6.帧布局（FrameLayout）7.坐标布局（AbsoluteLayout）8.滚动布局（ScrollView）9.水平滚动布局（HorizontalScrollVie
  • TI Sitara AM57x 多核SoC开发板（DSP + ARM）-性能及参数资料 Tronlong创龙 嵌入式ARM软硬件原理图规格资料平台AM5708嵌入式硬件嵌入式armfpga开发linux
    创龙科技TL570x-EVM是一款基于TISitara系列AM5708ARMCortex-A15+浮点DSPC66x处理器设计的异构多核SoC评估板，由核心板和评估底板组成。核心板经过专业的PCBLayout和高低温测试验证，稳定可靠，可满足各种工业应用环境。评估板接口资源丰富，引出双路PRU百兆网口、千兆网口、USB3.0、CAMERA、GPMC、HDMI、PCIe等接口，方便用户快速进行产品方
  • Android异步布局加载：AsyncLayoutInflater解析与实战优化 时小雨 性能优化androidkotlin
    在Android开发中，UI线程阻塞是导致应用卡顿的主要原因之一。本文将深入探讨AsyncLayoutInflater的工作原理、使用技巧和性能优化策略，帮助你解决复杂布局加载的性能瓶颈。一、为什么需要异步布局加载？当应用启动或跳转界面时，布局加载时间直接影响用户体验：主线程阻塞：XML解析和View创建是CPU密集型操作复杂布局问题：深层嵌套或大量View导致加载时间过长冷启动延迟：Activi
  • Nuxt.js学习(二) --- Nuxt目录结构详解、Nuxt常用配置项、Nuxt路由配置和参数传递... 庭前云落 前端---Nuxt.JSvuejavajavascriptreactjs
    [TOC]1、Nuxt目录结构详解Nuxt项目文件目录结构|--.nuxt//Nuxt自动生成，临时的用于编辑的文件，build|--assets//用于组织未编译的静态资源入LESS、SASS或JavaScript|--components//用于自己编写的Vue组件，比如滚动组件，日历组件，分页组件|--layouts//布局目录，用于组织应用的布局组件，不可更改。|--middleware/
  • android过渡动画 Sca_jie androidandroidnginx运维
    示例从左往右渐入渐出实现一在style文件中新建动画样式@anim/slide_in_right@anim/slide_out_left二在需要使用的地方调用这个style即可Dialogdialog=newDialog(this,android.R.style.Theme_Black_NoTitleBar_Fullscreen);dialog.setContentView(R.layout.di
  • 安卓开发实现CoordinatorLayout+AppBarLayout+TabLayout+RecycleView 悬停效果 滑动列表tabLayout定位 鸿蒙小林 安卓开发java技术支持android安卓androidstudio
    在安卓中实现CoordinatorLayout+AppBarLayout+TabLayout+RecycleView悬停效果滑动rv列表tablayout定位效果效果图在开发中要用到写个demo记录一下，有这个需求的同志也可以做个参考XmlViewprivateListlist;privateMainAdapteradapter;privateRecyclerViewrecyclerView;pr
  • android launcher3,Android Launcher3 基本功能分析 众卡之友 androidlauncher3
    AndroidLauncher3基本功能分析1,界面的布局,从上往下分别为:DeleteDropTarget(应用卸载区域,它是一个DropTarget)Workspace(页面容器,一个页面是一个CellLayout)PageIndicator(指示器,指示workspace当前位于第几个页面)Hotseat(底部图标区域)2,Launcher桌面图标的加载:LauncherApplicatio
  • Launcher3源码分析(CellLayout) pnying
    CellLayout是workspace的屏幕。CellLayout中的一些重要属性:intmCellWidth;intmCellHeight;//每一个屏幕的行列数intmCountX;//每一行的item个数intmCountY;//每一列的item个数//item之间的距离intmWidthGap;//item之间的宽度intmHeightGap;//item之间的高度构造方法publicC
  • Launcher3中的CellLayout 和ShortcutAndWidgetContainer 的联系和各自职责 CV资深专家 11_Launcher3android
    1.CellLayout（网格布局容器）/***网格布局的核心容器，负责划分单元格和管理占用状态*/publicclassCellLayoutextendsViewGroup{privateintmCellWidth=100;//单元格宽度（像素）privateintmCellHeight=100;//单元格高度privateintmCountX=4;//列数privateintmCountY=4
  • java 2 图形设计卷i awt_JAVA2图形设计卷I：AWT 源代码 zip 尹云亮 java2图形设计卷iawt
    【实例简介】JAVA2图形设计卷I：AWT源代码zip是机械工业出版社的那本书的源代码非常难得是时候拿点好的东西给大家分享了【实例截图】【核心代码】JAVA2图形设计卷I：AWT(原代码)└──SourceCode├──partFive│├──animation││├──BackingStore.class││├──BackingStore.java││├──BulletinLayout.clas
  • mcu secure boot 设计（一、Flash layout） lwz070 单片机嵌入式硬件
    Flashlayout此flash为MCU内部flash，需要硬件保护，防篡改和读取。1.PBL:为bootloader代码pbl中不支持远程升级，仅在APP中支持远程。pbl中可以支持uart和can协议升级。2.globalstate:{runflag//1:runimageA,2:runimageBImageAsecuritypassflag//1:pass,2:failImageBsecu
  • Android-Layout Inspector使用手册 每次的天空 android学习
    LayoutInspectorAndroidLayoutInspector是AndroidStudio中用于调试应用布局的工具启动方法：通过下载LayoutInspector插件，在“View-ToolWindows-LayoutInspector”或“Tools-LayoutInspector”启动。主要界面区域：ComponentTree：显示布局中视图的层次结构，帮助直观查看应用中的元素及其
  • vue3 vs asp.net mvc fyifei0558 开发语言
    package.json≈.csprojpackage-lock.json≈packages.lock.jsonvite.config.js≈Startup.cs/Program.cs/configfilesindex.html≈_Layout.cshtmlpublic/≈wwwroot/
  • Qt QML实现Windows桌面歌词动态播放效果 luoyayun361 QtQMLqtQt歌词播放效果
    前言使用Qt5.15.2，QML实现简单的歌词动态播放效果。效果图如下：注：这里只是为了演示播放效果，并未真正加载音频进行播放。可以在此基础上进行扩展。正文关键代码QML部分importQtQuick2.15importQtQuick.Window2.15importQtQuick.Controls2.15importQtQuick.Layouts1.15importLyricsPlayback1
  • Android 控件 - gravity 属性与 layout_gravity 属性 我命由我12345 Android-简化编程androidjavajava-ee安卓android-studio开发语言androidstudio
    一、gravity属性1、基本介绍gravity属性用于控制View内部的内容的对齐方式作用对象是View内部的内容，例如，文本、子View等常用值说明left水平方向左对齐right水平方向右对齐start水平方向左对齐（RTL）end水平方向右对齐（RTL）top垂直方向顶部对齐bottom垂直方向底部对齐center_horizontal水平方向居中center_vertical垂直方向居中
  • 第七节 移动端适配-视口与REM布局 泽泽爱旅行 csshtml前端css
    以下是关于移动端适配中的视口与REM布局的全面解析，结合核心原理、实现方案、应用场景及优化策略，帮助开发者深入理解并高效实现响应式设计。一、视口（Viewport）的核心概念1.视口类型布局视口（LayoutViewport）浏览器默认的视口宽度（通常为980px），用于在移动端显示PC页面，需缩放才能适应屏幕。视觉视口（VisualViewport）用户当前可见的屏幕区域，随缩放或滚动变化。理想
  • 文档处理控件Aspose.Words教程：在.NET中将多页文档转换为单个图像 CodeCraft Studio 控件文档管理AsposeAspose.Wordsword文档转换Word文档处理
    在Aspose.Wordsfor.NET25.6版本中，我们引入了一项新功能，允许您将多页文档导出为单个光栅图像。当您需要将文档作为单个可视文件共享或显示时，此功能非常有用。Aspose.Wordsfor.NET25.6的新功能在25.6版之前，将多页文档保存为图像格式（例如PNG或JPEG）只会为文档的第一页创建一张图片。现在，您可以使用新的MultiPageLayout类将所有文档页面合并为一
  • java工程师面试题大全-100%公司笔试题你都能碰到几个 javaPie
    Javaid="cproIframe_u788097_1"width="336"height="280"src="http://pos.baidu.com/acom?adn=3&at=166&aurl=&cad=1&ccd=24&cec=UTF-8&cfv=16&ch=0&col=zh-CN&conOP=0&cpa=1&dai=1&dis=0&layout_filter=rank%2Ctabclo
  • HarmonyOS NEXT仓颉开发语言实战案例：银行App harmonyos-next
    仓颉语言的商城项目基本开发结束啦，今天跟大家分享新的项目，一个银行app，说是新项目但是大家可能会有些眼熟，在ArkTS的教程中就写过这个项目。今天我们仓颉语言再写一遍，看看和ArkTS有什么不同。首先我们可以看到页面内容撑满了屏幕，所以需要设置沉浸模式，具体代码如下：windowStage.getMainWindow().setWindowLayoutFullScreen(true)接下来来到页
  • 【OpenROAD-flow-scripts安装与测试】OpenROAD Klayout yosys HNU_ZHAO gitgithubc++
    OpenROADFlow库用作使用OpenROAD工具的展示RTL-to-GDS的过程。存储库中的脚本build_openroad.sh将自动构建OpenROAD工具链。两个主要的文件夹：tools/：包含整个yosys和OpenROADApp的源代码（都通过子模块）以及流程所需的其他工具。flow/：包含通过流程运行设计的参考配置和脚本。它还包含公共平台和测试设计。这两个主要的文件夹相当重要，一
  • 【数字ic后端】- 物理验证之LVS LogicYarn lvs
    LVS：layoutversusschematic；版图和电路原理图比对确保所画版图与设计电路完全一致就是LVS工具要做的工作。检查内容：所有信号的电气连接关系是否一致器件类型尺寸是否一致LVS不是一个简中地将版图与电路原理图进行比较的过程，它需要分两步完成：抽取：根据LVS抽取规则，抽取出由版图所确定的网表文件需要注意的是，抽取的网表文件为晶体管级的SPICE网表，而电路为门级网表。因此该门级网
  • wpf3d游戏引擎ProjectLayoutView实现
    1.ProjectLayoutView.xaml.csusingPrimalEditor.Components;usingPrimalEditor.GameProject;usingPrimalEditor.Utilities;usingSystem.Windows;usingSystem.Windows.Controls;namespacePrimalEditor.Editors{//////P
  • 从ConstraintLayout到Jetpack Compose：全面掌握Android UI设计与布局技术 Android洋芋 AndroidUI设计JetpackComposeMaterialDesign3声明式UI性能优化
    简介**ConstraintLayout作为Android官方推荐的首选布局管理器，提供了灵活高效的界面构建方案，而JetpackCompose作为声明式UI框架，正在逐步改变Android开发范式。**本文将深入探讨ConstraintLayout的核心特性和优势，对比其他传统布局方式，分析MaterialDesign3Expressive设计语言的实现策略，并探索ConstraintLayou
  • AppBarLayout+ CoordinatorLayout，ViewPager2为什么不会覆盖AppBarLayout yzpyzp android
    这里的mViewPage为什么高度设置为match_parent，这不是把addBtn的布局区域都覆盖了吗？deepseek回答：我们正在分析一个Android布局文件的问题。用户的问题是：为什么mViewPage的高度设置为match_parent，这样不会覆盖addBtn的布局区域吗？首先，我们来看一下布局结构：整个布局是一个SmartRefreshLayout，里面包含一个Coordinat
  • Android Compose 约束布局（ConstraintLayout、Modifier.constrainAs）源码深度剖析(十二) Android 小码峰啊 AndroidCompose介绍android
    AndroidCompose约束布局（ConstraintLayout、Modifier.constrainAs）源码深度剖析一、引言在Android开发中，布局是构建用户界面的基础。随着Android开发技术的不断发展，JetpackCompose作为一种全新的声明式UI框架应运而生。它为开发者提供了一种更简洁、高效的方式来构建Android应用的用户界面。约束布局（ConstraintLayo
  • Linux系统之grub-mklayout详解 门前灯 linux服务器运维grub-mklayout
    grub-mklayout是GRUB工具链中的一个实用工具，用于将Linux控制台的键盘布局描述文件转换为GRUB可识别的键盘布局描述文件。该工具允许用户自定义GRUB引导菜单中的键盘输入法（如QWERTY、AZERTY、Dvorak等），以支持多语言环境下的字符输入。基本语法grub-mklayout[选项]选项说明选项描述-i/--input=FILE使用FILE作为输入文件（默认为标准输入）
  • 矩阵求逆（JAVA）初等行变换 qiuwanchi 矩阵求逆（JAVA）
    package gaodai.matrix; import gaodai.determinant.DeterminantCalculation; import java.util.ArrayList; import java.util.List; import java.util.Scanner; /** * 矩阵求逆(初等行变换) * @author 邱万迟 *
  • JDK timer antlove javajdkschedulecodetimer
    1.java.util.Timer.schedule(TimerTask task, long delay)：多长时间（毫秒）后执行任务 2.java.util.Timer.schedule(TimerTask task, Date time)：设定某个时间执行任务 3.java.util.Timer.schedule(TimerTask task, long delay,longperiod
  • JVM调优总结 -Xms -Xmx -Xmn -Xss coder_xpf jvm应用服务器
    堆大小设置JVM 中最大堆大小有三方面限制：相关操作系统的数据模型（32-bt还是64-bit）限制；系统的可用虚拟内存限制；系统的可用物理内存限制。32位系统下，一般限制在1.5G~2G；64为操作系统对内存无限制。我在Windows Server 2003 系统，3.5G物理内存，JDK5.0下测试，最大可设置为1478m。 典型设置： java -Xmx
  • JDBC连接数据库 Array_06 jdbc
    package Util; import java.sql.Connection; import java.sql.DriverManager; import java.sql.ResultSet; import java.sql.SQLException; import java.sql.Statement; public class JDBCUtil { //完
  • Unsupported major.minor version 51.0（jdk版本错误） oloz java
    java.lang.UnsupportedClassVersionError: cn/support/cache/CacheType : Unsupported major.minor version 51.0 (unable to load class cn.support.cache.CacheType) at org.apache.catalina.loader.WebappClassL
  • 用多个线程处理1个List集合 362217990 多线程threadlist集合
      昨天发了一个提问，启动5个线程将一个List中的内容，然后将5个线程的内容拼接起来，由于时间比较急迫，自己就写了一个Demo，希望对菜鸟有参考意义。。 import java.util.ArrayList; import java.util.List; import java.util.concurrent.CountDownLatch; public c
  • JSP简单访问数据库 香水浓 sqlmysqljsp
    学习使用javaBean，代码很烂，仅为留个脚印 public class DBHelper { private String driverName; private String url; private String user; private String password; private Connection connection; privat
  • Flex4中使用组件添加柱状图、饼状图等图表 AdyZhang Flex
    1.添加一个最简单的柱状图 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 <?xml version= "1.0"&n
  • Android 5.0 - ProgressBar 进度条无法展示到按钮的前面 aijuans android
    在低于SDK < 21 的版本中，ProgressBar 可以展示到按钮前面，并且为之在按钮的中间，但是切换到android 5.0后进度条ProgressBar 展示顺序变化了，按钮再前面，ProgressBar 在后面了我的xml配置文件如下：   [html]  view plain copy   <RelativeLa
  • 查询汇总的sql baalwolf sql
    select   list.listname, list.createtime,listcount from dream_list as list ,   (select listid,count(listid) as listcount  from dream_list_user  group by listid  order by count(
  • Linux du命令和df命令区别 BigBird2012 linux
            1，两者区别             du，disk usage,是通过搜索文件来计算每个文件的大小然后累加，du能看到的文件只是一些当前存在的，没有被删除的。他计算的大小就是当前他认为存在的所有文件大小的累加和。        
  • AngularJS中的$apply，用还是不用？ bijian1013 JavaScriptAngularJS$apply
            在AngularJS开发中，何时应该调用$scope.$apply()，何时不应该调用。下面我们透彻地解释这个问题。         但是首先，让我们把$apply转换成一种简化的形式。         scope.$apply就像一个懒惰的工人。它需要按照命
  • [Zookeeper学习笔记十]Zookeeper源代码分析之ClientCnxn数据序列化和反序列化 bit1129 zookeeper
    ClientCnxn是Zookeeper客户端和Zookeeper服务器端进行通信和事件通知处理的主要类，它内部包含两个类，1. SendThread 2. EventThread， SendThread负责客户端和服务器端的数据通信，也包括事件信息的传输，EventThread主要在客户端回调注册的Watchers进行通知处理   ClientCnxn构造方法   &
  • 【Java命令一】jmap bit1129 Java命令
    jmap命令的用法：   [hadoop@hadoop sbin]$ jmap Usage: jmap [option] <pid> (to connect to running process) jmap [option] <executable <core> (to connect to a
  • Apache 服务器安全防护及实战 ronin47
    此文转自IBM. Apache 服务简介 Web 服务器也称为 WWW 服务器或 HTTP 服务器 (HTTP Server)，它是 Internet 上最常见也是使用最频繁的服务器之一，Web 服务器能够为用户提供网页浏览、论坛访问等等服务。 由于用户在通过 Web 浏览器访问信息资源的过程中，无须再关心一些技术性的细节，而且界面非常友好，因而 Web 在 Internet 上一推出就得到
  • unity 3d实例化位置出现布置？ brotherlamp unity教程unityunity资料unity视频unity自学
    问：unity 3d实例化位置出现布置？ 答：实例化的同时就可以指定被实例化的物体的位置,即 position  Instantiate (original : Object, position : Vector3, rotation : Quaternion) : Object 这样你不需要再用Transform.Position了,   如果你省略了第二个参数(
  • 《重构，改善现有代码的设计》第八章 Duplicate Observed Data bylijinnan java重构
    import java.awt.Color; import java.awt.Container; import java.awt.FlowLayout; import java.awt.Label; import java.awt.TextField; import java.awt.event.FocusAdapter; import java.awt.event.FocusE
  • struts2更改struts.xml配置目录 chiangfai struts.xml
    struts2默认是读取classes目录下的配置文件，要更改配置文件目录，比如放在WEB-INF下，路径应该写成../struts.xml(非/WEB-INF/struts.xml) web.xml文件修改如下：   <filter> <filter-name>struts2</filter-name> <filter-class&g
  • redis做缓存时的一点优化 chenchao051 redishadooppipeline
            最近集群上有个job，其中需要短时间内频繁访问缓存，大概7亿多次。我这边的缓存是使用redis来做的，问题就来了。       首先，redis中存的是普通kv，没有考虑使用hash等解结构，那么以为着这个job需要访问7亿多次redis，导致效率低，且出现很多redi
  • mysql导出数据不输出标题行 daizj mysql数据导出去掉第一行去掉标题
    当想使用数据库中的某些数据，想将其导入到文件中，而想去掉第一行的标题是可以加上-N参数 如通过下面命令导出数据： mysql -uuserName -ppasswd -hhost -Pport -Ddatabase -e " select * from tableName"  > exportResult.txt 结果为： studentid
  • phpexcel导出excel表简单入门示例 dcj3sjt126com PHPExcelphpexcel
    先下载PHPEXCEL类文件，放在class目录下面，然后新建一个index.php文件，内容如下 <?php error_reporting(E_ALL); ini_set('display_errors', TRUE); ini_set('display_startup_errors', TRUE);   if (PHP_SAPI == 'cli') die('
  • 爱情格言 dcj3sjt126com 格言
     1) I love you not because of who you are, but because of who I am when I am with you. 　　 我爱你，不是因为你是一个怎样的人，而是因为我喜欢与你在一起时的感觉。 　　2) No man or woman is worth your tears, and the one who is, won‘t
  • 转 Activity 详解——Activity文档翻译 e200702084 androidUIsqlite配置管理网络应用
    activity 展现在用户面前的经常是全屏窗口，你也可以将 activity 作为浮动窗口来使用（使用设置了 windowIsFloating 的主题），或者嵌入到其他的 activity （使用 ActivityGroup ）中。 当用户离开 activity 时你可以在 onPause() 进行相应的操作 。更重要的是，用户做的任何改变都应该在该点上提交 ( 经常提交到 ContentPro
  • win7安装MongoDB服务 geeksun mongodb
    1.  下载MongoDB的windows版本：mongodb-win32-x86_64-2008plus-ssl-3.0.4.zip，Linux版本也在这里下载，下载地址： http://www.mongodb.org/downloads   2.  解压MongoDB在D:\server\mongodb, 在D:\server\mongodb下创建d
  • Javascript魔法方法:__defineGetter__,__defineSetter__ hongtoushizi js
    转载自： http://www.blackglory.me/javascript-magic-method-definegetter-definesetter/ 在javascript的类中,可以用defineGetter和defineSetter_控制成员变量的Get和Set行为 例如,在一个图书类中,我们自动为Book加上书名符号: function Book(name){
  • 错误的日期格式可能导致走nginx proxy cache时不能进行304响应 jinnianshilongnian cache
    昨天在整合某些系统的nginx配置时，出现了当使用nginx cache时无法返回304响应的情况，出问题的响应头： Content-Type:text/html; charset=gb2312 Date:Mon, 05 Jan 2015 01:58:05 GMT Expires:Mon , 05 Jan 15 02:03:00 GMT Last-Modified:Mon, 05
  • 数据源架构模式之行数据入口 home198979 PHP架构行数据入口
    注：看不懂的请勿踩，此文章非针对java，java爱好者可直接略过。   一、概念 行数据入口（Row Data Gateway）：充当数据源中单条记录入口的对象，每行一个实例。   二、简单实现行数据入口 为了方便理解，还是先简单实现： <?php /** * 行数据入口类 */ class OrderGateway { /*定义元数
  • Linux各个目录的作用及内容 pda158 linux脚本
    1）根目录“/” 　　根目录位于目录结构的最顶层，用斜线（/）表示，类似于 Windows 操作系统的“C:\“，包含Fedora操作系统中所有的目录和文件。 　　2）/bin 　　/bin 　　目录又称为二进制目录，包含了那些供系统管理员和普通用户使用的重要 linux命令的二进制映像。该目录存放的内容包括各种可执行文件，还有某些可执行文件的符号连接。常用的命令有：cp、d
  • ubuntu12.04上编译openjdk7 ol_beta HotSpotjvmjdkOpenJDK
    获取源码 从openjdk代码仓库获取(比较慢) 安装mercurial Mercurial是一个版本管理工具。 sudo apt-get install mercurial 将以下内容添加到$HOME/.hgrc文件中，如果没有则自己创建一个： [extensions] forest=/home/lichengwu/hgforest-crew/forest.py fe
  • 将数据库字段转换成设计文档所需的字段 vipbooks 设计模式工作正则表达式
            哈哈，出差这么久终于回来了，回家的感觉真好！         PowerDesigner的物理数据库一出来，设计文档中要改的字段就多得不计其数，如果要把PowerDesigner中的字段一个个Copy到设计文档中，那将会是一件非常痛苦的事情。
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他