holiday1123
holiday1123

DIV+CSS自适应布局

自适应布局分两类：高度和宽度，方法有很多，我用三列布局举例，我就列几个通俗易懂的例子呗，懂了三列的，两列的原理一样，呵呵哒。

效果图如下：高度自适应——宽度自适应

DIV+CSS自适应布局_第1张图片          

1,高度自适应布局

      原理就是把每个模块设置为绝对定位，然后设置中间自适应的模块的top和bottom属性的值分别为头部模块和底部模块的高，然后中间模块的高度就自适应了。代码如下：

html代码：

 

<body>
        <div class="top">
            120px
        </div>
        <div class="main">
            自适应
        </div>
        <div class="bottom">
            120px
        </div>
</body>

 

css代码：

.top{
    width: 100%;
    height: 120px;
    position: absolute;
    background-color: greenyellow;
    
}
.main{
    position: absolute;
    width: 100%;
    top: 120px;
    bottom: 120px;
    background-color: azure;
    height: auto;
}
.bottom{
    position: absolute;
    bottom: 0;//别漏了
    width: 100%;
    height: 120px;
    background-color:greenyellow ;
}

 

2,宽度自适应，有三种方法，分别是用绝对定位；利用margin，中间模块先渲染；自身浮动。

a，用绝对定位来设置宽度自适应布局，原理：针对自适应模块使用绝对定位，在把left和right设置为左右两列的宽，其实原理和高度自适应一样，另外左右两列分别左右浮动。

    html代码：

<body>
        <div class="left">
            200px
        </div>
        <div class="main">
            自适应
        </div>
        <div class="right">
            200px
        </div>
</body>

  css代码：

html,
body {
    margin: 0;
    height: 100%;
    padding: 0;
    font-size: 30px;
    font-weight: 500;
    text-align: center;
}

.left,
.right {
    width: 200px;
    display: inline;
    height: 100%;
    background-color: greenyellow;
}

.left {
    float: left;
}

.right {
    float: right;
}

.main {
    position: absolute;
    left: 200px;
    right: 200px;
    height: 100%;
    background-color: azure;
    display: inline;
}

b，中间一列优先渲染的自适应三列布局，优先渲染（加载）的关键：内容在html里面必须放在前面。自适应的div必须放在left和right前面且包含在一个父div里。父div，left和right模块都向左浮动，然后对自适应的div（就是父div里的子div）设置margin：0 200px，然后对left的margin-left的属性值设置为100%的负数，就是margin-left：-100%；对right的margin-left的属性值设置为自身宽度的负数，就是margin-left：-200px。

注意：自适应的div必须放在left和right前面且包含在一个父div里。

html代码：

<body>
        <div class="main"> <!--看清楚，这里用一个父div包住-->
            <div class="content">
                自适应
            </div>
        </div>
        <div class="left">
            200px
        </div>
        <div class="right">
            200px
        </div>
</body>

css代码：

html,
body {
    margin: 0;
    height: 100%;
    padding: 0;
    font-size: 30px;
    font-weight: 500;
    text-align: center;
}

.main {
    width: 100%;
    height: 100%;
    float: left;
}

.main .content {
    margin: 0 200px;
    background-color: azure;
    height: 100%;
}

.left,
.right {
    width: 200px;
    height: 100%;
    float: left;
    background-color: greenyellow;
}

.left {
    margin-left: -100%; //important
}

.right {
    margin-left: -200px; //important
}

c，自身浮动，原理：中间列设置margin属性，就是把左右列分别左右浮动。注意：使用这个方法布局自适应的话，必须把自适应的那一列在html中放在left和right后面。

html代码：

<body>        
        <div class="left">
            200px
        </div>
        <div class="right">
            200px
        </div>
        <div class="main">
            自适应
        </div>
</body>

css代码：

html,
body {
    margin: 0;
    height: 100%;
    padding: 0;
    font-size: 30px;
    font-weight: 500;
    text-align: center;
}
.main {
    margin: 0 200px;
    height: 100%;
    background-color: azure;
}
.left,
.right {
    width: 200px;
    height: 100%;
    background-color: greenyellow;
}
.left {
    float: left;
}
.right {
    float: right;
}

 

