小杰90s
小杰90s

第一个子元素在未超过父元素高度的情况下设置margin-top导致出现竖向滚动条的问题

首先要说明的是在什么情况下会出现这种问题：
在移动端，我们经常会设置html,body的height为100%，让处于最外面的父级元素刚好充满整个屏幕高度，但是，如果此时body下面第一个子元素，刚好设置了margin-top的值，你会发现页面出现了竖向滚动条，问题是这个子元素并没有超过父容器高度也导致出现竖向滚动条，似乎这个margin-top是添加到了父容器上。
一个比较实际的例子：假如一个页面有一个列表，第一个子元素需要保持和最顶部有一些上边距，于是你设置了这个子元素margin-top:20px，这个子元素的高度并没有超过父元素的高度，但是整个页面出现了竖向滚动条

出现这种问题的原因：
如果两个相邻元素没有border或者padding进行分割，那么会发生外边距合并的现象，并且合并后的外边距以相邻元素中较大的外边距为最终结果
第一个子元素在未超过父元素高度的情况下设置margin-top导致出现竖向滚动条的问题_第1张图片

<!DOCTYPE html>
<html>
<head>
	<title>子元素设置margin-top导致出现滚动条</title>
	<style type="text/css">
		* {
			margin: 0;
			padding: 0;
		}
		html,body {
			height: 100%;
		}
		.child {
			margin-top: 20px;
			height: 200px;
			background-color: #DDD;
		}
	</style>
</head>
<body>
	<div class="child"></div>
</body>
</html>

上面的代码表示，两个相邻元素：body元素和class为child的div元素，body元素没有border或者padding与其相邻元素进行分割，所以这个相邻元素的margin-top值会被合并到body上，最终导致原本高度为100%的body元素多出20px的上边距，于是出现了竖向滚动条

解决办法
1.给父元素添加padding或者border值
此时应该注意：父元素盒模型的模式应该改变为：box-sizing: border-box; 以免导致竖向或横向多出设置的值

html,body {
	height: 100%;
	padding: 1px;
	border: 1px solid transparent; 
	/* 或者是添加 padding: 1px*/
	box-sizing: border-box; /*注意改变盒子模型*/
}
.child {
	margin-top: 20px;
	height: 200px;
	background-color: #DDD;
}

2.在第一个子元素前面添加占位元素

<!DOCTYPE html>
<html>
<head>
	<title>子元素设置margin-top导致出现滚动条</title>
	<style type="text/css">
		* {
			margin: 0;
			padding: 0;
		}
		html,body {
			height: 100%;
		}
		.child {
			height: 200px;
			background-color: #DDD;
		}
		.space {
			height: 20px;
		}
	</style>
</head>
<body>
	<div class="space"></div>
	<div class="child"></div>
</body>
</html>

3.如果不考虑此页面包含的是一个列表或者有很多子元素的情况，可以使用绝对定位让该子元素脱离文档流
需要注是：在拥有多个子元素的情况下，如果第一个子元素脱离了文档流，那么第二个子元素就相当于第一个子元素了，也就是说：如果第二个子元素设置了margin-top的值，那么还是会导致这个问题的出现

.child {
	height: 200px;
	background-color: #DDD;
	width: 100%;
	position: absolute;
	top: 20px;
}

4.还是跟第3点的前提一样，如果不考虑此页面包含的是一个列表或者有很多子元素的情况，设置父元素的overflow-y: hidden;

html,body {
	height: 100%;
	overflow-y: hidden;
}
.child {
	height: 200px;
	background-color: #DDD;
	margin-top: 20px;
}

