高度自适应100%显示，顶部和底部固定，中间自适应。左侧固定，右侧自适应的实例。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 

<html xmlns="http://www.w3.org/1999/xhtml"> 

<head> 

<title>一个高宽自适用100%,又有部分高宽固定的例子</title> 

<meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> 

<style>



*{        padding:0; margin:0; }

html {height:100%; max-height:100%; background:#fff; font-size:12px; }



body {height:100%; line-height: 1.6em; max-height:100%;overflow: hidden;}

h3{        font-size: 14px;}

img{

        border-style:none;

}

.inner,

#innerFooter{

        border-color:#B7D8ED;

}

#xbar{

        /**background-color: #D2EAF6*/

}

#sortList li a{

        color:#0958FF

}

#sortList li a:hover{

        color:#670FF9;

        background-color: #efefef;

}

#header {position:absolute;top:0; left:0; display:block; width:100%; height:80px;  z-index: 21;}

#footer {position:absolute;bottom:0; left:0; display:block; width:100%; height:60px; z-index: 21;}

#innerHeader{margin:12px 15px; height: 48px; background-color: #efefef;}

#innerFooter{margin:12px 15px;padding:8px;border-width:1px;border-style: solid;}

#sortList,

#selector {position:absolute;left:15px;width:180px;}

#tools,#status,#gird,

#pages {position:absolute;left: 200px;        right: 15px;}

#xbar{position: absolute; top:70px; bottom: 60px; left: 195px;width:5px; cursor: e-resize;}

#sortList{top:70px;height:46px;z-index: 19;}

#sortList li{}

#selector{top:126px; bottom:68px;z-index: 16;}

#tools{top:70px;z-index: 15;}

#status{top:110px;z-index: 14;}

#gird{top:150px;bottom: 102px;z-index: 9;}

#pages{bottom: 60px;z-index: 12;}

#selector .inner{height: 100%;}

.inner p a{ display:block; float:left; margin-right:10px;}

#status .inner,

#tools .inner,

#pages .inner{line-height:24px;        height:24px;}

#gird .inner{height: 100%;overflow: auto;}

.inner{border-width:1px;border-style: solid;padding:3px;background-color:#fff;overflow:auto;}

#sortList .inner{padding: 0px;}

* html #sortList .inner{height:48px}

#sortList li{

        float: left;

        width: 100%;

}

#sortList li a{

        line-height: 20px;

        display: block;

        padding:3px 0 0px 25px;

        text-decoration: none;

        font-weight: bold;

        font-size: 14px;

}

