ShineMoer
ShineMoer

实现如下页面布局。核心区域左侧自适应，右侧固定宽度 200px

原题目：牛客网-阿里巴巴2016前端开发工程师笔试(一)：10题
要求自适应，那一开始就不能把左侧content的宽度给设死了。尝试了几次一开始思维定式就先从左至右写吧，于是

    .content {
                height: 400px;
                margin: 0;
                margin-right: 210px;
                text-align: left;
                border: blue solid 2px;
            }

            .aside {
                float: right;
                border: red solid 2px;
                text-align: left;
                width: 196px;
                /*margin-left: -210px;*/
            }

<div class="content">content-自适应宽度div>
<div class="aside">aside-定宽 200pxdiv>

然而这样就会发现aside与content始终无法再同一行显示(content所在的div因为默认情况下独占一行，因此aside就算浮动也会重起一行开始往右靠),效果如下：
实现如下页面布局。核心区域左侧自适应，右侧固定宽度 200px_第1张图片
于是要怎么把两个div加载到同一行呢？display:inline、inline-block但是没办法设置想要的宽度高度啊。。
突然间发现float的脱离文本流属性，只要先把content的布局放在那，aside布局float之后自然可以浮动在同一行的右边了！
切记：不要清除浮动！(不然浮动作用就没有了，content又会重起一行达不到同一行效果)
最终根据思路改成了：


<html>
    <head>
        <meta charset="UTF-8">
        <title>title>
        <style type="text/css">
            body {
                margin: 0 10px;
                padding: 0; 
            }

            .header {
                width: 100%;
                height: 100px;
                border: green solid 2px;
                margin: 10px auto;
            }

            .logo {
                width: 40px;
                height: 50px;
                margin: 10px;
                border: purple solid 2px;
                text-align: left;
            }

            .uname {
                width: 100px;
                height: 20px;
                text-align: right;
                margin-bottom: 10px;
                margin-right: 10px;
                border: purple solid 2px;
                float: right;
            }

            .main {
                height: 400px;
                margin: 10px auto;
                width: 100%;
            }

            .content {
                height: 400px;
                margin: 0;
                margin-right: 210px;
                text-align: left;
                border: blue solid 2px;
            }

            .aside {
                float: right;
                border: red solid 2px;
                text-align: left;
                width: 196px;
            }

            .footer {
                width: 100%;
                height: 30px;
                text-align: center;
                border: #000 solid 2px;
            }
        style>
    head>
    <body>
        <div class="header">
            <div class="logo">Logodiv>
            <div class="uname">用户名div>
            <div style="clear: both;content:''">div>
        div>
        <div class="main">
            
            <div class="aside">aside-定宽 200pxdiv>
            <div class="content">content-自适应宽度div>
        div>
       <div class="footer">footerdiv>
    body>
html>

最终效果达成：
实现如下页面布局。核心区域左侧自适应，右侧固定宽度 200px_第2张图片


随着浏览器窗口大小缩放，可以实现宽度自适应放大缩小了