你可能感兴趣的:(前端问题)

  • 如何向他人请教一个前端问题 刘叶青
    参考文章:http://www.dianbo.org/9238/stone/tiwendezhihui.htm问别人代码前，先把代码放到http://js.jirengu.com/?js,output，然后写完以后把链接给别人,不要给别人截图一段代码或者复制粘贴
  • Cache-Control浏览器缓存 时光之里 浏览器javascriptCache-Control缓存控制缓存校验Expiresetag
    描述同一个标签页，打开A站点，访问config接口，正常；打开B站点，访问config接口，正常；通过浏览器后退返回A站点，访问config接口，数据异常，config返回了B站点的数据。测试站点数据https://a.aaa.comhttps://b.bbb.com分析判断是否是前端问题通过观察，后退时仍然向服务器发送了请求，调用了config接口，可以排除判断是不是前端本地存储未更新通过观察，
  • 超全前端面试（全！全！全！！！） 蔡宝儿
    笔者通过平时面试总结以及面试别人常提的问题，结合自己认为非常重要的前端各技术栈的知识点，总结了这篇中高级前端面试。让需要的小伙伴所阅读，让不在大厂的小伙伴提前了解大厂前端面试官常问的各种常见前端问题。首先拿出我珍藏很久的前端面试题:web前端开发工程师（vue）|智一面初级web前端|智一面Html51、HTML5新特性有哪些？添加了video，radio标签添加了canvas画布和svg,渲染矢
  • 在雷电模拟器中安装apk包使用charles抓包详细教程 weixin_41812355 Androidandroid
    背景由于手头没有多余的平板，所以用模拟器来安装应用进行测试，有时候想要知道是前端问题还是后端问题，需要安装charles来进行抓包；最终效果模拟器上浏览应用，能抓到应用数据；具体步骤模拟器开启root权限windows安装charles应用可以百度，网上有很多，这里就不再赘述；安装完成后，导出证书；点击Charles->Help->SSLProxying->SaveCharlesRootCerti
  • 测试——Bug+用例篇 玫瑰永不凋零呀 bugjava
    1、如何创建Bug创建Bug的要素：问题出现的版本：edge版本120.0.2210.144(正式版本)(64位)问题出现的环境：Windows家庭版10出现的步骤：1、打开edge浏览器，输入网址，2、等待页面渲染完成，发现与预期不符预期结果：二维码与登录界面不会遮挡，都会显示出来实际结果：二维码被遮挡住Bug归属：前端问题Bug等级：一般2、Bug的级别Bug存在着在不同的严重级别，不同Bug
  • 前端bug、后端bug，如何辨别？ Joey_GZ
    【问题】前端加载不出页面【排查】1.排查页面接口是否有返回数据F12--Network--XHR排查结果如图：后端有返回数据image.png2.排查前端是否报异常F12--Consol排查结果如图：前端报错，说明是前端问题image.png
  • HTTP基础知识总结 SuperStar77 HTTP学习笔记http网络协议网络
    目录一、什么是HTTP？二、与HTTP有关的协议三、HTTP请求特征四、HTTP组成格式五、HTTP标头1.通用标头2.实体标头3.请求标头4.响应标头六、HTTP状态码分类我们在日常测试过程中，也可以通过浏览器F12简单定位是前端问题还是后端问题，同样的在接口自动化测试过程中，基本都是发送HTTP/HTTPS请求，本文主要是讲解下HTTP基础知识，适合小白。后续会讲解接口自动化测试中Python
  • 分布式-解决网站跨域请求问题 Hey 锡瑞 分布式解决网站跨域问题Zuul解决跨域
    一、聊一聊网站跨域1.1、什么食物网站跨域/跨域产生原因什么是网站跨域：跨域产生原因：在当前域名请求网站中，默认不允许通过ajax请求发送其他域名（属于浏览器安全策略问题，不属于前端问题）。如果ajax访问的地址与浏览器访问的域名和端口号都不同的情况下，默认浏览器会有安全策略，直接无法获取到请求结果。注意：跨域问题请求是可以访问的，但只是获取不到结果。疑问1：微服务通讯（RPC通讯）会产生跨域问题
  • 面试中遇到的前端问题 小熊波
    1，阐述一下你对HTML语义化的理解？通过使用恰当语义的HTML标签，可以让页面具有良好的结构与含义 1.增强了HTML代码的可读性，使开发者能够更好地开发网页； 2.增强了HTML代码的互用性，使其他开发者能够更容易地阅读和理解源代码，并更好地进行后续的维护与更新； 3.让页面的内容结构更清晰，便于浏览器和搜索引擎解析； 4.有利于搜索引擎优化（SEO）（搜索引擎的爬虫依赖于“HTML标记”来确
  • elementUI 输入框按回车刷新页面分析与解决 齐天qaq 前端分享elementui前端javascript
    今天在测试页面功能的时候，突然发现在输入框内按enter页面被刷新，并且我的vue代码中并没有绑定@keyup.enter.native的操作。于是我决定对这个前端问题进行分析与解决；分析：首先看一下我的前端代码，很简单只有一个el-input输入框。恰恰就是因为只有这一个输入框，导致了回车刷新页面，这是el-form的特性；原因：当el-form表单内只有一个el-input输入框时，在输入框内
  • 2020-11-29ANR----以及如何定位是前端问题还是后台问题？ 呀呼呼呼
    ANR----以及如何定位是前端问题还是后台问题？1.什么是ANR在Android中，应用程序响应由ActivityManager和WindowManager系统服务进行监视。ANR(ApplicationNotResponding)，则是Android的一种自我保护措施，当主线程出现卡顿时候，Android系统会给用户一个弹出提示，让用户手动选择继续等待还是强制关闭此APP。当Android检测
  • 产品经理必懂的技术 - 前端技术上 小吕小吕是个铲屎的仙吕
    产品经理为什么要懂一些前端技术？当前端H5工程师说CSS时，你是否知道他在表达什么？当andriod工程师说这个文本要用TextView时，你是否明白TextView是什么？当ios工程师说这个UITableView要自定义时，你作何理解？当产品经理在设计原型时，该如何在设计阶段降低前端开发成本呢？当遇到一个产品bug时，产品经理如何定位到底是前端问题还是后端问题？产品经理必懂的前端技术-上：01
  • 测试过程&线上问题的定位分析问题处理总结 起码有故事 软件测试程序员IT程序人生测试工程师软件测试单元测试python
    问题，俗称BUG.在测试工程师的职责范围内，要尽可能且尽早地发现程序上的问题，找到问题，然后暴露出来给开发修复，减少线上问题的发生，降低公司因线上问题产生的风险。在发现问题之后，也要关注定位问题、分析问题，下面针对测试过程和线上问题的定位分析问题展开讨论：一、测试过程定位问题整体思路：先判断是前端还是后端问题，再跟根据前后端问题属性展开定位前端问题：1.样式-与UI设计对比、测试各机器各系统各浏览
  • 抓包以及工作原理 sisselxie
    1.使用场景（1).排查线上前端问题（2).抓包查看APP中webview渲染页面请求，单独h5链接有鉴权不能单独情况（3).构建模拟测试场景(mock)（4).APP弱网模拟测试（5).前端性能分析及优化2.什么是抓包抓包就是将网络传输发送与接收的数据包进行截获、重发、编辑、转存等操作，通过抓包可以：分析网络问思路就是设置一个中间人进程负责抓包，每次目标进程之间的会话都先与中间人进程通信，再进行
  • 前端问题场景与解决方案 冬天里的小妖怪 前端
    如何运行项目中的build文件夹（打包后的项目）首先提醒我们要在package.json里面加上主页，接着就是全局安装serve：npminstall-gserveserve安装成功了以后，运行serve-sbuild项目就启动起来了，它的固定端口是5000；那么我们想改动端口怎么办呢？运行下面的命令就可以用指定的端口启动项目了：serve-l2000-sbuild//从2000端口启动项目注意：
  • java自定义异常并直接抛出到前端 全年无休天天加班 java
    java自定义异常并直接抛出到前端问题描述有时候在后台编写业务逻辑时，可能会遇到异常捕获并抛出处理的情况，基本上来说只需要使用try-catch来判断即可，遇到一些比较复杂的逻辑，try-catch还是很有必要的，但是如果只是简单的异常要阻断当前流程并返回相应的信息，业务比较多的系统的话，自定义一个抛出异常工具类可以减少相应代码量，方便后期维护完善。欢迎各位小伙伴留言提出自己看法，共同进步。1.自
  • 推荐一个技术不错的前端程序员朋友 前端达人 前端
    前端技术日新月异，发展迅速，于是在项目中我们总是会碰到各种难题，不知道怎么解决实现。这里强烈推荐一个前端朋友的优质公众号，专注于分享大前端项目中的功能问题及实现，快去关注、搜索你的问题吧！作者简介作者：大澈，掘金/小红书/CSDN/知乎等多平台创作者，全网阅读量80w+。写了20w+字前端面试题专栏，帮助很多小伙伴跳槽涨薪！写了25w+字前端问题专栏，帮助很多小伙伴高效解决同类问题！专注于分享大前
  • react不同环境不同配置angular_Angular vs. React：哪个更适合Web开发? weixin_39957271
    已经有数不尽的文章讨论React和Angular哪个更适合网站开发。那我为什么写这一篇文章呢？写这篇文章，是因为虽然已有的文章都含有很棒的观点，但没有一篇足够深入地为前端开发者评判哪一款可能满足他们的需求。在这篇文章里，你将了解：Angular和React是怎么通过不同的方案来解决相似的前端问题的？选择Angular或React是否仅仅只是个人喜好问题？为了对比它们，我们分别用Angular和Re
  • 前端问题记录（持续更新...） 竹叶轻拂水 笔记javascriptvuejavascript
    此文档记录在项目中遇到一些问题的解决方法，如果你有更好的解决方法，我们一起讨论啊目录1、Vue在子组件向父组件传值的方法中增加自定义参数2、利用图片的url获取图片的宽高3、更新node-sass报错4、scss@mixinand@include5、`pre`标签vs`white-space`样式属性6、vue无感刷新7、兼容苹果浏览器的时间显示8、滚动条样式的修改9、vue数据变化页面不刷新的问
  • 如何判断BUG是属于前端还是后端（抓包/日志定位分析） 南瓜冬瓜北 前端bugjava
    （我的公众号“墨石测试攻略”，关注可免费获取整套接口测试实战项目！）有的BUG看一眼就知道是前端还是后端的，而有些BUG则需要借助抓包工具（Fiddler、Charlers、浏览器的F12等）、日志进行分析了。一般界面上的像错别字/字体大小、按钮显示、输入框超出边界等问题，不要犹豫、不要徘徊，肯定是前端问题；界面报404的八成是前端写错了请求地址，指给前端开发；报500的，一般是后端问题，指给后端
  • 前端问题整理 weixin_30509393 前端jsonuiViewUI
    $HTML，HTTP，web综合问题1、前端需要注意哪些SEO合理的title、description、keywords：搜索对着三项的权重逐个减小，title值强调重点即可，重要关键词出现不要超过2次，而且要靠前，不同页面title要有所不同；description把页面内容高度概括，长度合适，不可过分堆砌关键词，不同页面description有所不同；keywords列举出重要关键词即可语义化
  • 前端问题踩坑 送我迷迭香
    1.报错Failedtoresolveloader:sass-loaderimage.png新增组件时遇到的解决：删掉vue文件CSS样式部分的lang="scss"image.png2.报错'v-model'directivesrequirenoargumentimage.png原因：vetur插件的作者给出了解决办法：这是ESLint对vetur进行了eslint检查，我们可以把eslint对
  • 前端面试题10.23 STATICHIT静砸 前端面试
    解决的最复杂的前端问题，介绍一下最复杂的前端问题之一是浏览器兼容性，不同浏览器对网页的渲染方式存在差异，需要针对不同浏览器做兼容性处理。此外，前端性能优化也是一个复杂的问题，需要综合考虑网页加载速度、渲染性能等多个方面。通信方式是最优的吗？vue中的各种通信方式通信方式并没有绝对的最优解，而是根据具体情况选择最适合的方式。在Vue中，常见的通信方式有props和$emit、事件总线、Vuex等。每
  • ANR----以及如何定位是前端问题还是后台问题？ 唠个甜嗑呗
    你是否了解过ANR？什么是ANRANR(ApplicationNotresponding)，即应用程序无响应，简单来说，就是用户界面突然卡住，无法响应用户的操作（比如触摸事件）。Android系统对于一些事件需要在一定的时间范围内完成，如果超过预定时间能未能得到有效响应或者响应时间过长，都会造成ANR。一般情况下，ANR后会弹出一个提示框，告知用户当前应用无响应，用户可选择继续等待或者关闭应用。出
  • 从0到1搞定前端性能测试（非常详细） 测试开发Kevin 性能测试测试基础知识测试开发前端性能优化
    提到性能测试大家往往会想到多用户使用系统时对服务器后端的性能测试，前端页面的性能往往容易被忽视，但是如果存在性能问题，就算后端服务器性能再好，用户的体验也是极差的。并且随着现在富前端和大前端的流行，前端系统越来越复杂，性能问题也越来越多，所以及时发现并修复性能问题是非常重要的。本文介绍了应用前端的性能指标、测试前端性能的方法以及常见前端问题的具体修复方案，希望通过本文能够帮助前端研发人员和测试人员
  • 前端问题集合 qq_37299525 前端vue.jsjavascript
    特别的专业术语微格式是什么go普通事件和事件绑定有什么区别?go前端页面由哪三层构成，分别是什么？作用是什么？go解释一下快排，用的什么思想，时间复杂度怎么计算gojsBridge的原理gohtmlhtml语义化中dl、dt、dd什么意思，ol、ul呢godiv+css布局和table布局的区别goQUIRKS模式和STANDARDS模式的区别go网页标准和标准制定机构重要性的理解go超链接访问过
  • vue项目-前端请求接口报405 not allowed 杨乐多00 前端http
    之前从没遇到过，以为是网关，问前端同事他说他之前遇到是找后台解决的，可能有什么服务没开，但是网上查到的4开头基本是前端问题，然后找到了这篇博主，解决了，就是路径的问题http405错误解决_kafka同学的博客-CSDN博客_405http注释原始的是我clone下来就这样，然后本地跑不起来报405，后面改成下面那个注释本地的就可以了
  • 前端问题 点击侧边导航栏动态生成tab页 bright future cheer 前端javascripthtml
    左侧点击后右侧添加tab标签栏以及内容body{font-family:LucidaSans,LucidaSansUnicode,Arial,Sans-Serif;font-size:13px;margin:0pxauto;}#tabs{margin:0;padding:0;list-style:none;overflow:hidden;}#tabsli{float:left;display:bl
  • css实现一行N个元素动态布局（以4个为例） 皇菇凉 css前端
    昨日同事问了我一个前端问题，前端开发的尺寸都不按照UI图上面还原的吗？我了解了其中原由，告知UI图并不会考虑到所有的场景，只能给个案例，画图是死的，代码写出来的得是活的。就像他遇到的案例，请看下面截图里面的小盒子他按照UI给的宽来写，结果如下一行根本放不下四个，因为会出现滚动条的情况，还有分辨率不同的情况，所以这时候我们就不能只按照UI给的尺寸来写死，只能写自适应的。我给他推荐了一种书写方式如下，
  • 学之思第二天-调通登录功能 渣瓦攻城狮 学之思考试管理项目SpringBootvuespringbootvue项目
    目录一、前端问题二、后端问题三、总结之前一直是一个前端网页即使输对了正确的账号密码，也进不去。一、前端问题前端控制台就是一大堆爆红：报错信息大概下面这样：Uncaught(inpromise)NavigationDuplicated{_name:"NavigationDuplicated"}解决方法：还是从百度上面找到的答案，确实是只要将下面的这段代码，粘贴到main.js文件中问题就解决了。到这
  • [黑洞与暗粒子]没有光的世界 comsci
         无论是相对论还是其它现代物理学,都显然有个缺陷,那就是必须有光才能够计算      但是,我相信,在我们的世界和宇宙平面中,肯定存在没有光的世界....      那么,在没有光的世界,光子和其它粒子的规律无法被应用和考察,那么以光速为核心的 &nbs
  • jQuery Lazy Load 图片延迟加载 aijuans jquery
    基于 jQuery 的图片延迟加载插件，在用户滚动页面到图片之后才进行加载。 对于有较多的图片的网页，使用图片延迟加载，能有效的提高页面加载速度。 版本： jQuery v1.4.4+ jQuery Lazy Load v1.7.2 注意事项： 需要真正实现图片延迟加载，必须将真实图片地址写在 data-original 属性中。若 src
  • 使用Jodd的优点 Kai_Ge jodd
    1.  简化和统一 controller ，抛弃 extends SimpleFormController ，统一使用 implements Controller 的方式。 2.  简化 JSP 页面的 bind, 不需要一个字段一个字段的绑定。 3.  对 bean 没有任何要求，可以使用任意的 bean 做为 formBean。   使用方法简介
  • jpa Query转hibernate Query 120153216 Hibernate
    public List<Map> getMapList(String hql, Map map) { org.hibernate.Query jpaQuery = entityManager.createQuery(hql); if (null != map) { for (String parameter : map.keySet()) { jp
  • Django_Python3添加MySQL/MariaDB支持 2002wmj mariaDB
    现状 首先，[email protected] 中默认的引擎为 django.db.backends.mysql 。但是在Python3中如果这样写的话，会发现 django.db.backends.mysql 依赖 MySQLdb[5] ，而 MySQLdb 又不兼容 Python3 于是要找一种新的方式来继续使用MySQL。 MySQL官方的方案 首先据MySQL文档[3]说，自从MySQL
  • 在SQLSERVER中查找消耗IO最多的SQL 357029540 SQL Server
    返回做IO数目最多的50条语句以及它们的执行计划。 select top 50   (total_logical_reads/execution_count) as avg_logical_reads,  (total_logical_writes/execution_count) as avg_logical_writes,  (tot
  • spring UnChecked 异常 官方定义！ 7454103 spring
      如果你接触过spring的 事物管理！那么你必须明白 spring的 非捕获异常！ 即 unchecked 异常！ 因为 spring 默认这类异常事物自动回滚！！ public static boolean isCheckedException(Throwable ex) { return !(ex instanceof RuntimeExcep
  • mongoDB 入门指南、示例 adminjun javamongodb操作
    一、准备工作 1、 下载mongoDB 下载地址：http://www.mongodb.org/downloads 选择合适你的版本 相关文档：http://www.mongodb.org/display/DOCS/Tutorial 2、 安装mongoDB A、 不解压模式： 将下载下来的mongoDB-xxx.zip打开，找到bin目录，运行mongod.exe就可以启动服务，默
  • CUDA 5 Release Candidate Now Available aijuans CUDA
    The CUDA 5 Release Candidate is now available at http://developer.nvidia.com/<wbr></wbr>cuda/cuda-pre-production. Now applicable to a broader set of algorithms, CUDA 5 has advanced fe
  • Essential Studio for WinRT网格控件测评 Axiba JavaScripthtml5
    Essential Studio for WinRT界面控件包含了商业平板应用程序开发中所需的所有控件，如市场上运行速度最快的grid 和chart、地图、RDL报表查看器、丰富的文本查看器及图表等等。同时，该控件还包含了一组独特的库，用于从WinRT应用程序中生成Excel、Word以及PDF格式的文件。此文将对其另外一个强大的控件——网格控件进行专门的测评详述。 网格控件功能 1、
  • java 获取windows系统安装的证书或证书链 bewithme windows
          有时需要获取windows系统安装的证书或证书链，比如说你要通过证书来创建java的密钥库  。 有关证书链的解释可以查看此处 。   public static void main(String[] args) { SunMSCAPI providerMSCAPI = new SunMSCAPI(); S
  • NoSQL数据库之Redis数据库管理(set类型和zset类型) bijian1013 redis数据库NoSQL
    4.sets类型         Set是集合，它是string类型的无序集合。set是通过hash table实现的，添加、删除和查找的复杂度都是O(1)。对集合我们可以取并集、交集、差集。通过这些操作我们可以实现sns中的好友推荐和blog的tag功能。         sadd：向名称为key的set中添加元
  • 异常捕获何时用Exception，何时用Throwable bingyingao
    用Exception的情况 try {        //可能发生空指针、数组溢出等异常         } catch (Exception e) {          
  • 【Kafka四】Kakfa伪分布式安装 bit1129 kafka
    在http://bit1129.iteye.com/blog/2174791一文中，实现了单Kafka服务器的安装，在Kafka中，每个Kafka服务器称为一个broker。本文简单介绍下，在单机环境下Kafka的伪分布式安装和测试验证   1. 安装步骤   Kafka伪分布式安装的思路跟Zookeeper的伪分布式安装思路完全一样，不过比Zookeeper稍微简单些(不
  • Project Euler bookjovi haskell
    Project Euler是个数学问题求解网站，网站设计的很有意思，有很多problem，在未提交正确答案前不能查看problem的overview，也不能查看关于problem的discussion thread，只能看到现在problem已经被多少人解决了，人数越多往往代表问题越容易。     看看problem 1吧： Add all the natural num
  • Java-Collections Framework学习与总结-ArrayDeque BrokenDreams Collections
            表、栈和队列是三种基本的数据结构，前面总结的ArrayList和LinkedList可以作为任意一种数据结构来使用，当然由于实现方式的不同，操作的效率也会不同。         这篇要看一下java.util.ArrayDeque。从命名上看
  • 读《研磨设计模式》-代码笔记-装饰模式-Decorator bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ import java.io.BufferedOutputStream; import java.io.DataOutputStream; import java.io.FileOutputStream; import java.io.Fi
  • Maven学习(一) chenyu19891124 Maven私服
        学习一门技术和工具总得花费一段时间，5月底6月初自己学习了一些工具，maven+Hudson+nexus的搭建，对于maven以前只是听说，顺便再自己的电脑上搭建了一个maven环境，但是完全不了解maven这一强大的构建工具，还有ant也是一个构建工具，但ant就没有maven那么的简单方便，其实简单点说maven是一个运用命令行就能完成构建，测试，打包，发布一系列功
  • [原创]JWFD工作流引擎设计----节点匹配搜索算法(用于初步解决条件异步汇聚问题) 补充 comsci 算法工作PHP搜索引擎嵌入式
    本文主要介绍在JWFD工作流引擎设计中遇到的一个实际问题的解决方案，请参考我的博文"带条件选择的并行汇聚路由问题"中图例A2描述的情况(http://comsci.iteye.com/blog/339756),我现在把我对图例A2的一个解决方案公布出来，请大家多指点 节点匹配搜索算法(用于解决标准对称流程图条件汇聚点运行控制参数的算法) 需要解决的问题：已知分支
  • Linux中用shell获取昨天、明天或多天前的日期 daizj linuxshell上几年昨天获取上几个月
    在Linux中可以通过date命令获取昨天、明天、上个月、下个月、上一年和下一年 # 获取昨天 date -d 'yesterday'  # 或 date -d 'last day' # 获取明天 date -d 'tomorrow'   # 或 date -d 'next day' # 获取上个月 date -d 'last month' #
  • 我所理解的云计算 dongwei_6688 云计算
          在刚开始接触到一个概念时，人们往往都会去探寻这个概念的含义，以达到对其有一个感性的认知，在Wikipedia上关于“云计算”是这么定义的，它说：        Cloud computing is a phrase used to describe a variety of computing co
  • YII CMenu配置 dcj3sjt126com yii
    Adding id and class names to CMenu We use the id and htmlOptions to accomplish this. Watch. //in your view $this->widget('zii.widgets.CMenu', array( 'id'=>'myMenu', 'items'=>$this-&g
  • 设计模式之静态代理与动态代理 come_for_dream 设计模式
    静态代理与动态代理        代理模式是java开发中用到的相对比较多的设计模式，其中的思想就是主业务和相关业务分离。所谓的代理设计就是指由一个代理主题来操作真实主题，真实主题执行具体的业务操作，而代理主题负责其他相关业务的处理。比如我们在进行删除操作的时候需要检验一下用户是否登陆，我们可以删除看成主业务，而把检验用户是否登陆看成其相关业务
  • 【转】理解Javascript 系列 gcc2ge JavaScript
    理解Javascript_13_执行模型详解 摘要: 在《理解Javascript_12_执行模型浅析》一文中,我们初步的了解了执行上下文与作用域的概念，那么这一篇将深入分析执行上下文的构建过程，了解执行上下文、函数对象、作用域三者之间的关系。函数执行环境简单的代码:当调用say方法时，第一步是创建其执行环境，在创建执行环境的过程中，会按照定义的先后顺序完成一系列操作:1.首先会创建一个
  • Subsets II hcx2013 set
    Given a collection of integers that might contain duplicates, nums, return all possible subsets. Note: Elements in a subset must be in non-descending order. The solution set must not conta
  • Spring4.1新特性——Spring缓存框架增强 jinnianshilongnian spring4
    目录 Spring4.1新特性——综述 Spring4.1新特性——Spring核心部分及其他 Spring4.1新特性——Spring缓存框架增强 Spring4.1新特性——异步调用和事件机制的异常处理 Spring4.1新特性——数据库集成测试脚本初始化 Spring4.1新特性——Spring MVC增强 Spring4.1新特性——页面自动化测试框架Spring MVC T
  • shell嵌套expect执行命令 liyonghui160com
        一直都想把expect的操作写到bash脚本里,这样就不用我再写两个脚本来执行了,搞了一下午终于有点小成就,给大家看看吧.   系统:centos 5.x   1.先安装expect yum -y install expect   2.脚本内容: cat auto_svn.sh   #!/bin/bash
  • Linux实用命令整理 pda158 linux
    0. 基本命令 　　linux 基本命令整理 　 　1. 压缩 解压 　　tar -zcvf a.tar.gz a   #把a压缩成a.tar.gz 　　tar -zxvf a.tar.gz     #把a.tar.gz解压成a 　 　2. vim小结 　　2.1 vim替换 　　:m,ns/word_1/word_2/gc  
  • 独立开发人员通向成功的29个小贴士 shoothao 独立开发
    概述：本文收集了关于独立开发人员通向成功需要注意的一些东西,对于具体的每个贴士的注解有兴趣的朋友可以查看下面标注的原文地址。 明白你从事独立开发的原因和目的。 保持坚持制定计划的好习惯。 万事开头难，第一份订单是关键。 培养多元化业务技能。 提供卓越的服务和品质。 谨小慎微。 营销是必备技能。 学会组织，有条理的工作才是最有效率的。 “独立
  • JAVA中堆栈和内存分配原理 uule java
    1、栈、堆 1.寄存器：最快的存储区, 由编译器根据需求进行分配,我们在程序中无法控制.2. 栈：存放基本类型的变量数据和对象的引用，但对象本身不存放在栈中，而是存放在堆（new 出来的对象）或者常量池中（字符串常量对象存放在常量池中。）3. 堆：存放所有new出来的对象。4. 静态域：存放静态成员（static定义的）5. 常量池：存放字符串常量和基本类型常量（public static f
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他