你可能感兴趣的:(DIV+CSS自适应布局)

  • 基于HTML的邮件发送状态查询界面设计示例 大霸王龙 html前端javascript
    以下是一个基于HTML的邮件发送状态查询界面设计示例，结合筛选功能、状态展示和重新发送操作，采用Bootstrap框架实现响应式布局：邮件发送状态监控系统.status-badge{padding:4px8px;border-radius:12px;font-size:0.9em;}.success{background-color:#d4edda;color:#155724;}.failed{b
  • 基于变分推理与 Best‑of‑N 策略的元 Prompt 自动生成与优化框架 由数入道 提示词工程提示词人工智能
    摘要本文提出了一种融合变分推理与Best‑of‑N策略的元Prompt自动生成与优化框架，通过高度参数化的模板、随机扰动采样及多指标评分机制，实现从初始提示生成到最终输出的动态优化。同时，针对实际应用中对自适应参数调整、深层语义理解、多模态融合、用户反馈闭环等需求，文章在未来扩展方向中提出了详细建议，并在代码中预留了相应接口。实验评估与讨论表明，该框架具备较高的灵活性、扩展性和实用性，为自然语言生
  • uniapp css grid布局 —Qeyser 微信小程序uni-appHtmlcss前端uniapp
    html代码{{item}}css代码.view-list{width:100%;margin-top:40rpx;margin-bottom:40rpx;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);;gap:30rpx;}.view-item{width:100%;height
  • Android从零开始搭建MVVM架构（1），企业级项目实战讲解 m0_64603776 程序员面试android移动开发
    type=“com.lihang.databindinglover.User”/>Activity里的使用都是非常简单的，如果有不明白，稍后放出链接。这里还有特殊功能，比如我们再布局预览页面。通常会使用**tools:text=“中间的”**来预览布局，这个时候可以通过使用default的时候，即使是studio3.5里，也不提示，不过不影响。还有一点，在DataBinding里，已经处理了nul
  • Android项目实战搭建 MVVM架构 le161616 android架构
    View层具体代码：activity:/***@description:*普通Activity基类，不带ViewModel,显示基本加载状态*需要获取到子类的布局id用于databinding的绑定*@authorYLChen*@date2024/9/421:34*@version1.0*/abstractclassBaseActivity(@LayoutReslayoutID:Int):AppC
  • 211.HarmonyOS NEXT系列教程之 TabsRaisedCircle组件核心实现解析 harmonyos-next
    温馨提示：本篇博客的详细代码已发布到git:https://gitcode.com/nutpi/HarmonyosNext可以下载运行哦！HarmonyOSNEXT系列教程之TabsRaisedCircle组件核心实现解析本文将详细解析TabsRaisedCircle组件的核心实现，包括状态管理、布局结构和交互处理。效果演示1.组件状态定义@ComponentexportstructTabsRai
  • 1011 World Cup Betting 理智的灰太狼 pta英文题算法c++数据结构
    1011WorldCupBetting分数20全屏浏览切换布局作者CHEN,Yue单位浙江大学Withthe2010FIFAWorldCuprunning,footballfanstheworldoverwerebecomingincreasinglyexcitedasthebestplayersfromthebestteamsdoingbattlesfortheWorldCuptrophyinS
  • L2-007 家庭房产（并查集&结构体） 理智的灰太狼 pta天梯赛2级题算法数据结构
    1.题目L2-007家庭房产分数25全屏浏览切换布局作者陈越单位浙江大学给定每个人的家庭成员和其自己名下的房产，请你统计出每个家庭的人口数、人均房产面积及房产套数。输入格式：输入第一行给出一个正整数N（≤1000），随后N行，每行按下列格式给出一个人的房产：编号父母k孩子1...孩子k房产套数总面积其中编号是每个人独有的一个4位数的编号；父和母分别是该编号对应的这个人的父母的编号（如果已经过世，则
  • 存储区域网络（SAN）管理 ManageEngine卓豪 网络监控存储监控存储监控SAN存储区域网络
    存储区域网络（StorageAreaNetwork，SAN）采用网状通道（FibreChannel，简称FC）技术，通过FC交换机连接存储阵列和服务器主机，建立专用于数据存储的区域网络。SAN提供了一种与现有LAN连接的简易方法，并且通过同一物理通道支持广泛使用的SCSI和IP协议。SAN不受现今主流的、基于SCSI存储结构的布局限制。特别重要的是，随着存储容量的爆炸性增长，SAN允许企业独立地增
  • 视频前后景分离 冬停 OpenCV音视频opencv
    1.前后景分离与背景减除法简介前后景分离是一种视频处理技术，用于将运动物体（前景）与静态背景分开。背景减除法通过建立背景模型，检测出与背景不符的区域，从而提取前景。混合高斯模型（MOG）是一种常用的背景减除方法，它通过为每个像素建立多个高斯分布模型，自适应地处理光照变化和阴影。2.API详解：cv2.bgsegm.createBackgroundSubtractorMOG()OpenCV提供了cv
  • 避坑：海康sdk，任意组件改变字体大小情况下不能正常显示 大象荒野 笔记嵌入式QT开发qtc++
    情况记录看看这个布局，左边一个QFrame通过海康的sdk显示摄像头预览画面。右边一个QFrame+QFrame嵌套。跑出来效果，海康摄像头一片黑，不能正常显示。最后发现，是更改了任意组件的字体大小。导致SDK预览显示不正常！！！在ui界面调整过一次字体大小,SDK显示就黑屏再改回去也没用，必须把改过字体大小的组件删掉重新放置才行解决方案具体原因暂时不明。
  • 24、web前端开发之CSS3（一） 跟着汪老师学编程 前端css3css
    CSS3详细讲义目录CSS3简介CSS3核心特性选择器盒模型背景与边框文本样式颜色与透明度过渡与动画变换弹性盒布局网格布局媒体查询多列布局字体与排版装饰与效果性能优化新特性与兼容性CSS3实践示例总结一、CSS3简介CSS3（CascadingStyleSheets,Level3）是CSS技术的最新版本，旨在通过引入新的功能和改进，提升Web开发的效率和网页的视觉效果。CSS3是模块化的，每个模块
  • 3ds Max 卡通小房子制作全解析：从构思到成品 杨正美 3d图形渲染3dsmax
    在3dsMax中创建一个卡通风格的小房子，是一个充满创意与挑战的过程。无论是对于动画场景设计、游戏关卡搭建，还是建筑概念可视化，都具有极高的实用价值。本文将详细介绍其制作思路。一、前期规划与准备在开启3dsMax软件之前，我们需要对卡通小房子的整体风格、尺寸、色彩基调以及功能布局有一个初步的构思。可以通过手绘草图或者收集参考图片来确定小房子的外形特征，如屋顶的形状、墙体的比例、门窗的位置与样式等。
  • CSS多设备兼容-媒体查询以及在SCSS中的应用！
    CSS媒体查询为你提供了一种应用CSS的方法，仅在浏览器和设备的环境与你指定的规则相匹配的时候CSS才会真的被应用，例如“视口宽于480像素”的时候。我们可以利用媒体查询来实现响应式布局，适应各种设备(pc、ipad、phone)视口大小。媒体查询参考：媒体查询媒体查询的类型有一下4种：类型说明all默认值，所有设备（可省略不写）print打印设备(用于打印机和打印预览）screen用于电脑屏幕，
  • 鸿蒙特效教程08-幸运大转盘抽奖
    鸿蒙特效教程08-幸运大转盘抽奖本教程将带领大家从零开始，一步步实现一个完整的转盘抽奖效果，包括界面布局、Canvas绘制、动画效果和抽奖逻辑等。1.需求分析与整体设计温馨提醒：本案例有一定难度，建议先收藏起来。在开始编码前，让我们先明确转盘抽奖的基本需求：展示一个可旋转的奖品转盘转盘上有多个奖品区域，每个区域有不同的颜色和奖品名称点击"开始抽奖"按钮后，转盘开始旋转转盘停止后，指针指向的位置即为
  • 鸿蒙特效教程03-水波纹动画效果
    鸿蒙特效教程03-水波纹动画效果本教程适合HarmonyOS初学者，通过简单到复杂的步骤，一步步实现漂亮的水波纹动画效果。最终效果预览我们将实现以下功能：点击屏幕任意位置，在点击处生成一个水波纹触摸并滑动屏幕，波纹会实时跟随手指位置生成波纹从小到大扩散，同时逐渐消失波纹颜色随机变化，增加视觉多样性一、创建基础布局首先，我们需要创建一个基础页面布局。这个布局包含一个占满屏幕的区域，用于展示水波纹动画
  • 鸿蒙特效教程06-可拖拽网格实现教程
    鸿蒙特效教程06-可拖拽网格实现教程本教程适合HarmonyOSNext初学者，通过简单到复杂的步骤，一步步实现类似桌面APP中的可拖拽编辑效果。效果预览我们要实现的效果是一个Grid网格布局，用户可以通过长按并拖动来调整应用图标的位置顺序。拖拽完成后，底部会显示当前的排序结果。实现步骤步骤一：创建基本结构和数据模型首先，我们需要创建一个基本的页面结构和数据模型。我们将定义一个应用名称数组和一个对
  • CSS 尺寸 (Dimension) wjs2024 开发语言
    CSS尺寸(Dimension)在网页设计中，CSS（层叠样式表）的尺寸属性是控制元素大小和位置的关键。本文将详细介绍CSS尺寸相关的概念、属性及其应用。1.CSS尺寸概述CSS尺寸主要包括宽度和高度，这些属性可以应用于各种HTML元素，如div、p、img等。通过合理设置尺寸，可以使网页布局更加美观、合理。2.CSS宽度和高度属性2.1宽度（Width）宽度属性用于设置元素的宽度。以下是一些常用
  • STM32F103C8T6芯片引脚定义及功能介绍 AI_Guru人工智能 stm32单片机嵌入式硬件
    引言STM32F103C8T6是STMicroelectronics公司推出的一款基于ARMCortex-M3内核的微控制器，广泛应用于嵌入式系统设计中。本文将详细介绍STM32F103C8T6的引脚定义和功能，以及如何通过代码示例来操作这些引脚。1.引脚图片与定义图STM32F103C8T6芯片的引脚布局紧凑，具有多种功能。以下是该芯片的引脚图片和定义图，以帮助读者直观地了解其布局。2.引脚功能
  • 《深度剖析Android 12 SystemUI锁屏通知布局亮屏流程：从源码到实现》 KdanMin 【高通Android系统开发系列】android
    优化后文章结构：1.前言强调锁屏通知布局的重要性及分析目的，引出后续源码分析的必要性。2.核心类解析KeyguardViewMediator：锁屏核心逻辑控制，处理亮屏/息屏事件分发。PhoneWindowManager：系统输入事件（如电源键）的入口，触发屏幕状态切换。KeyguardServiceDelegate：桥接系统服务与Keyguard核心逻辑，代理关键生命周期回调。3.核心流程分析3
  • 低代码配置式Web组态解析 html组态 低代码前端组态web组态物联网自动化运维
    低代码配置式Web组态技术通过可视化操作和预置组件库，大幅降低开发门槛，适用于工业控制、物联网监控、数据可视化等场景。以下是综合行业实践和产品特性的分析：‌一、核心功能与优势‌‌可视化编辑与拖拽布局‌提供图形化编辑器，支持拖拽组件（如按钮、图表、传感器图标）搭建界面，无需手动编写前端代码‌。支持自定义图库上传，灵活适配不同行业场景（如化工设备、能源监控）‌。‌实时数据绑定与动态交互‌通过Webso
  • flutter-实现瀑布流布局及下拉刷新上拉加载更多 冲浪的鹏多多 Flutterflutter
    文章目录1.效果预览2.结构分析3.完整代码4.总结1.效果预览在Flutter应用开发中，瀑布流布局常用于展示图片、商品列表等需要以不规则但整齐排列的内容。同时，下拉刷新和上拉加载更多功能，能够极大提升用户体验，让用户方便地获取最新和更多的数据。预览图如下：2.结构分析先安装依赖插件#瀑布流布局：https://pub.dev/packages/waterfall_flowwaterfall_f
  • VR/AR 中的空间感知与交互技术创新 算法探索者 vrar
    一、引言虚拟现实（VR）和增强现实（AR）技术近年来取得了显著进展，正逐步渗透到多个领域，从娱乐、教育到医疗、工业设计等。这些技术的核心在于创造沉浸式体验，而实现这一目标的关键是精确的空间感知以及自然、高效的交互技术。空间感知让用户能够在虚拟或增强的环境中准确理解自身位置和周围空间布局，交互技术则赋予用户与这些环境进行互动的能力，两者的结合极大地提升了用户体验的真实感和沉浸感。二、VR/AR中的空
  • Android Compose 基础布局之 Box 和 Stack 源码深度剖析(九) &有梦想的咸鱼& Android开发大全AndroiodCompose原理android
    AndroidCompose基础布局之Box和Stack源码深度剖析一、引言1.1Android开发中布局的重要性在Android应用开发里，布局是构建用户界面（UI）的关键环节。良好的布局设计能够提升用户体验，使应用界面更加美观、易用且具有一致性。早期的Android开发使用XML进行布局，这种方式虽然直观，但在处理复杂布局和动态变化时显得繁琐，代码的可读性和可维护性也较差。1.2Jetpack
  • node-red dashboard sanzk node-red
    安装：npminstallnode-red-dashboard访问：http://127.0.0.1:1880/ui1.创建一个新的Dashboard页面:在Node-RED编辑器中，拖动一个ui_dashboard节点到工作区，并将其连接到你的数据流。2.配置Dashboard节点:双击ui_dashboard节点，配置页面的标题、布局和其他属性。3.添加其他Dashboard组件:你可以添加其
  • 算力网络战略布局与数字未来演进 智能计算研究中心 其他
    内容概要算力网络作为数字经济发展的核心基础设施，正通过技术融合与场景创新重构全球竞争格局。当前，算力网络战略布局聚焦三大维度：异构计算架构优化、边缘-云端协同调度以及量子计算前瞻部署，形成覆盖“云-边-端”的全域算力资源池。以“东数西算”工程为例，通过构建八大枢纽节点与十大数据中心集群，实现算力资源跨区域动态调配，支撑工业互联网、智慧医疗等高实时性场景需求。关键维度技术特征典型应用场景异构计算架构
  • V100加速引擎与效能突破 智能计算研究中心 其他
    内容概要作为人工智能算力基础设施的关键组件，V100加速引擎通过系统性架构革新实现了性能与能效的协同突破。其核心架构创新可归纳为三个维度：首先，TensorCore引入稀疏化计算与动态张量切片技术，显著提升矩阵运算密度；其次，混合精度计算通过FP16/FP32自适应精度调度算法，在模型收敛性与计算效率间达成平衡；最后，第三代NVLink互联技术以300GB/s双向带宽构建多卡协同拓扑，减少数据搬运
  • el-tree左侧树插件 Qiye108 vue.jselementuijavascript前端
    适用场景：左右布局，左侧树图，右侧内容，点击树节点展示相应内容1.树节点单选2.一级节点可展开收起无法被选中3.二级节点被选中展示相应页面{{node.label}}exportdefault{name:'leftTree',props:{treeData:{type:Array,default:()=>[]},defaultCheckedKes:{type:Array,default:()=>[
  • HTML5前端第六章节 NaZiMeKiY HTML5html5前端html1024程序员节
    一.标准流，浮动，flex布局1.标准流概念：标准流又叫文档流，指的是标签在页面中默认的排布规则，例如块元素独占一行，行内元素可以一行显示多个等等排布规则2.浮动（1）.作用：让块元素水平排列（2）.属性名：float（3）.属性值：left（左对齐），right（右对齐）.test_one{width:300px;height:300px;background-color:blueviolet;
  • 怎么保证测试用例能百分之百覆盖所有测试点？ 画江湖Test 测试用例用例设计需求覆盖软件需求功能测试
    如果拿到一个比较大的功能需求，我会按照以下顺序去写测试用例以及执行1、冒烟测试，正常的流程是否走的通2、页面元素的检验，即检查页面字段内容、格式、边界值、数据类型、特殊字符、样式、布局等等跟业务没关系的检查，适用所有系统3、接口测试，通过工具传参看接口能否正常响应，包括输入一些异常的数据，看接口是否有校验4、业务逻辑检查，这个需要充分解读需求文档上的每一句话，逻辑判断控制，以及有耦合关系的模块，前
  • 解线性方程组 qiuwanchi
    package gaodai.matrix; import java.util.ArrayList; import java.util.List; import java.util.Scanner; public class Test { public static void main(String[] args) { Scanner scanner = new Sc
  • 在mysql内部存储代码 annan211 性能mysql存储过程触发器
    在mysql内部存储代码 在mysql内部存储代码，既有优点也有缺点，而且有人倡导有人反对。 先看优点： 1 她在服务器内部执行，离数据最近，另外在服务器上执行还可以节省带宽和网络延迟。 2 这是一种代码重用。可以方便的统一业务规则，保证某些行为的一致性，所以也可以提供一定的安全性。 3 可以简化代码的维护和版本更新。 4 可以帮助提升安全，比如提供更细
  • Android使用Asynchronous Http Client完成登录保存cookie的问题 hotsunshine android
    Asynchronous Http Client是android中非常好的异步请求工具 除了异步之外还有很多封装比如json的处理，cookie的处理 引用 Persistent Cookie Storage with PersistentCookieStore This library also includes a PersistentCookieStore whi
  • java面试题 Array_06 java面试
    java面试题 第一，谈谈final, finally, finalize的区别。 final-修饰符（关键字）如果一个类被声明为final，意味着它不能再派生出新的子类，不能作为父类被继承。因此一个类不能既被声明为 abstract的，又被声明为final的。将变量或方法声明为final，可以保证它们在使用中不被改变。被声明为final的变量必须在声明时给定初值，而在以后的引用中只能
  • 网站加速 oloz 网站加速
    前序:本人菜鸟，此文研究总结来源于互联网上的资料，大牛请勿喷！本人虚心学习，多指教. 1、减小网页体积的大小，尽量采用div+css模式，尽量避免复杂的页面结构，能简约就简约。 2、采用Gzip对网页进行压缩；    GZIP最早由Jean-loup Gailly和Mark Adler创建，用于UNⅨ系统的文件压缩。我们在Linux中经常会用到后缀为.gz
  • 正确书写单例模式 随意而生 java 设计模式 单例
    　　单例模式算是设计模式中最容易理解，也是最容易手写代码的模式了吧。但是其中的坑却不少，所以也常作为面试题来考。本文主要对几种单例写法的整理，并分析其优缺点。很多都是一些老生常谈的问题，但如果你不知道如何创建一个线程安全的单例，不知道什么是双检锁，那这篇文章可能会帮助到你。 　　懒汉式，线程不安全 　　当被问到要实现一个单例模式时，很多人的第一反应是写出如下的代码，包括教科书上也是这样
  • 单例模式 香水浓 java
    懒汉  调用getInstance方法时实例化 public class Singleton { private static Singleton instance; private Singleton() {} public static synchronized Singleton getInstance() { if(null == ins
  • 安装Apache问题：系统找不到指定的文件 No installed service named "Apache2" AdyZhang apachehttp server
    安装Apache问题：系统找不到指定的文件 No installed service named "Apache2" 每次到这一步都很小心防它的端口冲突问题，结果，特意留出来的80端口就是不能用，烦。 解决方法确保几处： 1、停止IIS启动 2、把端口80改成其它 （譬如90，800，，，什么数字都好） 3、防火墙(关掉试试) 在运行处输入 cmd 回车，转到apa
  • 如何在android 文件选择器中选择多个图片或者视频？ aijuans android
    我的android app有这样的需求，在进行照片和视频上传的时候，需要一次性的从照片/视频库选择多条进行上传 但是android原生态的sdk中，只能一个一个的进行选择和上传。 我想知道是否有其他的android上传库可以解决这个问题，提供一个多选的功能，可以使checkbox之类的，一次选择多个 处理方法 官方的图片选择器(但是不支持所有版本的androi，只支持API Level
  • mysql中查询生日提醒的日期相关的sql baalwolf mysql
    SELECT sysid,user_name,birthday,listid,userhead_50,CONCAT(YEAR(CURDATE()),DATE_FORMAT(birthday,'-%m-%d')),CURDATE(),  dayofyear( CONCAT(YEAR(CURDATE()),DATE_FORMAT(birthday,'-%m-%d')))-dayofyear(
  • MongoDB索引文件破坏后导致查询错误的问题 BigBird2012 mongodb
    问题描述： MongoDB在非正常情况下关闭时，可能会导致索引文件破坏，造成数据在更新时没有反映到索引上。 解决方案：   使用脚本，重建MongoDB所有表的索引。 var names = db.getCollectionNames(); for( var i in names ){ var name = names[i]; print(name);
  • Javascript Promise bijian1013 JavaScriptPromise
            Parse JavaScript SDK现在提供了支持大多数异步方法的兼容jquery的Promises模式，那么这意味着什么呢，读完下文你就了解了。 一.认识Promises         “Promises”代表着在javascript程序里下一个伟大的范式，但是理解他们为什么如此伟大不是件简
  • [Zookeeper学习笔记九]Zookeeper源代码分析之Zookeeper构造过程 bit1129 zookeeper
       Zookeeper重载了几个构造函数，其中构造者可以提供参数最多，可定制性最多的构造函数是     public ZooKeeper(String connectString, int sessionTimeout, Watcher watcher, long sessionId, byte[] sessionPasswd, boolea
  • 【Java命令三】jstack bit1129 jstack
    jstack是用于获得当前运行的Java程序所有的线程的运行情况(thread dump），不同于jmap用于获得memory dump   [hadoop@hadoop sbin]$ jstack Usage: jstack [-l] <pid> (to connect to running process) jstack -F
  • jboss 5.1启停脚本　动静分离部署 ronin47
    以前启动jboss，往各种xml配置文件，现只要运行一句脚本即可。start nohup sh /**/run.sh -c servicename  -b ip -g  clustername   -u broatcast jboss.messaging.ServerPeerID=int  -Djboss.service.binding.set=p
  • UI之如何打磨设计能力? brotherlamp UIui教程ui自学ui资料ui视频
      在越来越拥挤的初创企业世界里，视觉设计的重要性往往可以与杀手级用户体验比肩。在许多情况下，尤其对于 Web 初创企业而言，这两者都是不可或缺的。前不久我们在《右脑革命：别学编程了，学艺术吧》中也曾发出过重视设计的呼吁。如何才能提高初创企业的设计能力呢?以下是 9 位创始人的体会。 1.找到自己的方式 如果你是设计师，要想提高技能可以去设计博客和展示好设计的网站如D-lists或
  • 三色旗算法 bylijinnan java算法
    import java.util.Arrays; /** 问题： 假设有一条绳子，上面有红、白、蓝三种颜色的旗子，起初绳子上的旗子颜色并没有顺序， 您希望将之分类，并排列为蓝、白、红的顺序，要如何移动次数才会最少，注意您只能在绳 子上进行这个动作，而且一次只能调换两个旗子。 网上的解法大多类似： 在一条绳子上移动，在程式中也就意味只能使用一个阵列，而不使用其它的阵列来
  • 警告:No configuration found for the specified action: \'s chiangfai configuration
    1.index.jsp页面form标签未指定namespace属性。 <!--index.jsp代码--> <%@taglib prefix="s" uri="/struts-tags"%> ... <s:form action="submit" method="post"&g
  • redis -- hash_max_zipmap_entries设置过大有问题 chenchao051 redishash
    使用redis时为了使用hash追求更高的内存使用率，我们一般都用hash结构，并且有时候会把hash_max_zipmap_entries这个值设置的很大，很多资料也推荐设置到1000，默认设置为了512，但是这里有个坑   #define ZIPMAP_BIGLEN 254 #define ZIPMAP_END 255     /* Return th
  • select into outfile access deny问题 daizj mysqltxt导出数据到文件
    本文转自：http://hatemysql.com/2010/06/29/select-into-outfile-access-deny%E9%97%AE%E9%A2%98/ 为应用建立了rnd的帐号，专门为他们查询线上数据库用的，当然，只有他们上了生产网络以后才能连上数据库，安全方面我们还是很注意的，呵呵。 授权的语句如下： grant select on armory.* to rn
  • phpexcel导出excel表简单入门示例 dcj3sjt126com PHPExcelphpexcel
    <?php error_reporting(E_ALL); ini_set('display_errors', TRUE); ini_set('display_startup_errors', TRUE);   if (PHP_SAPI == 'cli') die('This example should only be run from a Web Brows
  • 美国电影超短200句 dcj3sjt126com 电影
    1. I see． 我明白了。2. I quit! 我不干了!3. Let go! 放手!4. Me too． 我也是。5. My god! 天哪!6. No way! 不行!7. Come on． 来吧(赶快)8. Hold on． 等一等。9. I agree。 我同意。10. Not bad． 还不错。11. Not yet． 还没。12. See you． 再见。13. Shut up!
  • Java访问远程服务 dyy_gusi httpclientwebservicegetpost
        随着webService的崛起，我们开始中会越来越多的使用到访问远程webService服务。当然对于不同的webService框架一般都有自己的client包供使用，但是如果使用webService框架自己的client包，那么必然需要在自己的代码中引入它的包，如果同时调运了多个不同框架的webService，那么就需要同时引入多个不同的clien
  • Maven的settings.xml配置 geeksun settings.xml
    settings.xml是Maven的配置文件，下面解释一下其中的配置含义： settings.xml存在于两个地方： 1.安装的地方：$M2_HOME/conf/settings.xml 2.用户的目录：${user.home}/.m2/settings.xml 前者又被叫做全局配置，后者被称为用户配置。如果两者都存在，它们的内容将被合并，并且用户范围的settings.xml优先。
  • ubuntu的init与系统服务设置 hongtoushizi ubuntu
    转载自：  http://iysm.net/?p=178 init Init是位于/sbin/init的一个程序，它是在linux下，在系统启动过程中，初始化所有的设备驱动程序和数据结构等之后，由内核启动的一个用户级程序，并由此init程序进而完成系统的启动过程。 ubuntu与传统的linux略有不同，使用upstart完成系统的启动，但表面上仍维持init程序的形式。 运行
  • 跟我学Nginx+Lua开发目录贴 jinnianshilongnian nginxlua
    使用Nginx+Lua开发近一年的时间，学习和实践了一些Nginx+Lua开发的架构，为了让更多人使用Nginx+Lua架构开发，利用春节期间总结了一份基本的学习教程，希望对大家有用。也欢迎谈探讨学习一些经验。    目录 第一章 安装Nginx+Lua开发环境 第二章 Nginx+Lua开发入门 第三章 Redis/SSDB+Twemproxy安装与使用 第四章 L
  • php位运算符注意事项 home198979 位运算PHP&
    $a = $b = $c = 0; $a & $b = 1; $b | $c = 1  问a,b,c最终为多少?   当看到这题时，我犯了一个低级错误，误 以为位运算符会改变变量的值。所以得出结果是1 1 0 但是位运算符是不会改变变量的值的，例如： $a=1;$b=2; $a&$b;  这样a,b的值不会有任何改变
  • Linux shell数组建立和使用技巧 pda158 linux
    1.数组定义 　　[chengmo@centos5 ~]$ a=(1 2 3 4 5) 　　[chengmo@centos5 ~]$ echo $a 　　1 　　一对括号表示是数组，数组元素用“空格”符号分割开。 　　 2.数组读取与赋值 　　得到长度： 　　[chengmo@centos5 ~]$ echo ${#a[@]} 　　5 　　用${#数组名[@或
  • hotspot源码(JDK7) ol_beta javaHotSpotjvm
    源码结构图，方便理解：   ├─agent                            Serviceab
  • Oracle基本事务和ForAll执行批量DML练习 vipbooks oraclesql
    基本事务的使用： 从账户一的余额中转100到账户二的余额中去，如果账户二不存在或账户一中的余额不足100则整笔交易回滚 select * from account; -- 创建一张账户表 create table account( -- 账户ID id number(3) not null, -- 账户名称 nam
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他