张张张啊
张张张啊

子Div脱离文档流后怎么撑开父Div

以下几种方法在不重复使用的情况下实验的

1. 给父元素设置宽高
2. 添加after伪类.clearfix

   .clearfix::after{
       content:'';
       display:block;
       clear:both;
   }

3.   给父元素设置padding也可以，但是会影响子元素的位置

4.   给父元素设置 overflow:hidden 或者 auto;

5.   因为浮动而脱离文档流的情况下，在父容器的底部加一个额外的标签，令其清除浮动，兼容性好

 或者


6.只给父元素加display:table;这种方法对float情况有用，对因定位而脱离文档流没有用；


<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Documenttitle>
    <style>
        *{
            margin: 0;
            padding: 0;
        }
        #div1{
            background-color: yellow;
            /*display: table;*/          
            position: relative;
        }
        #div2{
            width: 200px;
            height: 200px;
            background-color: coral;
            margin: 100px;
        }
        #div3{
            width: 200px;
            height: 200px;
            background-color: greenyellow;  
        }
    style>
head>
<body>
<div id="div1">
    <div id="div2">div>
    <div id="div3">div>
div>

body>
html>
 此时，div2有margin，效果如图

子Div脱离文档流后怎么撑开父Div_第1张图片

加上display:table后，效果如图（为什么呢？？是因为相当于一个表格，所以默认的从左上角开始？）

子Div脱离文档流后怎么撑开父Div_第2张图片

以上两种情况父div的宽度也不同
不脱离文档流的情况下，当把两个子div都加上display:table-cell;之后，如图

子Div脱离文档流后怎么撑开父Div_第3张图片

浮动的情况下，再设置table-cell效果，也是没有用的，下图；  定位的时候table-cell也是没有效果

子Div脱离文档流后怎么撑开父Div_第4张图片

     想一想，查一查基本就这几种情况，以后练习发现问题再来更新。