你可能感兴趣的:(#,div+css自适应)

  • 关于城市旅游的HTML网页设计——(旅游风景云南 5页)HTML+CSS+JavaScript 二挡起步 web前端期末大作业javascripthtmlcss旅游风景
    ⛵源码获取文末联系✈Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业|游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作|HTML期末大学生网页设计作业，Web大学生网页HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScrip
  • HTML网页设计制作大作业（div+css） 云南我的家乡旅游景点 带文字滚动 二挡起步 web前端期末大作业web设计网页规划与设计htmlcssjavascriptdreamweaver前端
    Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作HTML期末大学生网页设计作业HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript：做与用户的交互行为文章目录前端学习路线
  • [实践应用] 深度学习之优化器 YuanDaima2048 深度学习工具使用pytorch深度学习人工智能机器学习python优化器
    文章总览：YuanDaiMa2048博客文章总览深度学习之优化器1.随机梯度下降（SGD）2.动量优化（Momentum）3.自适应梯度（Adagrad）4.自适应矩估计（Adam）5.RMSprop总结其他介绍在深度学习中，优化器用于更新模型的参数，以最小化损失函数。常见的优化函数有很多种，下面是几种主流的优化器及其特点、原理和PyTorch实现：1.随机梯度下降（SGD）原理:随机梯度下降通过
  • 利用Python+OpenCV实现截图匹配图像，支持自适应缩放、灰度匹配、区域匹配、匹配多个结果 xu-jssy Python自动化脚本pythonopencv开发语言图像处理自动化
    可以直接通过pip获取，无需手动安装其他依赖pipinstallxug示例：importxugxug.find_image_on_screen(,,,)=========================================================================一、依赖安装pipinstallopencv-pythonpipinstallpyautogui二、获
  • vue 表格左右拖拽调整列宽_vue中实现拖动调整左右两侧div的宽度的示例代码 weixin_40008969 vue表格左右拖拽调整列宽
    写在最前最近在使用vue的时候，遇到一个需求，实现左右div可通过中间部分拖拽调整宽度，类似于这样这是我最终的实现效果还是老话，因为我不是专业的前端工程师，只是兼职写一些简单的前端，所以这个功能的实现得益于以下博客，《vue拖动调整左右两侧div的宽度》、《vuejs中拖动改变元素宽度实现宽度自适应大小》，而我只是针对于他们提供的代码，加了亿点点自己所需要的细节。实现原理如上图所示，我们需要将要实
  • ExoPlayer简单使用 csdn_zxw 安卓视频播放android
    ExoPlayerLibrary概述ExoPlayer是运行在YouTubeappAndroid版本上的视频播放器ExoPlayer是构建在Android低水平媒体API之上的一个应用层媒体播放器。和Android内置的媒体播放器相比，ExoPlayer有许多优点。ExoPlayer支持内置的媒体播放器支持的所有格式外加自适应格式DASH和SmoothStreaming。ExoPlayer可以被高
  • 微信小程序仿微信聊天界面 微特尔普拉斯 微信小程序微信notepad++
    界面结构:消息列表:使用scroll-view实现滚动，每条消息使用view组件包裹，根据消息类型(文本、图片、文件)显示不同内容。输入框区域:包含输入框(textarea)、发送按钮(button)和上传文件按钮(view组件模拟)。头像:使用image组件展示。功能实现:多行输入框高度自适应:使用textarea组件的auto-height属性，并监听linechange事件动态调整高度。消息
  • 使用sass的混合插入模式进行@media响应式媒体查询做自适应开发 miao_zz csssass媒体前端
    使用sass的混合插入模式进行@media响应式媒体查询做自适应开发//定义混合指令并传参数@mixinrespond($breakname){//控制指令@if$breakname=='phone'{//手机端=1201@media(min-width:1201px){//向混合样式中导入内容@content;}}}.mz-col{border:1pxsolid$borderColor;@inc
  • Axure RP 9 超级教程：自适应视图（Adaptive View Set） 凡间萌宠
    本文适用于（非）汉化版AxureRP9自适应视图入门操作废话不表，直接如题。以下为详细步骤：1.新建页面，名称自定，如“自适应”。新建页面2.选择Project下的AdaptiveViewSets...项。选择AdaptiveViewSets3.弹出自适应设置框，点击“+Add”自适应设置框4.弹出新增自适应页面：新增自适应页面5.点击Presets(预制)，弹出不同平台以及不同型号大小的显示规格
  • dubbo spi 原理分析 DEARM LINER dubbospringjavaspringboot后端
    文章目录前言一、加载固定的扩展类1、ExtensionLoader.getExtension2、createExtension3、getExtensionClasses4、loadExtensionClasses5、cacheDefaultExtensionName6、loadDirectory7、loadResource8、loadClass二、加载自适应扩展类1、ExtensionLoader
  • 人工智能-GPU版本机器学习、深度学习模型安装 bw876720687 人工智能机器学习深度学习
    背景1、在有Nvidia-GPU的情况下模型使用cuda加速计算，但是很有多模型的GPU和CPU版本安装方式不同，如何安装lgb\cat\xgb.2、为了让代码有普适性，如何自适应环境当中的设备进行CPU或者GPU的调整？解决方案问题一：安装GPU版本的LightGBMLightGBM默认不会安装GPU支持版，需要手动编译以启用GPU。以下是在Linux和Windows上编译GPU版本LightG
  • html5carousel图片轮播,全面解析Bootstrap中Carousel轮播的使用方法 RemusrickCat
    本文实例为大家全面的解析了Bootstrap中Carousel的使用方法，供大家参考，具体内容如下源码文件：Carousel.scssCarousel.js实现原理：隐藏所有要显示的元素，然后指定当前要显示的为block，宽、高自适应源码分析：1、Html结构：主要分为以四个部分1.1、容器：最外层div，需要一个data-ride=”carousel”来指定为轮播放插件，并且提供一个Id，方便圆
  • 鸿蒙（API 12 Beta6版）GPU加速引擎服务【自适应VRS】 移动开发技术栈 鸿蒙开发harmonyos华为openharmony鸿蒙鸿蒙系统VRS引擎
    XEngineKit提供自适应VRS功能，其通过合理分配画面的计算资源，视觉无损降低渲染频次，使不同的渲染图像使用不同的渲染速率，能够有效提高渲染性能。接口说明以下接口为自适应VRS设置接口，如要使用更丰富的设置和查询接口。接口名描述constGLubyte*HMS_XEG_GetString(GLenumname)XEngineGLES扩展特性查询接口。GL_APICALLvoidGL_APIE
  • 深度学习计算机视觉中 feature modulation 操作是什么？ Wils0nEdwards 深度学习计算机视觉人工智能
    什么是特征调制（FeatureModulation）？在深度学习与计算机视觉领域，特征调制（FeatureModulation）是一种用于增强模型灵活性和表达能力的技术，尤其是最近几年，它在许多任务中变得越来越重要。特征调制通过动态调整神经网络中间层的特征，使模型能够根据不同的上下文、输入或任务自适应地调整自身的行为。特征调制的核心概念特征调制的基本思想是通过某种形式的参数调节来改变特征表示的性质
  • 计算机视觉中，如何理解自适应和注意力机制的关系？ Wils0nEdwards 计算机视觉人工智能
    自适应和注意力机制之间的关系密切相关，注意力机制本质上是一种自适应的计算方法，它能够根据输入数据的不同特点，自主选择和聚焦于输入的某些部分或特征。以下是两者之间的具体关系和如何理解它们：1.注意力机制的自适应特性注意力机制的核心功能是为不同输入元素（如特征、位置、通道等）分配不同的权重。这些权重是通过学习动态生成的，表示模型对不同输入元素的关注程度。由于这些权重是根据具体的输入数据动态计算的，因此
  • 高级驾驶辅助系统（ADAS）功能参数选型和原理及比喻方法讲解 空间机器人 自动驾驶
    1.自适应巡航控制(ACC)原理介绍:自适应巡航控制系统使用雷达或激光雷达探测前方车辆的距离和速度，然后自动调整你的车速以保持安全距离。当前方车辆减速时，你的车速也会减慢，反之亦然。比喻讲解:想象你在高速公路上骑自行车，前面有一辆慢行的电动车。自适应巡航控制就像是你的自动调整速度的智能助手，它会根据前面电动车的速度自动调整你的骑行速度，保持适当的距离，就像骑行时你会自然跟随前面电动车的速度一样。2
  • web页面自适应QWebEngineView的大小 吃面不喝汤66 前端
    #ifndefOPENVIPDIALOG_H#defineOPENVIPDIALOG_H#include#include"draggabledialog.h"#includenamespaceUi{classOpenVipDialog;}classOpenVipDialog:publicDraggableDialog{Q_OBJECTpublic:explicitOpenVipDialog(QWi
  • Adam优化器：深度学习中的自适应方法 2401_85743969 深度学习人工智能
    引言在深度学习领域，优化算法是训练神经网络的核心组件之一。Adam（AdaptiveMomentEstimation）优化器因其自适应学习率调整能力而受到广泛关注。本文将详细介绍Adam优化器的工作原理、实现机制以及与其他优化器相比的优势。深度学习优化器概述优化器在深度学习中负责调整模型的参数，以最小化损失函数。常见的优化器包括SGD（随机梯度下降）、RMSprop、AdaGrad、AdaDelt
  • HTML、CSS实现树状图 凉风听雪 CSS炫酷使用htmlcss前端
    效果图：源码：（未做移动端自适应）Document海关数据海关数据类型海关申报数据贸易提单数据进口数据出口数据过境数据海运数据空运数据搜索方式产品hs编码小语种查询进口商出口商提单号口岸时间国别数据查询提关单记录买家实时监控同行实时监控出口全球分析进口商分析出口商分析产品分析供应国分析进口国分析开发工具公司概况联系邮箱领英联系WhatsApp进出口详情分析展会记录LBS地理信息B2B店铺社媒动态社
  • el-table实现当内容过多时，el-table显示滚动条，页面不显示滚动条 遇事不决AI解决 vue.jsjavascriptelementui
    估计有不少小伙伴在开发公司的ERP使用el-table都会遇到这么一个问题，就是产品经理提出，页面不出现滚动条，因为不美观。但是当el-table内容过多，超过页面的宽度时候，页面就会有滚动条。那应该如何解决呢?能不能让滚动条出现在el-table的容器中，而不是出现在页面上呢?实现方案就是resize时间结合el-table的max-height属性然后根据页面大小实现自适应定义auto-hei
  • 每日CSS一道题day01 [代码的搬运工] html布局csshtml前端css
    内容：什么是双飞翼布局以及如何书写？原理：左右固定宽高，利用定位、负定位距离，实现中间的宽度自适应代码演示：HTML：头部中左右头部这里引入头部和尾部是为了突出如何在具体内容插入一个双飞翼布局CSS：/*去除浏览器默认样式*/*{margin:0;padding:0;}.header,.footer{height:200px;width:100%;background-color:aqua;}/*
  • HTML文档中折行的使用,10_h5是如何做移动端适配的？折行的时候如何实现不断行... Mr.Zzzzzzz HTML文档中折行的使用
    一、百分比适配1、要点元素的宽度使用了百分比来定宽，根据屏幕的宽度进行自适应适合页面内容结构均匀分配,固定高度,结构不是很复杂,注意要设置viewport视口内容宽度等于设备的宽度使用百分比定宽的元素，百分比参考的是该元素最近的，定了宽度的父元素2、示例固定高度,宽度自适应,100%比做适配*{padding:0;margin:0;}body{font-size:16px;overflow:hid
  • Java面试题--JVM大厂篇之破解Java性能瓶颈！深入理解Parallel GC并优化你的应用 青云交 Java大厂面试题Java虚拟机（JVM）专栏Java技术栈javajvmParallelGC的工作原理配置ParallelGC深入理解ParallelGC监控和分析GC日志常见调优技巧
    目录引言：正文：1.理解ParallelGC的工作原理2.配置ParallelGC3.监控和分析GC日志4.常见调优技巧5.持续迭代和优化结束语：补充考虑1.综合考虑吞吐量与响应时间2.评估和优化垃圾回收频率3.动态调整与自适应策略最佳实践定期基准测试与压力测试实时监控与告警机制探索替代垃圾回收器结论引言：在现代Java应用程序中，垃圾回收（GarbageCollection,GC）作为JVM核心
  • InnoDB引擎之-两次写（Double Write） 胸毛飘逸
    InnoDB引擎有几个重点特性，为其带来了更好的性能和可靠性：插入缓冲（InsertBuffer）两次写（DoubleWrite）自适应哈希索引（AdaptiveHashIndex）异步IO（AsyncIO）刷新邻接页（FlushNeighborPage）经典Partialpagewrite问题介绍doublewrite之前我们有必要了解partialpagewrite（部分页失效）。InnoDB
  • vue使用海康视频web插件如何实现自适应 .ლ. 海康视频前端vue.js音视频
    如果要实现自适应的话，就需要在不同的分辨率内设置不同的宽度和高度，可以监听当前屏幕的宽度和高度(可视区域的宽高)，划分不同的显示阶段通过设置父级元素的宽度和高度实现子级视频的自适应index.vueimportVideoplayerfrom"@/xxxxx"exportdefault{components:{Videoplayer},data(){return{windowWidth:0,wind
  • 图像去噪技术：自适应均值滤波器（ACmF） 潦草通信狗 均值算法算法人工智能图像处理信息与通信matlab
    在图像处理领域，噪声是影响图像质量和视觉感知的主要因素之一。椒盐噪声是一种常见的噪声类型，它随机地将像素值改变为最小值或最大值，严重影响图像的视觉效果。为了解决这一问题，我们开发了一种自适应均值滤波器（ACmF），它能够有效地去除椒盐噪声，同时保留图像的重要细节。一、ACmF算法简介ACmF算法是一种基于局部像素值的自适应去噪方法。它通过分析图像的局部区域，对噪声像素进行智能处理，以恢复图像的原始
  • 基于自适应中值滤波器的图像去噪处理 潦草通信狗 计算机视觉图像处理opencv信息与通信matlab
    在图像处理中，噪声是一种常见的干扰因素，其中椒盐噪声（SaltandPepperNoise）是一种典型的噪声类型，表现为图像中的随机黑白点。为了消除这种噪声，我们通常使用滤波器进行去噪处理。而自适应中值滤波器（AdaptiveMedianFilter）是一种非常有效的去噪工具。本文将通过MATLAB代码示例来展示如何使用自适应中值滤波器对图像进行去噪处理。1.导入图像并添加椒盐噪声首先，我们读取一
  • 自组网融合通信方案技术详解 无人机技术圈 无人机技术服务器网络运维
    自组网（AdHocNetwork），又称无中心网络或多跳网络，是一种无需固定基础设施支持，由多个动态节点自组织形成的临时性通信网络。它具备高度的灵活性和鲁棒性，能够在复杂多变的环境中快速部署和自适应调整。自组网的核心特点包括去中心化、自组织、多跳路由和动态拓扑。这些特点使得自组网在军事通信、应急救援、野外探险等场景中有着广泛的应用前景。网络拓扑与结构自组网的拓扑结构通常分为平面结构和分级结构两种。
  • Unity开发-SLG实时战斗头像自适应算法 艾诺无琼 UGUI优化相关UnityEngine
    目前参与一款在研SLG研发，目前在开发实时战斗部分的表现，今天要分享的是实时战斗头像自动排布算法的实现。需求分析部队头像的自动跟随、自动监测碰撞以避免头像重叠、需要满足一定性能要求，不能产生过多的DrawCall和其他CPU开销、参考效果为万国觉醒实时战斗表现，当前方案基本实现相同效果。设计思路建立RootCanvas空间下的屏幕空间映射，进行虚拟网格拆分，作为基础Map，和单个头像图标的坐标系。
  • WordPress自适应美图网站整站打包源码 北漂的老猿 代码吧wordpressripro
    直接服务器整站源码+数据库打包了，恢复一下就可以直接投入使用。保证好用易用，无需独立服务器就可以使用。强调一下，我这个和其他地方的不一样、不一样、不一样。具体的看下面的说明。现在网络上同样的资源包都是用的加密带后门的主题，需要安装php加密组件才能使用，同时也有后门。本站这个是全部开源无后门，无需安装加密组件，任意一个支持php的虚拟主机都可以使用了。另外原来的数据库里的图片地址都是写死了url的
  • 312个免费高速HTTP代理IP（能隐藏自己真实IP地址） yangshangchuan 高速免费superwordHTTP代理
        124.88.67.20:843 190.36.223.93:8080 117.147.221.38:8123 122.228.92.103:3128 183.247.211.159:8123 124.88.67.35:81 112.18.51.167:8123 218.28.96.39:3128 49.94.160.198:3128 183.20
  • pull解析和json编码 百合不是茶 androidpull解析json
    n.json文件: [{name:java,lan:c++,age:17},{name:android,lan:java,age:8}]   pull.xml文件 <?xml version="1.0" encoding="utf-8"?> <stu>     <name>java
  • [能源与矿产]石油与地球生态系统 comsci 能源
          按照苏联的科学界的说法,石油并非是远古的生物残骸的演变产物,而是一种可以由某些特殊地质结构和物理条件生产出来的东西,也就是说,石油是可以自增长的....       那么我们做一个猜想: 石油好像是地球的体液,我们地球具有自动产生石油的某种机制,只要我们不过量开采石油,并保护好
  • 类与对象浅谈 沐刃青蛟 java基础
           类，字面理解，便是同一种事物的总称，比如人类，是对世界上所有人的一个总称。而对象，便是类的具体化，实例化，是一个具体事物，比如张飞这个人，就是人类的一个对象。但要注意的是：张飞这个人是对象，而不是张飞，张飞只是他这个人的名字，是他的属性而已。而一个类中包含了属性和方法这两兄弟，他们分别用来描述对象的行为和性质（感觉应该是
  • 新站开始被收录后，我们应该做什么？ IT独行者 PHPseo
    新站开始被收录后，我们应该做什么？         百度终于开始收录自己的网站了，作为站长，你是不是觉得那一刻很有成就感呢，同时，你是不是又很茫然，不知道下一步该做什么了？至少我当初就是这样，在这里和大家一份分享一下新站收录后，我们要做哪些工作。       至于如何让百度快速收录自己的网站，可以参考我之前的帖子《新站让百
  • oracle 连接碰到的问题 文强chu oracle
    Unable to find a java Virtual Machine－－安装64位版Oracle11gR2后无法启动SQLDeveloper的解决方案 作者：草根IT网 来源：未知 人气：813标签： 导读：安装64位版Oracle11gR2后发现启动SQLDeveloper时弹出配置java.exe的路径，找到Oracle自带java.exe后产生的路径“C:\app\用户名\prod
  • Swing中按ctrl键同时移动鼠标拖动组件（类中多借口共享同一数据） 小桔子 java继承swing接口监听
            都知道java中类只能单继承，但可以实现多个接口，但我发现实现多个接口之后，多个接口却不能共享同一个数据，应用开发中想实现：当用户按着ctrl键时，可以用鼠标点击拖动组件，比如说文本框。 编写一个监听实现KeyListener,NouseListener,MouseMotionListener三个接口，重写方法。定义一个全局变量boolea
  • linux常用的命令 aichenglong linux常用命令
    1 startx切换到图形化界面 2 man命令:查看帮助信息 man 需要查看的命令,man命令提供了大量的帮助信息,一般可以分成4个部分 name:对命令的简单说明 synopsis:命令的使用格式说明 description:命令的详细说明信息 options:命令的各项说明 3 date:显示时间 语法：date [OPTION]... [+FORMAT]
  • eclipse内存优化 AILIKES javaeclipsejvmjdk
    一 基本说明      在JVM中，总体上分2块内存区,默认空余堆内存小于 40%时，JVM就会增大堆直到-Xmx的最大限制；空余堆内存大于70%时，JVM会减少堆直到-Xms的最小限制。     1)堆内存(Heap memory):堆是运行时数据区域，所有类实例和数组的内存均从此处分配,是Java代码可及的内存，是留给开发人
  • 关键字的使用探讨 百合不是茶 关键字
    //关键字的使用探讨/*访问关键词private 只能在本类中访问public 只能在本工程中访问protected 只能在包中和子类中访问默认的 只能在包中访问*//*final   类 方法 变量 final 类 不能被继承 final 方法 不能被子类覆盖，但可以继承 final 变量 只能有一次赋值，赋值后不能改变 final 不能用来修饰构造方法*///this()
  • JS中定义对象的几种方式 bijian1013 js
        1. 基于已有对象扩充其对象和方法(只适合于临时的生成一个对象)： <html> <head> <title>基于已有对象扩充其对象和方法(只适合于临时的生成一个对象)</title> </head> <script> var obj = new Object();
  • 表驱动法实例 bijian1013 java表驱动法TDD
    获得月的天数是典型的直接访问驱动表方式的实例，下面我们来展示一下： MonthDaysTest.java package com.study.test; import org.junit.Assert; import org.junit.Test; import com.study.MonthDays; public class MonthDaysTest { @T
  • LInux启停重启常用服务器的脚本 bit1129 linux
    启动，停止和重启常用服务器的Bash脚本，对于每个服务器，需要根据实际的安装路径做相应的修改   #! /bin/bash Servers=(Apache2, Nginx, Resin, Tomcat, Couchbase, SVN, ActiveMQ, Mongo); Ops=(Start, Stop, Restart); currentDir=$(pwd); echo
  • 【HBase六】REST操作HBase bit1129 hbase
    HBase提供了REST风格的服务方便查看HBase集群的信息，以及执行增删改查操作   1. 启动和停止HBase REST 服务 1.1 启动REST服务 前台启动（默认端口号8080） [hadoop@hadoop bin]$ ./hbase rest start   后台启动 hbase-daemon.sh start rest   启动时指定
  • 大话zabbix 3.0设计假设 ronin47
    What’s new in Zabbix 2.0? 去年开始使用Zabbix的时候，是1.8.X的版本，今年Zabbix已经跨入了2.0的时代。看了2.0的release notes，和performance相关的有下面几个：          :: Performance improvements::Trigger related da
  • http错误码大全 byalias http协议javaweb
    响应码由三位十进制数字组成，它们出现在由HTTP服务器发送的响应的第一行。 响应码分五种类型，由它们的第一位数字表示： 1）1xx：信息，请求收到，继续处理 2）2xx：成功，行为被成功地接受、理解和采纳 3）3xx：重定向，为了完成请求，必须进一步执行的动作 4）4xx：客户端错误，请求包含语法错误或者请求无法实现 5）5xx：服务器错误，服务器不能实现一种明显无效的请求
  • J2EE设计模式-Intercepting Filter bylijinnan java设计模式数据结构
    Intercepting Filter类似于职责链模式 有两种实现 其中一种是Filter之间没有联系，全部Filter都存放在FilterChain中，由FilterChain来有序或无序地把把所有Filter调用一遍。没有用到链表这种数据结构。示例如下： package com.ljn.filter.custom; import java.util.ArrayList;
  • 修改jboss端口 chicony jboss
    修改jboss端口   %JBOSS_HOME%\server\{服务实例名}\conf\bindingservice.beans\META-INF\bindings-jboss-beans.xml   中找到 <!-- The ports-default bindings are obtained by taking the base bindin
  • c++ 用类模版实现数组类 CrazyMizzz C++
    最近c++学到数组类，写了代码将他实现，基本具有vector类的功能 #include<iostream> #include<string> #include<cassert> using namespace std; template<class T> class Array { public: //构造函数
  • hadoop dfs.datanode.du.reserved 预留空间配置方法 daizj hadoop预留空间
    对于datanode配置预留空间的方法 为：在hdfs-site.xml添加如下配置  <property>     <name>dfs.datanode.du.reserved</name>     <value>10737418240</value>    
  • mysql远程访问的设置 dcj3sjt126com mysql防火墙
    第一步: 激活网络设置 你需要编辑mysql配置文件my.cnf. 通常状况，my.cnf放置于在以下目录： /etc/mysql/my.cnf (Debian linux) /etc/my.cnf （Red Hat Linux/Fedora Linux) /var/db/mysql/my.cnf (FreeBSD) 然后用vi编辑my.cnf，修改内容从以下行： [mysqld] 你所需要: 1
  • ios 使用特定的popToViewController返回到相应的Controller dcj3sjt126com controller
    1、取navigationCtroller中的Controllers NSArray * ctrlArray = self.navigationController.viewControllers; 2、取出后，执行， [self.navigationController popToViewController:[ctrlArray objectAtIndex:0] animated:YES
  • Linux正则表达式和通配符的区别 eksliang 正则表达式通配符和正则表达式的区别通配符
    转载请出自出处：http://eksliang.iteye.com/blog/1976579 首先得明白二者是截然不同的 通配符只能用在shell命令中,用来处理字符串的的匹配。 判断一个命令是否为bash shell(linux 默认的shell)的内置命令 type -t commad 返回结果含义 file  表示为外部命令 alias  表示该
  • Ubuntu Mysql Install and CONF gengzg Install
    http://www.navicat.com.cn/download/navicat-for-mysql Step1: 下载Navicat ，网址：http://www.navicat.com/en/download/download.html Step2：进入下载目录，解压压缩包：tar -zxvf navicat11_mysql_en.tar.gz
  • 批处理，删除文件bat huqiji windowsdos
    @echo off ::演示：删除指定路径下指定天数之前（以文件名中包含的日期字符串为准）的文件。 ::如果演示结果无误，把del前面的echo去掉，即可实现真正删除。 ::本例假设文件名中包含的日期字符串（比如：bak-2009-12-25.log） rem 指定待删除文件的存放路径 set SrcDir=C:/Test/BatHome rem 指定天数 set DaysAgo=1
  • 跨浏览器兼容的HTML5视频音频播放器 天梯梦 html5
    HTML5的video和audio标签是用来在网页中加入视频和音频的标签，在支持html5的浏览器中不需要预先加载Adobe Flash浏览器插件就能轻松快速的播放视频和音频文件。而html5media.js可以在不支持html5的浏览器上使video和audio标签生效。   How to enable <video> and <audio> tags in
  • Bundle自定义数据传递 hm4123660 androidSerializable自定义数据传递BundleParcelable
          我们都知道Bundle可能过put****()方法添加各种基本类型的数据，Intent也可以通过putExtras(Bundle)将数据添加进去，然后通过startActivity()跳到下一下Activity的时候就把数据也传到下一个Activity了。如传递一个字符串到下一个Activity   把数据放到Intent
  • C＃：异步编程和线程的使用（.NET 4.5 ） powertoolsteam .net线程C#异步编程
    异步编程和线程处理是并发或并行编程非常重要的功能特征。为了实现异步编程，可使用线程也可以不用。将异步与线程同时讲，将有助于我们更好的理解它们的特征。 本文中涉及关键知识点 1. 异步编程 2. 线程的使用 3. 基于任务的异步模式 4. 并行编程 5. 总结 异步编程 什么是异步操作？异步操作是指某些操作能够独立运行，不依赖主流程或主其他处理流程。通常情况下，C＃程序
  • spark 查看 job history 日志 Stark_Summer 日志sparkhistoryjob
    SPARK_HOME/conf 下: spark-defaults.conf 增加如下内容 spark.eventLog.enabled true spark.eventLog.dir hdfs://master:8020/var/log/spark spark.eventLog.compress true spark-env.sh 增加如下内容 export SP
  • SSH框架搭建 wangxiukai2015eye springHibernatestruts
    MyEclipse搭建SSH框架 Struts Spring Hibernate 1、new一个web project。 2、右键项目，为项目添加Struts支持。    选择Struts2 Core Libraries -<MyEclipes-Library>      点击Finish。src目录下多了struts
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他