.folder a{ background: url(http://labs.aoao.org.cn/demo/layout/100x100/images/folder.gif) no-repeat 5px 3px;  }

.tags a{ background: url(http://labs.aoao.org.cn/demo/layout/100x100/images/tags.gif) no-repeat 5px 3px;  }



#pages{

        text-align: right;

}



* html #selector{height:100%; top:0; bottom:0; border-top:126px solid #fff; border-bottom:60px solid #fff;}

* html #gird{height:100%; top:0; bottom:0; border-top:150px solid #fff; border-bottom:96px solid #fff;}

* html #xbar{height:100%; top:0; bottom:0; border-top:70px solid #fff; border-bottom:60px solid #fff;}

* html #tools .inner,

* html #status .inner,

* html #pages .inner{height:34px}

</style> 

</head> 

 

 

<body> 

 

<div id="header"> 

                <div id="innerHeader"><h3>本实例是，高度自适应100%显示，顶部和底部固定，中间自适应。左侧固定，右侧自适应的实例。</h3></div> 

        </div> 

 

                <div id="sortList"> 

                        <div class="inner"> 

                                <ul> 

                                        <li class="folder"><a href="#">显示文件夹</a></li> 

                                        <li class="tags"><a href="#">显示标签</a></li> 

                                </ul> 

                        </div> 

                </div> 

                <div id="selector"> 

                        <div class="inner"> 

                        <h3>您的标签</h3> 

                        <p><a href="http://www.websjy.com/html/">首页</a> 

<a href="http://www.websjy.com/html/html/news.html">设计资讯</a> 

<a href="http://www.websjy.com/html/html/bbs.html">论坛精选</a> 

<a href="http://www.websjy.com/html/html/uchblog.html">设计日志</a> 

<a href="http://www.websjy.com/html/html/uchimage.html">设计图片</a> 

<a href="http://www.websjy.com/html/m.php?name=jc">设计教程</a> 

<a href="http://www.websjy.com/html/m.php?name=sc">设计素材</a> 

<a href="http://www.websjy.com/my/">设计部落</a> 

<a href="http://www.websjy.com/bbs">设计论坛</a></p>test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test

                        </div> 

        </div> 

        

 

        <div id="xbar"></div> 

 

        <div id="tools"> 

                <div class="inner">这里可以当工具栏</div> 

        </div> 

        <div id="status"> 

                <div class="inner">这里可以显示状态 ^^</div> 

        </div> 

        <div id="gird"> 

                <div class="inner"><p>本来是以前一个朋友要做收藏夹让我抄的,live的方式不错...只在一屏显示全部内容,部分内容要固定高宽,所以用了比较垃圾的方式...比如把IE骗进乱七八糟木模式(Quirks Mode)。</p> 

<p>所有主布局的元素都是用position:absolute流出来body后..根据不同浏览器写不同的定位方式

<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test</p> 

                        </div> 

        </div> 

        <div id="pages"> 

        <div class="inner"> 

        <a href="#"><img src="http://labs.aoao.org.cn/demo/layout/100x100/images/f.gif" /></a> 

        <a href="#"><img src="http://labs.aoao.org.cn/demo/layout/100x100/images/p.gif" /></a> 

        <span>1/1 页</span> 

        <a href="#"><img src="http://labs.aoao.org.cn/demo/layout/100x100/images/n.gif" /></a> 

        <a href="#"><img src="http://labs.aoao.org.cn/demo/layout/100x100/images/e.gif" /></a> 

        </div> 

        </div> 

 

 

<div id="footer"> 

        <div id="innerFooter"><p id="copyright">Copyright © <a rel="me" href="http://www.aoao.org.cn/" title="Beautiful Style « 样式之美 » www.aoao.org.cn">aoao</a> .  <a rel="license" href="http://creativecommons.org/licenses/by/2.5/" title="知识共享组织">Some rights reserved</a>.</p> 

        </div> 

</div> 

 

</body> 

</html>

　　

你可能感兴趣的:(高度自适应)

  • 【Flutter】时间轴高度自适应最佳实践 Tech Ranger FlutterAndroidflutter
    1使用部件画圆圈：使用canvas.drawCircle和属性为_paint.style=PaintingStyle.fill;画笔画两个实心圆；画竖线：使用canvas.drawLine和属性为_paint.style=PaintingStyle.stroke;的画笔画直线，通过p1和p2两个端点使直线为竖线在Container中调用decoration组件使用BorderTimeLine类。d
  • css实现div填充剩余空间 江湖yi山人 css前端html
    要求：A盒子高度自适应，B盒子填充完剩下的空间实现方案：将A和B的父元素固定大小，内部由弹性布局实现htmlHOMEcssbody{position:absolute;/*width:100%;height:100%;*/left:0;right:0;top:0;bottom:0;background:#FFFBEE;display:flex;/*使用弹性布局，使子元素较为灵活地填充*/flex-
  • 12. HarmonyOS动态卡片布局精解：高度自适应与ForEach渲染技术 harmonyos-next
    引言在现代应用UI设计中，卡片式布局因其清晰的信息分组和良好的视觉层次感而被广泛采用。本教程将深入探讨HarmonyOSArkUI框架中实现动态卡片布局的核心技术，特别关注卡片高度自适应和ForEach数据驱动渲染的实现方法。通过案例分析，我们将学习如何创建一个既美观又灵活的卡片列表界面。数据驱动UI：ForEach组件详解ForEach基本概念ForEach是ArkUI框架中用于数据驱动UI渲染
  • 微信小程序原生swiper高度自适应图片，不同屏幕适配，正方形1:1等比例图片轮播 coderYYY 前端项目教程以及代码微信小程序小程序前端微信前端框架
    作者：coderYYY个人简介：前端程序媛，目前主攻web前端，后端辅助，其他技术知识也会偶尔分享欢迎和我一起交流！（评论和私信一般会回！！）个人专栏推荐：《前端项目教程以及代码》✨一、前言分析一开始只设了图片的mode="widthFix"style="width:100%;"发现还是不能完全显示图片，发现问题所在是swiper高度得设，不然默认就是150px，超出部分会被截掉，不会被图片自动撑
  • Ant Design Blazor表格高度自适应 大灰狼わ javascriptc#AntDesignBlazor
    AntDesignBlazor表格高度自适应一、先导入js在_Host.cshtml导入jswindow.Web={//获取浏览器高度的方法GetBodyHeightByClassName:function(){try{varw=document.body.offsetHeight-400;if(w!=0){returnw;}return0;}catch(e){console.log(e);}},
  • Reflex：下一代可编程反射框架，为你解锁动态编程新可能 秋玥多
    Reflex：下一代可编程反射框架，为你解锁动态编程新可能reflexWebappsinpurePython项目地址:https://gitcode.com/gh_mirrors/re/reflex是一个创新的、高性能的可编程反射（meta-programming）框架，它允许开发者在运行时检查和修改代码的行为，极大地增强了灵活性和动态性，尤其适合于需要高度自适应或动态配置的软件系统。技术解析Re
  • css设置高度=宽度，响应式 aopei3540
    做九宫格时遇到的问题分别使用的float和flex来布局主要问题在于当宽度自适应时如何让高度等于宽度。首先想到的是与宽度一样设置高度自适应，如要为每个九宫格设置百分数的高度，要使它有效，则要设置父元素高度，若父元素仍然为百分数则要依次设置每一级的父元素高度，全为百分数的话，最后一级html必须设置height：100%；的百分数高度才有效。但是，这时不能让高度一直等于宽度，因此采用另外的方式。由于
  • 微信小程序中使用h5页面预览图片、视频、pdf文件 小嘟嚷ovo pdf前端微信小程序
    遇到了这么一个需求，需要在微信小程序中点击文件，进行文件预览。要求：图片：长图需要宽度100%高度自适应；横图的话宽度100%，高度居中显示视频：视频不管横向还是竖向都居中显示，有全屏播放按钮pdf：pdf需要宽度100%，高度自适应。可以预览多页pdf文件。概要：使用原生html、js、css写的，通过url吧要预览的文件的url传递过去。图片使用进行预览，自己写样式视频使用的是video.js
  • 响应式宠物店网站模板设计：Bootstrap框架实战 AWS云计算
    本文还有配套的精品资源，点击获取简介：本模板基于Bootstrap前端框架，为宠物商店量身打造，提供高度自适应的网页设计，覆盖桌面、平板和移动设备。Bootstrap的响应式设计、预置组件、JavaScript插件、易用性和可定制性，以及无障碍支持特性，共同为宠物商店网站带来了丰富的功能和吸引人的用户体验。通过使用该模板，开发者能快速构建出满足宠物商店需求的网站，包括首页、产品分类、宠物服务、关于
  • Unity 文字高度自适应 2301_79311694 unity
    期望文字有字号限制，输入文字文字后先判断高度是否适用于限制字号，若处于最小字号时高度任不适用，则调整RectTransform的高度。核心代码每次输入文字时先将字号设定为原始字号。comp.fontSize=fontSize;comp.text=content;拓展Text调用自适应脚本里的设定文字方法。publicstaticclassExtensionText{publicstaticvoid
  • Java-生成二维码带多行文字-支持自动换行-支持tab缩进效果-支持高度自适应 江节胜-胜行全栈AI Javajava
    最新版本更新https://code.jiangjiesheng.cn/article/3521.样式1：2.1效果图：忽略红色，最外层的红色只是方便展示当前图片的宽高2.2代码packagecn.jiangjiesheng.utils;importcom.google.zxing.BarcodeFormat;importcom.google.zxing.EncodeHintType;import
  • Flutter滚动布局嵌套高度自适应和滑动冲突处理 qq_28051795 Flutter
    在SingleChildScrollView中嵌套ListView,如果不指定ListView高度的话会报错,类似这样的════════Exceptioncaughtbyrenderinglibrary═════════════════════════════════════════════════════Thefollowingassertionwasthrownduringpaint():Re
  • 微信小程序仿微信聊天界面 微特尔普拉斯 微信小程序微信notepad++
    界面结构:消息列表:使用scroll-view实现滚动，每条消息使用view组件包裹，根据消息类型(文本、图片、文件)显示不同内容。输入框区域:包含输入框(textarea)、发送按钮(button)和上传文件按钮(view组件模拟)。头像:使用image组件展示。功能实现:多行输入框高度自适应:使用textarea组件的auto-height属性，并监听linechange事件动态调整高度。消息
  • uniapp scroll-view滚动触底加载 height高度自适应 影子信息 uniappuni-app
    背景：scroll-view组件是使用，官网说必须给一个高度height，否则无法滚动，所以刚开始设置了设置了一个高度，想着vh应该挺合适的；后来在不同手机应用中，发现不同手机，滚动触底加载的动态效果显示不出来。经过排查，解决办法是让height自适应。。。即，不设置height高度，在css里面设置：.content_box{min-height:0;width:100%;height:100%
  • 不同分辨率下vue页面的高度自适应 Abao vue.jsjavascript前端
    1.使用视口单位.element{height:100vh;/*使得元素高度等于视口高度的100%*//*可以减去一部分高度以适应页眉或页脚*/height:calc(100vh-100px);}2.使用百分比（%）高度.parent{height:100vh;/*父元素高度等于视口高度*/}.child{height:50%;/*子元素高度为父元素高度的50%*/}3.使用Flexbox或Gri
  • IOS开发0基础入门UIkit-3--实现一个高度自适应的UILabel和一个宽度自适应的UILabel Z编程 ios-UIkit入门ios
    1.实现一个高度自适应的UILable思路：UILabel初始化之后，先不要设置他的宽度和高度，等到设置好text属性和font属性之后，根据text的长度以及font的大小来计算UILabel控件的高度//实现一个高度自适应的uilabelUILabel*label2=[[UILabelalloc]init];label2.text=@"xxxxxxxxxxxxxxxxxxxxxxxxxxxxx
  • iOS UIScrollView高度自适应 芮淼一线
    UIScrollView经常会用来一些高度不确定的场景，要想完全展示(可滚动)需要正确计算contentSize的大小，当子控件很多时手动计算这些frame还是比较复杂，想要简单点就需要利用AutoLayout来实现自适应高度(宽度)。高度自适应时可以在UIScrollView中添加一个contentView，然后对contentView进行约束。然后将其他子控件添加到contentView中，再
  • height:0,padding-bottom:50% 流浪_8e2e
    当margin或者padding取值是百分比的时候，无论是left，right或者top，bottom，都是以父元素的width为参考物，进行提前占位，避免资源加载时候的闪烁，还可以让高度自适应。iconsexportdefault{name:'HomeIcons'}.iconsoverflow:hiddenheight:0padding-bottom:50%background:green看看效
  • 浮动元素父元素高度自适应（高度塌陷） MarciaC
    浮动元素父元素高度自适应（高度塌陷）当子元素有浮动并且父元素没有高度的情况下父元素会出现高度塌陷高度塌陷的解决方法hack1：给父元素添加声明overflow:hidden;(触发一个BFC)（缺点：超出元素会被隐藏）hack2:在浮动元素下方添加空div,并给该元素添加声明：div{clear:both;height:0;overflow:hidden;}（缺点：造成代码冗余）hack3:万能清
  • 前端--输入框换行，高度自适应 壹拾伍_0bb6
    最近项目遇到一个说小不小说大不大的问题，输入框要自动换行，并且高度还得自适应，我试了几种方式，1.input输入，input不能换行，上网查询了说将css设为word-break:break-all;word-wrap:break-word;也是无效的。2.div设置contenteditable="true"属性，这种方法可以实现输入内容自动换行，并且自适应高度，但是项目需要光标从边输入，我试过
  • flex布局下el-table表格高度自适应、表格头部固定 JCAL123 vue.jsjavascript前端css
    flex布局下el-table表格高度自适应、表格头部固定—vue技术交流群（864583465)(此群满可加2群：111822407）直接上代码固定高度固定高度import{Vue,Component}from'vue-property-decorator'@Component({})exportdefaultclassextendsVue{privatenum:number=123privat
  • Qt|QTextEdit编辑文本自动拉伸高度以及踩坑经验 糯诺诺米团 Qtqt开发语言
    最近做开放项目时，遇到了这样一个需求：使用QTextEdit编辑文本，随着编辑文本的变化，窗口高度自适应拉伸。实现该功能的核心思想：响应QTextEdit::textChanged消息，实时获取QTextEdit高度，当编辑框内容的高度超过最小值时，需要修改QTextEdit的高度。对于TextEdit编辑框自动拉伸的功能，很多博友也有记录，今天主要是针对踩坑经验分析，为大家分享！首先看一下实现效
  • vue实现瀑布流 天使的同类 瀑布流vue.jshtmlvue.js前端
    每个色块宽度一致，高度自适应VerticalLine.item-move{transition:all.5scubic-bezier(.55,0,.1,1);-webkit-transition:all.5scubic-bezier(.55,0,.1,1);}varapp=newVue({el:'#app',components:{'waterfall':Waterfall.waterfall,'
  • UITextView输入时高度自适应 NirvanaReborn凯
    这里使用的sizeThatFits方法，属于AutoLayout中的一个方法，代码如下：-(void)textViewDidChange:(UITextView*)textView{//获得textView的初始尺寸CGFloatwidth=CGRectGetWidth(textView.frame);CGFloatheight=CGRectGetHeight(textView.frame);CG
  • 微信小程序 图片自适应高度 宽度 完美适配原生或者uniapp 执波仔丶 微信小程序uni-app小程序
    -----查了一下百度看到网上图片高度自适应的解决方案基本是靠JS获取图片的宽度进行按比例计算得出图片高度。不是很符合我的需求/于是我脑瓜子一转想到一种新的解决方案不用JS计算也能完美解决。我写了一个组件，直接导入可以使用。---1.新建一个组件bl-adaptation-img.vue2.在main.js中导入//自适应图片图片高度宽度100%importblAdaptationImgfrom'
  • 实现小程序image图片宽度100%高度自适应 比奇堡的珊迪
    因为微信小程序的图片image有默认的宽高：width:320px和height:240px，所以只设置宽度100%是无效的，因为图片高度默认240px只需要添加属性mode="widthFix"设置宽度100%，.img{width:100%;}这样就可以实现图片宽度100%高度自适应，图片不会拉伸
  • Android TextView 字体大小&组件高度自适应解决方案 大渔歌_ Androidandroid
    TextView字体大小与组件高度不匹配问题通常在做UI的时候，文本都是比较重要的一部分。但是在Android中，往往会出现实际效果与UI图不太一致的情况，导致这种情况的出现主要是以下3个点。问题点属性值与实际绘制测量结果不一致字体大小字体行高组件高度解决方案自定义行高属性，严格遵从定义数值通过文本行数x行高，重新计算组件高度根据给定字号，在行高范围内，自适应调整字体高度不会超过行高，再重新设置字
  • UITableView-FDTemplateLayoutCell + 自动布局让 Cell 高度自适应 黑羽肃霜
    前提本文以Swift作为讲解，OC类似，不作赘述我们这里讨论的是纯代码方式的布局，所以XIB和Storyboard的使用方式不在本文的讨论范畴。问题描述通常情况下，我们都是通过functableView(_tableView:UITableView,heightForRowAtindexPath:IndexPath)->CGFloat{return50}提前告知每个Cell的高度。当UITable
  • 【CSS】保持元素宽高比 lynnhgwang css前端保持宽高比
    保持元素的宽高比，在视频或图片展示类页面是一个重要功能。本文介绍其常规的实现方法。实现效果当浏览器视口发生变化时，元素的尺寸随之变化，且宽高比不变。代码实现我们用最简单的元素结构来演示，实现宽高比为4：3。.box{width:50%;margin:100pxauto;background-color:pink;height://要实现高度自适应，这里就不能固定高度了。}接下来我们介绍2种方案来实
  • css-img图像同比缩小 哟哟耶耶 csscss前端
    1.HTML中使图像按比例缩小CSS来控制图像的大小，并保持其宽高比.image-container{width:300px;/*设置容器宽度*/height:auto;/*让高度自适应*/}.image-containerimg{width:100%;/*图像宽度填满容器*/height:auto;/*让高度自适应，保持宽高比*/}创建了一个包含图像的容器，并使用CSS来控制图像的大小。通过将容
  • 插入表主键冲突做更新 a-john
    有以下场景： 用户下了一个订单，订单内的内容较多，且来自多表，首次下单的时候，内容可能会不全（部分内容不是必须，出现有些表根本就没有没有该订单的值）。在以后更改订单时，有些内容会更改，有些内容会新增。 问题： 如果在sql语句中执行update操作，在没有数据的表中会出错。如果在逻辑代码中先做查询，查询结果有做更新，没有做插入，这样会将代码复杂化。 解决： mysql中提供了一个sql语
  • Android xml资源文件中@、@android:type、@*、？、@+含义和区别 Cb123456 @+@?@*
    一.@代表引用资源 1.引用自定义资源。格式：@[package:]type/name android：text="@string/hello"   2.引用系统资源。格式：@android:type/name     android:textColor="@android:color/opaque_red"
  • 数据结构的基本介绍 天子之骄 数据结构散列表树、图线性结构价格标签
    数据结构的基本介绍 数据结构就是数据的组织形式，用一种提前设计好的框架去存取数据，以便更方便，高效的对数据进行增删查改。正确选择合适的数据结构，对软件程序的高效执行的影响作用不亚于算法的设计。此外，在计算机系统中数据结构的作用也是非同小可。例如常常在编程语言中听到的栈，堆等，就是经典的数据结构。   经典的数据结构大致如下：   一：线性数据结构 (1)：列表 a
  • 通过二维码开放平台的API快速生成二维码 一炮送你回车库 api
     现在很多网站都有通过扫二维码用手机连接的功能，联图网(http://www.liantu.com/pingtai/)的二维码开放平台开放了一个生成二维码图片的Api,挺方便使用的。闲着无聊，写了个前台快速生成二维码的方法。        html代码如下:(二维码将生成在这div下) ? 1  &nbs
  • ImageIO读取一张图片改变大小 3213213333332132 javaIOimageBufferedImage
    package com.demo; import java.awt.image.BufferedImage; import java.io.File; import java.io.IOException; import javax.imageio.ImageIO; /** * @Description 读取一张图片改变大小 * @author FuJianyon
  • myeclipse集成svn（一针见血） 7454103 eclipseSVNMyEclipse
                                     &n
  • 装箱与拆箱----autoboxing和unboxing darkranger J2SE
    4.2　自动装箱和拆箱 基本数据(Primitive)类型的自动装箱(autoboxing)、拆箱(unboxing)是自J2SE 5.0开始提供的功能。虽然为您打包基本数据类型提供了方便，但提供方便的同时表示隐藏了细节，建议在能够区分基本数据类型与对象的差别时再使用。 4.2.1　autoboxing和unboxing 在Java中，所有要处理的东西几乎都是对象(Object)
  • ajax传统的方式制作ajax aijuans Ajax
    //这是前台的代码 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+
  • 只用jre的eclipse是怎么编译java源文件的？ avords javaeclipsejdktomcat
    eclipse只需要jre就可以运行开发java程序了，也能自动 编译java源代码，但是jre不是java的运行环境么，难道jre中也带有编译工具？ 还是eclipse自己实现的？谁能给解释一下呢问题补充：假设系统中没有安装jdk or jre，只在eclipse的目录中有一个jre，那么eclipse会采用该jre，问题是eclipse照样可以编译java源文件，为什么呢？ &nb
  • 前端模块化 bee1314 模块化
    背景： 前端JavaScript模块化，其实已经不是什么新鲜事了。但是很多的项目还没有真正的使用起来，还处于刀耕火种的野蛮生长阶段。   JavaScript一直缺乏有效的包管理机制，造成了大量的全局变量，大量的方法冲突。我们多么渴望有天能像Java（import），Python (import)，Ruby(require)那样写代码。在没有包管理机制的年代，我们是怎么避免所
  • 处理百万级以上的数据处理 bijian1013 oraclesql数据库大数据查询
    一.处理百万级以上的数据提高查询速度的方法：        1.应尽量避免在 where 子句中使用!=或<>操作符，否则将引擎放弃使用索引而进行全表扫描。         2.对查询进行优化，应尽量避免全表扫描，首先应考虑在 where 及 o
  • mac 卸载 java 1.7 或更高版本 征客丶 javaOS
    卸载 java 1.7 或更高 sudo rm -rf /Library/Internet\ Plug-Ins/JavaAppletPlugin.plugin 成功执行此命令后，还可以执行 java 与 javac 命令 sudo rm -rf /Library/PreferencePanes/JavaControlPanel.prefPane 成功执行此命令后，还可以执行 java
  • 【Spark六十一】Spark Streaming结合Flume、Kafka进行日志分析 bit1129 Stream
    第一步，Flume和Kakfa对接，Flume抓取日志，写到Kafka中 第二部，Spark Streaming读取Kafka中的数据，进行实时分析   本文首先使用Kakfa自带的消息处理（脚本）来获取消息，走通Flume和Kafka的对接 1. Flume配置 1. 下载Flume和Kafka集成的插件，下载地址：https://github.com/beyondj2ee/f
  • Erlang vs TNSDL bookjovi erlang
          TNSDL是Nokia内部用于开发电信交换软件的私有语言，是在SDL语言的基础上加以修改而成，TNSDL需翻译成C语言得以编译执行，TNSDL语言中实现了异步并行的特点，当然要完整实现异步并行还需要运行时动态库的支持，异步并行类似于Erlang的process（轻量级进程），TNSDL中则称之为hand，Erlang是基于vm(beam)开发，
  • 非常希望有一个预防疲劳的java软件, 预防过劳死和眼睛疲劳,大家一起努力搞一个 ljy325 企业应用
    　非常希望有一个预防疲劳的java软件，我看新闻和网站，国防科技大学的科学家累死了，太疲劳，老是加班，不休息，经常吃药，吃药根本就没用，根本原因是疲劳过度。我以前做java,那会公司垃圾，老想赶快学习到东西跳槽离开，搞得超负荷，不明理。深圳做软件开发经常累死人，总有不明理的人，有个软件提醒限制很好，可以挽救很多人的生命。 相关新闻： （1）IT行业成五大疾病重灾区：过劳死平均37.9岁
  • 读《研磨设计模式》-代码笔记-原型模式 bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ /** * Effective Java 建议使用copy constructor or copy factory来代替clone()方法： * 1.public Product copy(Product p){} * 2.publi
  • 配置管理---svn工具之权限配置 chenyu19891124 SVN
    今天花了大半天的功夫，终于弄懂svn权限配置。下面是今天收获的战绩。 安装完svn后就是在svn中建立版本库，比如我本地的是版本库路径是C:\Repositories\pepos。pepos是我的版本库。在pepos的目录结构 pepos    component    webapps 在conf里面的auth里赋予的权限配置为 [groups]
  • 浅谈程序员的数学修养 comsci 设计模式编程算法面试招聘
                                     浅谈程序员的数学修养
  • 批量执行 bulk collect与forall用法 daizj oraclesqlbulk collectforall
    BULK COLLECT 子句会批量检索结果，即一次性将结果集绑定到一个集合变量中，并从SQL引擎发送到PL/SQL引擎。通常可以在SELECT INTO、 FETCH INTO以及RETURNING INTO子句中使用BULK COLLECT。本文将逐一描述BULK COLLECT在这几种情形下的用法。     有关FORALL语句的用法请参考：批量SQL之 F
  • Linux下使用rsync最快速删除海量文件的方法 dongwei_6688 OS
    1、先安装rsync：yum install rsync 2、建立一个空的文件夹：mkdir /tmp/test 3、用rsync删除目标目录：rsync --delete-before -a -H -v --progress --stats /tmp/test/ log/这样我们要删除的log目录就会被清空了，删除的速度会非常快。rsync实际上用的是替换原理，处理数十万个文件也是秒删。
  • Yii CModel中rules验证规格 dcj3sjt126com rulesyiivalidate
    Yii cValidator主要用法分析：  yii验证rulesit 分类： Yii yii的rules验证 cValidator主要属性 attributes ,builtInValidators,enableClientValidation,message,on,safe,skipOnError  
  • 基于vagrant的redis主从实验 dcj3sjt126com vagrant
    平台: Mac 工具: Vagrant 系统: Centos6.5 实验目的: Redis主从   实现思路 制作一个基于sentos6.5, 已经安装好reids的box, 添加一个脚本配置从机, 然后作为后面主机从机的基础box   制作sentos6.5+redis的box   mkdir vagrant_redis cd vagrant_
  • Memcached(二)、Centos安装Memcached服务器 frank1234 centosmemcached
    一、安装gcc rpm和yum安装memcached服务器连接没有找到，所以我使用的是make的方式安装，由于make依赖于gcc，所以要先安装gcc 开始安装，命令如下，[color=red][b]顺序一定不能出错[/b][/color]： 建议可以先切换到root用户，不然可能会遇到权限问题：su root 输入密码...... rpm -ivh kernel-head
  • Remove Duplicates from Sorted List hcx2013 remove
    Given a sorted linked list, delete all duplicates such that each element appear only once. For example,Given 1->1->2, return 1->2.Given 1->1->2->3->3, return&
  • Spring4新特性——JSR310日期时间API的支持 jinnianshilongnian spring4
    Spring4新特性——泛型限定式依赖注入 Spring4新特性——核心容器的其他改进 Spring4新特性——Web开发的增强 Spring4新特性——集成Bean Validation 1.1(JSR-349)到SpringMVC  Spring4新特性——Groovy Bean定义DSL Spring4新特性——更好的Java泛型操作API  Spring4新
  • 浅谈enum与单例设计模式 247687009 java单例
    在JDK1.5之前的单例实现方式有两种(懒汉式和饿汉式并无设计上的区别故看做一种)，两者同是私有构 造器，导出静态成员变量，以便调用者访问。 第一种 package singleton; public class Singleton { //导出全局成员 public final static Singleton INSTANCE = new S
  • 使用switch条件语句需要注意的几点 openwrt cbreakswitch
    1. 当满足条件的case中没有break，程序将依次执行其后的每种条件（包括default）直到遇到break跳出 int main() { int n = 1; switch(n) { case 1: printf("--1--\n"); default: printf("defa
  • 配置Spring Mybatis JUnit测试环境的应用上下文 schnell18 springmybatisJUnit
    Spring-test模块中的应用上下文和web及spring boot的有很大差异。主要试下来差异有： 单元测试的app context不支持从外部properties文件注入属性 @Value注解不能解析带通配符的路径字符串 解决第一个问题可以配置一个PropertyPlaceholderConfigurer的bean。 第二个问题的具体实例是：    
  • Java 定时任务总结一 tuoni javaspringtimerquartztimertask
     Java定时任务总结  一.从技术上分类大概分为以下三种方式：  1.Java自带的java.util.Timer类，这个类允许你调度一个java.util.TimerTask任务;   说明：    java.util.Timer定时器，实际上是个线程，定时执行TimerTask类 &
  • 一种防止用户生成内容站点出现商业广告以及非法有害等垃圾信息的方法 yangshangchuan rank相似度计算文本相似度词袋模型余弦相似度
    本文描述了一种在ITEYE博客频道上面出现的新型的商业广告形式及其应对方法，对于其他的用户生成内容站点类型也具有同样的适用性。   最近在ITEYE博客频道上面出现了一种新型的商业广告形式，方法如下：     1、注册多个账号（一般10个以上）。     2、从多个账号中选择一个账号，发表1-2篇博文
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他