你可能感兴趣的:(css)

  • JavaScript 番茄工作法倒计时器：轻松实现时间管理，新手友好教程前端倒计时设计案例：用 JavaScript 实现番茄工作法，代码全解析从零开始构建番茄工作法倒计时器：JavaScript 南北极之间 前端进阶练手实战javascript前端开发语言1024程序员节番茄工作法倒计时
    效果图：博客教程：用JavaScript构建番茄工作法倒计时器目录项目介绍工具与环境准备项目结构HTML构建页面结构CSS美化倒计时页面JavaScript实现倒计时与番茄工作法功能总结1.项目介绍在本教程中，我们将使用HTML、CSS和JavaScript创建一个带有番茄工作法的倒计时器。番茄工作法是一种有效的时间管理方法，将工作时间分为25分钟的工作时间和5分钟的休息时间循环。你将学习如何：使
  • INX246 HTML CSS PHP 后端
    GroupProject2/2024INX246ADVANCEDCOMPUTERPROGRAMMINGFORMODERNMANAGEMENTProjectOverviewGroupproject:3-4memberspergroupDevelopawebsitewithdatabaseandagroupreportProjectsubmissionandpresentation(on-sit
  • CSS 真的会阻塞文档解析吗？从浏览器渲染原理深入探究一下 银之夏雪 css前端浏览器浏览器渲染
    在网页开发领域，一个常见的疑问是CSS是否会阻塞文档解析。理解这一问题对于优化网页性能、提升用户体验至关重要。要深入解答这个问题，需要从浏览器渲染网页的原理说起。浏览器渲染网页的基本流程浏览器在接收到HTML文档后，会依次进行以下几个主要步骤：解析HTML：浏览器从网络或本地获取HTML文件，然后开始解析，将HTML代码转换为DOM（DocumentObjectModel，文档对象模型）树。DOM
  • CSS对DOM解析的阻塞作用 MggnHaskell css前端DOM
    CSS（层叠样式表）是用于定义网页元素外观和样式的语言。它与HTML（超文本标记语言）一起构成了Web页面的核心构建块。在浏览器渲染页面时，DOM（文档对象模型）树的构建和渲染是一个重要的过程。在这个过程中，CSS可能会对DOM解析产生一定的阻塞作用。当浏览器解析HTML文档时，它会构建DOM树，这是一个表示文档结构的树形结构。这个过程是逐步进行的，浏览器从上到下逐行读取HTML文档，并将每个元素
  • 射频学习之HFSS入门（一） OKay_J 学习经验分享笔记
    HFSS下载与介绍下载介绍基本概念特点工作流程优势下载我下载的版本是ANSYSElectromagneticsSuite2023R1通过这篇文章下载，教程非常详细介绍基本概念HFSS(High-FrequencyStructureSimulator)是由ANSYS开发的一个专业的电磁场仿真软件，广泛用于高频电子工程中的电磁场分析。它主要用于设计和优化电磁设备，如天线、微波元件、射频(RF)设备等，
  • CSS实现一张简易的贺卡 StarPlatinum2 简单的CSS程序css前端
    效果当你把鼠标移至贺卡上时，贺卡会缓慢打开。代码如下Document*{margin:0;padding:0;box-sizing:border-box;}body{display:flex;justify-content:center;align-items:center;width:100vw;height:100vh;background:#2e3c50;}.card{width:300px
  • 小程序高度问题&背景scss 澄江静如练_ 小程序java前端
    不同的机型，他的比例啥的都会不一样，同样的rpx也会有不同的效果。所以这里选择了取消高度。还有提供一种背景显示区域的css.background_img{/*background-image:url("https://test-1309061343.cos.ap-nanjing.myqcloud.com/temp/2025/01/06/ed2d3320c3e14f8abb061faaec5081c
  • CSE 6242 / CX 4242: Data and Visual Analytics 后端
    CSE6242/CX4242:DataandVisualAnalyticsSpring2025HW2:Tableau,D3Graphs,andVisualization"Visualizationgivesyouanswerstoquestionsyoudidn'tknowyouhave"-BenSchneidermanDownloadtheHW2SkeletonbeforeyoubeginHom
  • 项目实战--网页五子棋（游戏大厅）(3) Ting-yu javamavenjava-eeintellij-idea
    我们的游戏大厅界面主要需要包含两个功能，一是显示用户信息，二是匹配游戏按钮1.页面实现hall.html游戏大厅五子棋开始匹配hall.css.container{height:calc(100%-50px);display:flex;justify-content:center;align-items:center;}.container.dialog{height:350px;width:29
  • tailwindcss 官网（一）安装、使用预处理器 ChrisP3616 前端工程师1——汇总前端工程师6——CSS预处理CSS框架react.jsnode.jscsstailwindcss
    tailwindcss官网（一）安装、使用预处理器文章目录tailwindcss官网（一）安装、使用预处理器1.安装集成指南以PostCSS插件的形式安装TailwindCSS通过npm安装Tailwind作为PostCSS插件来添加Tailwind创建您的配置文件包含Tailwind到您的CSS中生成您的CSS不依赖PostCSS使用Tailwind使用自定义CSS文件自定义您的配置为生产而构建
  • HTML+JS+CSS 鼠标上下移动页面（非滚动条） 一念工作室 htmljavascriptcss
    HTML+JS+CSS鼠标上下移动页面（非滚动条）MouseDragScroll-IE11Compatiblebody{height:2000px;/*为了方便测试滚动效果，设置一个较长的页面*//*使用自定义的鼠标指针图片，这里假设图片名为grab.cur*/cursor:url('file:///C:/grab.cur'),default;}/*定义按下鼠标左键时的鼠标指针样式*/body.d
  • 第五章：工程化实践 - 第一节 - Tailwind CSS 与前端框架的集成 qianmoQ TailwindCSS：现代化开发实战指南css前端框架前端
    TailwindCSS可以与各种现代前端框架完美配合。本节将详细介绍如何将TailwindCSS集成到React、Vue和Angular等主流框架中，并介绍相关的最佳实践。React集成基础配置#创建React项目npxcreate-react-appmy-app--templatetypescript#安装TailwindCSSnpminstall-Dtailwindcsspostcssauto
  • 第三章：css知识点总结 java_大队长 css前端
    样式选择器执行级别选择器名称执行级别效果示列使用示列行内样式第一级别我是行内样式我是行内样式ID选择器小于行内样式ID选择器样式ID选择器样式#pid{color:red;}class类名选择器小于ID选择器样式class类名选择器class类名选择器.pid{color:red;}注意：style在在富文本里不生效，需要在html页面测试效果外部样式和内部样式的执行级别在同一个html里面有一个
  • 网络安全入门教程（非常详细）从零基础入门到精通，看完这一篇就够了 白帽黑客坤哥 web安全安全网络安全转行python白帽黑客linux
    href="https://csdnimg.cn/release/blogv2/dist/mdeditor/css/editerView/kdoc_html_views-1a98987dfd.css"rel="stylesheet"/>href="https://csdnimg.cn/release/blogv2/dist/mdeditor/css/editerView/ck_htmledit_v
  • Css3重点知识讲解 Warren98 css3前端css笔记学习开发语言html5
    选择器优先级：id选择器>类选择器>标签选择器类选择器：.myClass{color:blue;}id选择器（全局唯一）：#myId{color:green;}标签选择器：p{color:red;}层次选择器：/*后代选择器AB*/.nava{color:blue;}/*子选择器A>B*/.card>h2{color:red;}/*相邻兄弟选择器A+B（相邻向下）*/h1+p{font-size:
  • vue3 图片预览 v-viewer 情话丫 vue
    vue3图片预览v-viewer百度没找到方法，自己看了源码发现的//添加依赖npminstallv-viewer//在main.js中注册import'viewerjs/dist/viewer.css';//引入样式importViewerfrom'v-viewer';//引入v-viewer组件constapp=createApp(App);Viewer.install(app)//在页面中使
  • Flask应用开发综合示例——博客系统 Botiway FlaskWebpythonflask
    下面是一个与前面不同的综合示例，展示如何使用Python+Flask+HTML+CSS+JavaScript+jQuery+Bootstrap+SQLAlchemy开发一个简单的博客系统。用户可以注册、登录、发布博客、查看博客列表以及删除自己的博客。1.项目结构blog_system/│├──app.py#Flask应用主文件├──models.py#SQLAlchemy模型定义├──requir
  • 一分钟搭建 Vite + Cesium 开发环境
    ⚠2021年4月1日更新：10秒钟搭建Vite+Cesium开发环境创建目录mkdircesium-vite-testcdcesium-vite-test/创建package.jsonyarninit-y安装依赖yarnadd-Dcesiumvitevite-plugin-cesium由于Cesium不是一个普通的npm包，需要依赖一些css，图片，json啥的。我们要参考Cesium官方的web
  • 2025：前端开发真的结束了吗，还是刚刚起步？ @大迁世界
    想象一下：你花了几年时间精通JavaScript、CSS，并与后端API亲密互动。然后有一天，你在LinkedIn上看到一条帖子写道：“前端开发死了！AI和无代码工具已经接管！”你的心跳一瞬间加速。是不是该换个职业了？或许去做个咖啡师？（至少咖啡的需求永远不会消失。）别急着慌张，我们先冷静分析一下。前端开发真的结束了吗，还是它仅仅在发生变化？接下来，我们来探讨一下这个话题。AI正在取代我们的工作随
  • 钉钉小程序-三级联动选择地区组件 似月是你 前端小程序
    钉钉小程序三级联动上次发布的钉钉小程序三级联动，在真机上测试不管用，自己写了个组件1.select.axml=index}}"data-type="{{index}}"onTap="nav_typ">{{item.text}}{{item.name}}2.select.acss.scroll-item{
  • 掌握这个API，让你的网页展示效果提升10倍
    Hey,我是沉浸式趣谈本文首发于【沉浸式趣谈】，我的个人博客https://yaolifeng.com也同步更新。转载请在文章开头注明出处和版权信息。如果本文对您有所帮助，请点赞、评论、转发，支持一下，谢谢！如何原生实现让任意div全屏展示最近在做一个项目，需要实现点击按钮让某个div全屏展示的功能。第一反应是用CSS设置position:fixed加上宽高100%，但这样并不是真正的全屏，因为浏
  • DOCTYPE的作用 捂風鋔笶_小欣同學 前端vue.jsjavascripthtml
    在HTML中，声明（也称为文档类型声明）是一个必要的元素，它位于HTML文档的第一行，用来告知浏览器当前文档使用的HTML版本或规范。下面详细介绍它的作用：1.触发标准模式渲染现代浏览器有两种渲染模式：标准模式（也称为严格模式）和怪异模式（也称为混杂模式）。标准模式：浏览器按照HTML和CSS规范来解析和渲染页面，保证页面在不同浏览器中的显示效果尽可能一致。当文档中包含正确的声明时，浏览器会以标准
  • CSS 真的会阻塞文档解析吗？从浏览器渲染原理深入探究一下
    在网页开发领域，一个常见的疑问是CSS是否会阻塞文档解析。理解这一问题对于优化网页性能、提升用户体验至关重要。要深入解答这个问题，需要从浏览器渲染网页的原理说起。浏览器渲染网页的基本流程浏览器在接收到HTML文档后，会依次进行以下几个主要步骤：解析HTML：浏览器从网络或本地获取HTML文件，然后开始解析，将HTML代码转换为DOM（DocumentObjectModel，文档对象模型）树。DOM
  • 《VUE+Django：电商独立站打造详解》1.1 为什么需要前后端分离的架构 尘烟生活家 电商独立站打造教程架构前端uidjangovue.js
    《VUE+Django：电商独立站打造详解》引子《VUE+Django：电商独立站打造详解》专栏大纲前后端分离的开发模式是伴随着互联网软件开发的发展而形成的。早期的互联网应用页面简单、处理逻辑简单、数据处理流程简单，整体侧重于服务端（后端）功能的实现，而前端主要是按照UI设计完成HTML静态页面模板，辅助少量的CSS和JS脚本。以当时后端流行的开发语言PHP为例，通过模板引擎直接把代码嵌入到HTM
  • public or static包下的 html 丢了（404）？ 你快回来！ 我一人承受不来 barcke html前端java学习spring
    没想到吧，我把html还是放到了jar包中～环境：SpringBoot版本2.XJava版本1.8.0及以上问题：publicorstatic包下的html丢了（404）？话不多说先上图我的目录结构是这样的src└──main└──java└──com└──example└──demo└──DemoApplication.java└──resources└──public├──css│└──mai
  • Nginx：功能和工作原理详解 AnHaskell nginx运维后端开发
    Nginx是一款常用的高性能、可靠性强的开源Web服务器软件。它的名字是“EngineX”的缩写，旨在提供快速、高效的HTTP服务和反向代理功能。本文将详细介绍Nginx的功能和工作原理，并提供相应的源代码示例。一、Nginx的功能Nginx具有以下几个主要功能：静态文件服务：Nginx可以直接处理静态文件的请求，如HTML、CSS、JavaScript和图像文件等。它通过高效的文件传输机制，能够
  • 【2025年】全国CTF夺旗赛-从零基础入门到竞赛，看这一篇就稳了！ 网安詹姆斯 web安全CTF网络安全大赛pythonlinux
    【2025年】全国CTF夺旗赛-从零基础入门到竞赛，看这一篇就稳了！基于入门网络安全/黑客打造的：黑客&网络安全入门&进阶学习资源包目录一、CTF简介二、CTF竞赛模式三、CTF各大题型简介四、CTF学习路线4.1、初期1、html+css+js（2-3天）2、apache+php（4-5天）3、mysql（2-3天）4、python(2-3天)5、burpsuite（1-2天）4.2、中期1、S
  • 第一章：认识Tailwind CSS - 第四节 - Tailwind CSS 与其他 CSS 方案的对比
    主流CSS方案概览1.传统CSS/*传统CSS*/.button{background-color:#3490dc;padding:0.5rem1rem;border-radius:0.25rem;color:white;}2.CSSModules/*Button.module.css*/.button{background-color:#3490dc;padding:0.5rem1rem;bor
  • nodejs：express + js-mdict 作为后端，vue 3 + vite 作为前端，在线查询英汉词典 belldeep nodejsweb服务nodejsexpressjs-mdictvuevite
    向doubao.com/chat/提问：node.js+js-mdict作为后端，vue3+vite作为前端，编写在线查询英汉词典后端部分（express+js-mdict）1.项目结构首先，创建一个项目目录，结构如下：cd\jsmkdirmydict-appmydict-app/├──public/│├──index.html│├──styles.css│└──script.js├──serve
  • 利用flex来布局顶部菜单栏 学习做游戏中 css3flex
    安装vscode插件csspeek：快速定位到css定义的位置微软的livepreview替换liveserver因为这个好像不支持utf8前置css知识span标签是一个行内容器，用于标记文本的一部分，或文档的一部分。它与div非常相似，但div是块级元素，而span是行内元素。p段落标签，可设置line-height属性text-align设置块元素或者单元格框的行内内容的水平对齐。这意味着其
  • 矩阵求逆（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其他