webcode
webcode

DIV+CSS实现模态锁屏对话框

首先就要在需要的页面里加入两个层，这也是我们实现的主角（mask和dialog).
然后为两个层设置CSS样式，做为mask当然就要半透明效果了，在IE中可以用filter实现，其它浏览器也有类似的实现方法，这里就不讲了。mask的with和height可以通过scrollWidth和scrollHeigth得到，让它充满整个浏览器。其它样式就自个调吧，反正偶不是一个擅做美工的人。
对话框dialog层要将z-index设置的高一点。这样才会在mask之上，另外要说明的是mask可以禁用网页上的input但是对select则需要将其另设为disable，在对话框关闭时将select重新置回enable。
接下就是用JS对层进行操作了，对话框肯定要有title,infomation之类，另外也要实现拖动。下面把代码帖上，大家看一下应该就会明白。

css样式文件
.#mask {
visibility:hidden;
background-color: #cccccc;
left:0px;
position:absolute;
top:0px;
background-image: none;
filter:alpha(opacity: 50);

}

.#dialog
{
visibility: hidden;
background-color: #f7fcfe;
z-index: 100;
width: 300px;
position: absolute;
height: 120px;

}

.dgtitle
{
width: 200px;
height: 18px;
font-size: 11pt;
color: #3333ff;
background-color: #eef2f6;
}

.dgfooter
{
height: 32px;
font-size: 11pt;
background-color: #eef2f6;
}
.formButton
{
background-color:#6699cc;
padding:2px 4px 3px 4px;
color:#000000;
font-size:8pt;
font-family:tahoma;
height:17px;
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,
StartColorStr=#B4C5DF, EndColorStr=#91A9D0);
border-width:0px;
cursor: hand;
}

JS文件
function show(title,msg)
{
var d_mask=document.getElementById('mask');
var d_dialog = document.getElementById('dialog');


d_mask.style.width = document.body.clientWidth ;
d_mask.style.height=document.body.clientHeight;


d_dialog.style.top = document.body.clientHeight / 2 - 60;
d_dialog.style.left =document.body.clientWidth / 2 -100;

var Inner = "<input type='button' value='Close'onclick='DialogClose()'/>"

var info = "<table cellspacing='0' width='100%'height='100%'>"+
"<tr ><td><imgsrc='info.gif'/>"
+title
+"</td><tdalign='right'><imgsrc='close1.gif' onclick='DialogClose()'onmouseover='Icon_Close_Over(this)'onmouseout='Icon_Close_Out(this)'/></td></tr>"
+"<tr><td colspan='2'><img src='i.gif'/>"
+msg
+"</td></tr>"
+"<tr ><td></td><td>"
+"<center><input type='button' value='Close'onclick='DialogClose()'/></center>"
+"</td></tr>"
+"</table>";


d_dialog.innerHTML =info;

disableSelect()

d_mask.style.visibility='visible';
d_dialog.style.visibility='visible';

}

function Icon_Close_Over(obj)
{
obj.src='close.gif';
}

function Icon_Close_Out(obj)
{
obj.src='close1.gif'
}

function DialogClose()
{
var d_mask=document.getElementById('mask');
var d_dialog = document.getElementById('dialog');


enableSelect()
d_mask.style.visibility='hidden';
d_dialog.style.visibility='hidden';
}

function disableSelect()
{
for(i=0;i<document.all.length;i++)
if(document.all(i).tagName=="SELECT")
document.all(i).disabled = true;
}

function enableSelect()
{
for(i=0;i<document.all.length;i++){
if(document.all(i).tagName=="SELECT")
{
document.all(i).disabled = false;
}
}
}

function divBlock_event_mousedown()
{
var e, obj, temp;
obj=document.getElementById('dialog');
e=window.event?window.event:e;
obj.startX=e.clientX-obj.offsetLeft;
obj.startY=e.clientY-obj.offsetTop;
document.onmousemove=document_event_mousemove;
temp=document.attachEvent?document.attachEvent('onmouseup',document_event_mouseup):document.addEventListener('mouseup',document_event_mouseup,'');
}


function document_event_mousemove(e)
{
var e, obj;
obj=document.getElementById('dialog');
e=window.event?window.event:e;
with(obj.style){
position='absolute';
left=e.clientX-obj.startX+'px';
top=e.clientY-obj.startY+'px';
}
}

function document_event_mouseup(e)
{
var temp;
document.onmousemove='';
temp=document.detachEvent?document.detachEvent('onmouseup',document_event_mouseup):document.removeEventListener('mouseup',document_event_mouseup,'');
}


window.onresize = function()
{
var d_mask=document.getElementById('mask');
var d_dialog = document.getElementById('dialog');


d_mask.style.width = document.body.clientWidth ;
d_mask.style.height=document.body.clientHeight;
}

测试页面文件
<html>
<head>
<title>无标题页</title>
<link href="modeldialog.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="modelDialog.js">

</script>


</head>


<div id ="mask"></div>
<div id ="dialog"onmousedown="divBlock_event_mousedown()"></div>

<body>
<table border='0' width="100%" height="100%">
<tr>
<td>
如果您打算在五一长假外出游玩，那么一款宽大舒适的可折叠顶棚的个性跑车或许是个不错的主意。在这个国内车市降价声音此起彼伏的春季，进口车是否耐得住寂寞呢？据网上车市价格监测体系显示，进口标致307CC北京地区4S店售价松动。目前优惠幅度为一万元，具体优惠措施如下图所示：
307CC是标致307的演变版本。CC代表“couplecabriolet”，代表既具轿跑车的操作性，又有敞篷车的潇洒风范。作为一款个性化的硬顶敞篷跑车，标致307CC于采用了双门式的设计。圆滑饱满的引擎盖线条逐渐向后延伸，柔和的过渡到a柱。前风档的大倾斜角度，与前鼻融相得益彰。尾部的个性化造型可谓是点睛之笔，精致的蝶衣型的LED尾灯让人眼前一亮，极具未来感。扰流板的线条过渡平滑，高位刹车灯巧妙的集成其中。
307CC最值得炫耀的卖点就是只要25秒就可以电动完成打开、收起工作的折叠硬顶，而需要实现的这一过程，只需要按动一个按钮即可。新型敞篷结构与车体间的密合度有高水平的表现，令车厢保有优异的隔音效果，完全破除了Topless车款必然嘈杂的传统思维。另外，宽大的内部空间也足以满足容纳四个成年人一起享受敞篷车带来的乐趣。
注重安全性是法国“猫科动物”的特点，对于一款可敞篷行驶的跑车而言更是如此。除了安全气囊和车门防撞钢梁外，诸如abs、eba、esp、asr等一应俱全。车身刚度方面，307cc在a柱沿车门前沿的车身内设计的补强结构可以弥补这方面的不足。而大家关心的碰撞安全方面，经历了严格的ncap碰撞试验的307cc交给了消费者4颗星的满意答卷。
作为国内为数不多的敞篷车型，307CC延续着法国标致的高端情怀。但是连同标致旗下的206cc与为数不多的其他进口可折叠硬顶跑车奔驰SLK200、雷克萨斯SC430相比，307cc的价格更能让人接受。现在北京的4S店又降了一万元，您准备好了吗？
</td>
</tr>
<tr><td ><input id="pos" type="text"/><select id="Select1">
<option selected="selected">1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option></option>
</select>
<input id="Radio1" type="radio" />
<input id="Radio2" type="radio" />
<textarea id="TextArea1" cols="20"rows="2"></textarea>
<img src="close.gif" style="margin-right:0px;marker-offset:600px; padding-right:0px; position:relative;left:500px" /></td></tr>
<tr><td><input type="button" value="Show Dialog"onclick="show('网页提示','你按下了锁屏按钮!')" /><inputtype="button" value="test" onclick="alert()"/></td></tr>
<tr><td></td></tr>
</table>

</body>
</html>

你可能感兴趣的:(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：做与用户的交互行为文章目录前端学习路线
  • 大学生HTML期末大作业——HTML+CSS+JavaScript购物商城（美食） 无·糖 Web前端期末大作业html课程设计cssjavascript大学生大作业web网页设计
    HTML+CSS+JS【购物商城】网页设计期末课程大作业web前端开发技术web课程设计网页规划与设计文章目录一、网站题目二、网站描述三、网站介绍四、网站效果五、️网站代码六、️‍如何学习进步七、‍☠️更多干货文章目录一、网站题目购物商城美食7页含jQuery登录注册二、网站描述总结了一些学生网页制作的经验：一般的网页需要融入以下知识点：div+css布局、浮动、定位、高级css、表格、表单及验证
  • Vue3 实现一个简单的方位动画 程序员vue.js
    这是最近遇到的一个有点意思的需求，需要根据后端返回的数据，在一块地图的具体的方位上显示对应位置标识（位置图钉）。不用十分精确，只要能表现出大致的方位即可。类似下面的效果，有点像游戏里的地图标识。设计思路由于不用十分精确，就用最简单的div+css来实现位置标识的显示和动画。之后再通过配合背景图片来保证最基础的效果。方位总共9个，东南西北中加上四个角，通过Grid布局让其形成3*3的格子。位置标识只
  • html添加遮罩 我的名字叫勇敢#5271 前端html添加遮罩
    html添加遮罩的代码如下所示使用div+css，加载中的图片是网上下载的动图，可以根据自己需要进行修改DIVCSS遮罩层functionshowdiv(){document.getElementById("bg").style.display="block";/*document.getElementById("show").style.display="block";*/}functionhi
  • 大前端完整学习路线（详解） 强哥科技兴
    第一阶段：HTML+CSS:HTML进阶、CSS进阶、div+css布局、HTML+css整站开发、JavaScript基础：Js基础教程、js内置对象常用方法、常见DOM树操作大全、ECMAscript、DOM、BOM、定时器和焦点图。JS基本特效：常见特效、例如：tab、导航、整页滚动、轮播图、JS制作幻灯片、弹出层、手风琴菜单、瀑布流布局、滚动事件、滚差视图。JS高级特征：正则表达式、排序算
  • 一个网站是如何制作出来的 前端开发小白
    "一个网站是如何制作出来的？是不是用了很高大上的技术？"这是大多数童鞋经常会产生的疑问网页制作并非大家想的那样用了高大上的技术。其实网站制作很简单，是由一个叫div+css来搞定的Div+css是什么？div+css是网站布局方式Div：是一个常见网页布局结构。它取代传统的表格布局方式。（就相当于人的骨架和各个零件）Css:是给网站进行美化和修饰。（相当于人的衣服、鞋子、帽子等修饰自己的东西）例如
  • 浮动与清除浮动的六种方法 旧忆ajm
    1.什么是浮动?css中,一共给我们了三种布局方式标准文档流浮动(float)定位(postion)DIV+CSS布局在css中很多效果是标准流无法做到的,比如我要三个div盒子在一行显示,这个在标准流中是无法办到的,因为块级元素的特点就是可以设置宽和高,但是它会独占一行这时候我们就需要使用浮动2.浮动经常出现的问题在元素进行浮动后,会出现父元素没有高度的情况,下面的内容会直接弹到上面的div盒子
  • 2020最新版PHP学习路线--PHP是最好的编程语言吗？ PHP9年架构师
    第一阶段：PHP学习路线-web前端此阶段的学习目标：能够根据UI的设计实现HTML的静态布局。此阶段的市场价值：熟练掌握之后，可以满足市场静态页面布局，但是市场就业工资相对较低。此阶段的重点知识：掌握HTML5常用标签；掌握CSS语法及使用技巧；掌握CSS3新增选择器；掌握CSS3新增样式属性；掌握DIV+CSS布局方式；掌握常见网页布局技巧；熟练使用JavaScript脚本为页面实现动态效果；
  • Web网页设计作业html 周末简设 网页设计html前端css
    /主题/《周末の天空》/前话/周末的天空如此蓝，阳光如此的温暖，可总是不能长久，时间转瞬，希望曾经关心自己和自己关心的人一切都安好，言归正传，该模板为纯html5模板，样式简单，页面都是以DIV+CSS实现线性布局，运用html5技术，包括nav标签、header标签和footer标签等，支持PC端和手机端。/图摘//设计/
  • div布局 Mr_J316
    2019-04-16盒模型可以把网页看作是由一个个的“盒子”组合而成。这个盒子就是div标签。HTML主要利用div标签进行网页布局，利用CSS进行样式设置，这种方法称为“Div+CSS”。div常用属性1.width2.height3.margin属性描述margin简写属性。按照上、右、下、左顺序设置外边距。margin-bottom下外边距。margin-left左外边距。margin-ri
  • 特邀：一个想法，十年坚持，一位普通码农向技术总监的进阶之路 程序员技术圈
    在中国有很多人都认为IT行为是吃青春饭的，如果过了30岁就很难有机会再发展下去！其实现实并不是这样子的，在这里在下想凭借自己的亲身经历，与大家一起探讨一下。明确入行的目的很多人干IT这一行都冲着“收入高”这一点的，因为只要学会一点HTML,DIV+CSS，要做一个页面开发人员并不是一件难事，而且做一个页面开发人员更容易找到工作，收入比普通的工作还要高一些，所以成为了很多高校毕业生的选择。如果您只是
  • 大一学生Web课程设计 美食主题网页制作(HTML+CSS+JavaScript)-咖啡 6页 二挡起步 web前端期末大作业前端javascripthtmlbootstrap美食
    源码获取文末联系Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业|精彩专栏推荐美食网页介绍|甜品蛋糕|地方美食小吃文化|餐饮文化|等网站的设计与制作|美食主题网站|HTML期末大学生网页设计作业HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础
  • 2020年小白要知道的Web前端学习路线 web前端学习指南
    今天小编要跟大家分享的文章是关于2020年小白要知道的Web前端学习路线。准备在2020年学习Web前端技术的小伙伴们来和小编一起看看本篇文章，希望能够对大家有所帮助！第一阶段：●HTML+CSS:HTML进阶、CSS进阶、div+css布局、HTML+css整站开发、●JavaScript基础：Js基础教程、js内置对象常用方法、常见DOM树操作大全、ECMAscript、DOM、BOM、定时器
  • 前端：分享几个前端素材网站 蓝绿色~菠菜 前端前端bootstrapjavascript
    1、17素材网：资源还算比较全，包括各种前端插件、图片展示、文字效果、以及整站模板等，但是需要花钱注册会员。网址：jQuery网页特效最全网页模板和网站模板jQuery代码_17素材网2、模板之家：整站资源比较丰富，各种后台管理、企业、政府模板。免费，广告较多。网址：网页模板,网站模板,DIV+CSS模板,企业网站模板下载-模板之家3、图标bootstrap图标大全：BootstrapIcons-
  • html 实现格子效果,div+css实现九宫格效果 weixin_39793420 html实现格子效果
    div+css实现九宫格效果有3种方法：1、方法一：把九宫图切割成9张图，用9个div合在一起，改变宽高，实现。优点：兼容性100%支持，缺点div太多，使用不方便。2、方法二：把九宫图按特定格式排列成一张图，再用9个div合在一起，改变宽高和padding，实现。优点：兼容性100%支持，缺点div太多，使用不方便。一张背景实现自适应九宫格/*为了让看得简单清晰点，CSS跟XHTML代码就不写那
  • 【HTML/CSS/JavaScript】网页设计实验四（DIV+CSS 综合运用 ） 阿斯卡码 课程作业csshtml前端
    DIV+CSS综合运用项目1应用外部样式表设计新闻页面项目2设计“匾牌设计”页面项目3设计《中国教育网络》杂志简介项目4设计《京东商品导购》页面项目5设计“文轩图书榜”页面项目6设计“巴城老街风景”页面+++点击资源索引【查看其它实验】+++项目1应用外部样式表设计新闻页面使用Dreamweaver等软件编写符合以下要求的文档，完成后的效果如图4-1所示：（1）文件名：prj_4_1.html。（
  • web前端项目重构的理解 亮学长 前端
    重构是指在不改变外部行为的前提下，对代码、结构、布局或者设计进行优化和改进的过程。在前端开发中，重构通常指对网站或应用程序的前端部分进行优化和改造，以提升性能、可维护性和用户体验。对于传统的网站来说，重构可以包括以下方面的优化：结构优化：将使用表格布局的页面改为使用DIV+CSS布局，使页面结构更加语义化、清晰，并提高页面的可读性和维护性。兼容性优化：将网站的前端代码和样式进行调整，使其能够兼容现
  • 数据可视化 - Echarts图表 Henry_ww 前端echarts
    可视化项目代码-->底部01-项目介绍应对现在数据可视化的趋势，越来越多企业需要在很多场景(营销数据，生产数据，用户数据)下使用，可视化图表来展示体现数据，让数据更加直观，数据特点更加突出。我们引入‘立可得’数据可视化项目。该项目除了使用了基础的DIV+CSS布局，还引入了一些C3技术，还引入了各类图表的绘制，以及高级的地图数据可视化案例。主要功能有：饼状图、柱状图、线形图、地图…线上地址：htt
  • CSS中的页面布局方式 为梦想而战@大学生 前端cssjavascriptcss3linux
    页面布局在实际工作，页面布局有以下几种：table布局div+css布局弹性布局网格布局table布局（了解）这种布局方式早期经常使用，大概在2000看开始就基本上不使用这种布局方式了。因为它解析性能差。    table布局      顶部内容                                            用户注册                             
  • 学生个人静态网页设计作品之我的家乡 月光作笺Y
    设计思路页面使用居中效果，留下留白简洁简便，使浏览者在浏览的过程中有一种舒适感，在视觉方面有着清晰安静的画面，吸引浏览者对下面内容的浏览。作品采用的背景是白色，在视觉方面上有着明亮的空间，主体内容宽度为1080px，较大的宽度让浏览者能够清晰的浏览。知识运用在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识内容介绍
  • 一个标准对话框css样式 苏叶的小城堡
    由于对话框内容的长度不一,使用背景图片很难兼容,所有,开始使用div+css来编写一个对话框,内容如下:html:css:效果:
  • 程序员，为什么如此迷茫？ 假话当真
    所有的迷茫都是因为未知，所有的畏惧都是因为不够用强大！很多人干IT这一行都冲着“收入高”这一点的，因为只要学会一点HTML、DIV+CSS，要做一个页面开发人员并不是一件难事，而且做一个页面开发人员更容易找到工作，收入比普通的工作还要高一些，所以成为了很多高校毕业生的选择。如果正好说的是你，那我劝阁下还是趁早转行吧，程序员这个职位不适合你，这样做也是为了避免以后遇到35岁的中年危机，出现进退两难的
  • WEB前端人机交互导论实验-实训4 DIV+CSS综合运用 起床悠悠 前端htmlcss前端csshtml5
    1.项目1设计《中国教育网络》杂志简介A题目要求：综合运用DIV+CSS设计《中国教育网络》杂志简介页面，效果如下图所示:B.思路整体思路是将《中国教育网络》杂志的简介信息以有序的方式呈现出来，同时通过样式和布局设置，使页面更具吸引力和可读性。页面结构使用元素进行划分，文本内容使用不同的HTML元素进行组织，样式通过外部和内联样式定义来实现。（1）CSS样式：*：对所有文本字体大小进行调整。p：对
  • html制作网页案例代码----(故宫博物馆9页)特效很多 二挡起步 web前端期末大作业htmljavascript前端dreamweavercss
    ⛵源码获取文末联系✈Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业茶文化网站|中华传统文化题材|京剧文化水墨风书画|中国民间年画文化艺术网站|等网站的设计与制作|HTML期末大学生网页设计作业，Web大学生网页HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样
  • 大学生个人网页模板 简单网页制作作业成品 极简风格个人介绍HTML(个人博客 4页) 二挡起步 web前端期末大作业htmljavascript前端dreamweaver风景
    ⛵源码获取文末联系✈Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业|个人博客网站|个人主页介绍|个人简介|个人博客设计制作|等网站的设计与制作|大学生个人HTML网页设计作品|HTML期末大学生网页设计作业，Web大学生网页HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相
  • 关于我的家乡html网页设计完整版 以家乡为主题的网页设计与实现 二挡起步 web设计网页规划与设计html前端javascriptbootstrapdreamweaver
    Web前端三大核心技术HTML：结构HTML期末大学生网页设计作业，可以替换文字图片满足不同的CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript：做与用户的交互行为文章目录前端学习路线网页基本结构网页演示网站源码HTML结构代码学的反而越迷茫学习更多前端学习路线（1）html文件：其
  • 用HBuider编写城市旅游网站 javascript html5 http 1． 布局设计 （1） 文件命名正确、项目文件组织结构合理。 （2） 页面布局合理、结构完整。主题鲜明，页 酸奶公园 旅游javascripthtml5
    用HBuider编写城市旅游网站javascripthtml5http1．布局设计（1）文件命名正确、项目文件组织结构合理。（2）页面布局合理、结构完整。主题鲜明，页面清晰，内容充实完整。（3）页面间链接正确。要求运用div+css布局或结构标签。2．内容设计（1）正确使用标签（5种以上），定义文字、表格、列表、图片、声音、动画、视频等内容。内容充实图文并茂，框架及表格结构清楚合理。（2）正确使用
  • HTML做一个简单漂亮的旅游网页（纯html代码）重庆旅游 7页 优质内容贡献 HTML5期末大作业html旅游javascript游戏css
    ⛵源码获取文末联系✈Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业|家游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作|HTML期末大学生网页设计作业HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript：做与用户的交
  • HTML&CSS知识点总结（二） nzdnllm
    1.表单标签常用属性：action：表单提交的位置method：表单提交的方法（get/post/put/delete……）默认值:get2.表单常用值解析：（1）用户名：value：文本框默认值size：文本框长度maxlengh：最多输入字符数readonly：只读（用户修改用户信息时的身份证号等条目）placeholder：提示信息3.使用div+CSS布局完成首页重构（1）divhtml标
  • Java开发中，spring mvc 的线程怎么调用？ 小麦麦子 springmvc
    今天逛知乎，看到最近很多人都在问spring mvc 的线程http://www.maiziedu.com/course/java/ 的启动问题，觉得挺有意思的，那哥们儿问的也听仔细，下面的回答也很详尽，分享出来，希望遇对遇到类似问题的Java开发程序猿有所帮助。 问题：     在用spring mvc架构的网站上，设一线程在虚拟机启动时运行，线程里有一全局
  • maven依赖范围 bitcarter maven
    1.test 测试的时候才会依赖，编译和打包不依赖，如junit不被打包 2.compile 只有编译和打包时才会依赖 3.provided 编译和测试的时候依赖，打包不依赖，如：tomcat的一些公用jar包 4.runtime 运行时依赖，编译不依赖 5.默认compile 依赖范围compile是支持传递的，test不支持传递 1.传递的意思是项目A，引用
  • Jaxb org.xml.sax.saxparseexception : premature end of file darrenzhu xmlprematureJAXB
    如果在使用JAXB把xml文件unmarshal成vo(XSD自动生成的vo)时碰到如下错误： org.xml.sax.saxparseexception : premature end of file 很有可能时你直接读取文件为inputstream，然后将inputstream作为构建unmarshal需要的source参数。InputSource inputSource = new In
  • CSS Specificity 周凡杨 html权重Specificitycss
      有时候对于页面元素设置了样式，可为什么页面的显示没有匹配上呢？ because specificity CSS 的选择符是有权重的，当不同的选择符的样式设置有冲突时，浏览器会采用权重高的选择符设置的样式。     规则：   HTML标签的权重是1 Class 的权重是10 Id 的权重是100
  • java与servlet g21121 servlet
    servlet 搞java web开发的人一定不会陌生，而且大家还会时常用到它。 下面是java官方网站上对servlet的介绍： java官网对于servlet的解释 写道 Java Servlet Technology Overview Servlets are the Java platform technology of choice for extending and enha
  • eclipse中安装maven插件 510888780 eclipsemaven
    1.首先去官网下载 Maven： http://www.apache.org/dyn/closer.cgi/maven/binaries/apache-maven-3.2.3-bin.tar.gz 下载完成之后将其解压， 我将解压后的文件夹：apache-maven-3.2.3， 并将它放在 D:\tools目录下， 即 maven 最终的路径是：D:\tools\apache-mave
  • jpa@OneToOne关联关系 布衣凌宇 jpa
    Nruser里的pruserid关联到Pruser的主键id，实现对一个表的增删改，另一个表的数据随之增删改。 Nruser实体类 //***************************************************************** @Entity @Table(name="nruser") @DynamicInsert @Dynam
  • 我的spring学习笔记11-Spring中关于声明式事务的配置 aijuans spring事务配置
    这两天学到事务管理这一块，结合到之前的terasoluna框架，觉得书本上讲的还是简单阿。我就把我从书本上学到的再结合实际的项目以及网上看到的一些内容，对声明式事务管理做个整理吧。我看得Spring in Action第二版中只提到了用TransactionProxyFactoryBean和<tx:advice/>,定义注释驱动这三种，我承认后两种的内容很好，很强大。但是实际的项目当中
  • java 动态代理简单实现 antlove javahandlerproxydynamicservice
    dynamicproxy.service.HelloService package dynamicproxy.service; public interface HelloService { public void sayHello(); }   dynamicproxy.service.impl.HelloServiceImpl package dynamicp
  • JDBC连接数据库 百合不是茶 JDBC编程JAVA操作oracle数据库
             如果我们要想连接oracle公司的数据库，就要首先下载oralce公司的驱动程序，将这个驱动程序的jar包导入到我们工程中;   JDBC链接数据库的代码和固定写法;     1,加载oracle数据库的驱动;     &nb
  • 单例模式中的多线程分析 bijian1013 javathread多线程java多线程
    谈到单例模式，我们立马会想到饿汉式和懒汉式加载，所谓饿汉式就是在创建类时就创建好了实例，懒汉式在获取实例时才去创建实例，即延迟加载。 饿汉式： package com.bijian.study; public class Singleton { private Singleton() { } // 注意这是private 只供内部调用 private static
  • javascript读取和修改原型特别需要注意原型的读写不具有对等性 bijian1013 JavaScriptprototype
            对于从原型对象继承而来的成员，其读和写具有内在的不对等性。比如有一个对象A，假设它的原型对象是B，B的原型对象是null。如果我们需要读取A对象的name属性值，那么JS会优先在A中查找，如果找到了name属性那么就返回；如果A中没有name属性，那么就到原型B中查找name，如果找到了就返回；如果原型B中也没有
  • 【持久化框架MyBatis3六】MyBatis3集成第三方DataSource bit1129 dataSource
    MyBatis内置了数据源的支持，如：   <environments default="development"> <environment id="development"> <transactionManager type="JDBC" /> <data
  • 我程序中用到的urldecode和base64decode,MD5 bitcarter cMD5base64decodeurldecode
    这里是base64decode和urldecode，Md5在附件中。因为我是在后台所以需要解码： string Base64Decode(const char* Data,int DataByte,int& OutByte) { //解码表 const char DecodeTable[] = { 0, 0, 0, 0, 0, 0
  • 腾讯资深运维专家周小军：QQ与微信架构的惊天秘密 ronin47
    社交领域一直是互联网创业的大热门，从PC到移动端，从OICQ、MSN到QQ。到了移动互联网时代，社交领域应用开始彻底爆发，直奔黄金期。腾讯在过去几年里，社交平台更是火到爆，QQ和微信坐拥几亿的粉丝，QQ空间和朋友圈各种刷屏，写心得，晒照片，秀视频，那么谁来为企鹅保驾护航呢？支撑QQ和微信海量数据背后的架构又有哪些惊天内幕呢？本期大讲堂的内容来自今年2月份ChinaUnix对腾讯社交网络运营服务中心
  • java-69-旋转数组的最小元素。把一个数组最开始的若干个元素搬到数组的末尾，我们称之为数组的旋转。输入一个排好序的数组的一个旋转，输出旋转数组的最小元素 bylijinnan java
    public class MinOfShiftedArray { /** * Q69 旋转数组的最小元素 * 把一个数组最开始的若干个元素搬到数组的末尾，我们称之为数组的旋转。输入一个排好序的数组的一个旋转，输出旋转数组的最小元素。 * 例如数组{3, 4, 5, 1, 2}为{1, 2, 3, 4, 5}的一个旋转，该数组的最小值为1。 */ publ
  • 看博客，应该是有方向的 Cb123456 反省看博客
    看博客，应该是有方向的:  我现在就复习以前的，在补补以前不会的，现在还不会的，同时完善完善项目，也看看别人的博客.  我刚突然想到的:  1.应该看计算机组成原理，数据结构，一些算法，还有关于android,java的。  2.对于我，也快大四了，看一些职业规划的，以及一些学习的经验，看看别人的工作总结的.    为什么要写
  • [开源与商业]做开源项目的人生活上一定要朴素,尽量减少对官方和商业体系的依赖 comsci 开源项目
         为什么这样说呢？  因为科学和技术的发展有时候需要一个平缓和长期的积累过程，但是行政和商业体系本身充满各种不稳定性和不确定性，如果你希望长期从事某个科研项目，但是却又必须依赖于某种行政和商业体系，那其中的过程必定充满各种风险。。。       所以，为避免这种不确定性风险，我
  • 一个 sql优化 （[精华] 一个查询优化的分析调整全过程！很值得一看 ） cwqcwqmax9 sql
    见   http://www.itpub.net/forum.php?mod=viewthread&tid=239011 Web翻页优化实例 提交时间: 2004-6-18 15:37:49      回复    发消息  环境： Linux ve
  • Hibernat and Ibatis dashuaifu Hibernateibatis
    Hibernate  VS  iBATIS 简介 Hibernate 是当前最流行的O/R mapping框架，当前版本是3.05。它出身于sf.net，现在已经成为Jboss的一部分了 iBATIS 是另外一种优秀的O/R mapping框架，当前版本是2.0。目前属于apache的一个子项目了。 相对Hibernate“O/R”而言，iBATIS 是一种“Sql Mappi
  • 备份MYSQL脚本 dcj3sjt126com mysql
    #!/bin/sh # this shell to backup mysql #[email protected] (QQ:1413161683 DuChengJiu) _dbDir=/var/lib/mysql/ _today=`date +%w` _bakDir=/usr/backup/$_today [ ! -d $_bakDir ] && mkdir -p
  • iOS第三方开源库的吐槽和备忘 dcj3sjt126com ios
    转自 ibireme的博客   做iOS开发总会接触到一些第三方库，这里整理一下，做一些吐槽。   目前比较活跃的社区仍旧是Github，除此以外也有一些不错的库散落在Google Code、SourceForge等地方。由于Github社区太过主流，这里主要介绍一下Github里面流行的iOS库。   首先整理了一份 Github上排名靠
  • html wlwmanifest.xml eoems htmlxml
    所谓优化wp_head()就是把从wp_head中移除不需要元素，同时也可以加快速度。 步骤： 加入到function.php remove_action('wp_head', 'wp_generator'); //wp-generator移除wordpress的版本号，本身blog的版本号没什么意义，但是如果让恶意玩家看到，可能会用官网公布的漏洞攻击blog remov
  • 浅谈Java定时器发展 hacksin java并发timer定时器
    java在jdk1.3中推出了定时器类Timer,而后在jdk1.5后由Dou Lea从新开发出了支持多线程的ScheduleThreadPoolExecutor，从后者的表现来看，可以考虑完全替代Timer了。 Timer与ScheduleThreadPoolExecutor对比： 1.    Timer始于jdk1.3,其原理是利用一个TimerTask数组当作队列
  • 移动端页面侧边导航滑入效果 ini jqueryWebhtml5cssjavascirpt
    效果体验：http://hovertree.com/texiao/mobile/2.htm可以使用移动设备浏览器查看效果。效果使用到jquery-2.1.4.min.js，该版本的jQuery库是用于支持HTML5的浏览器上，不再兼容IE8以前的浏览器，现在移动端浏览器一般都支持HTML5，所以使用该jQuery没问题。HTML文件代码： <!DOCTYPE html> <h
  • AspectJ+Javasist记录日志 kane_xie aspectjjavasist
    在项目中碰到这样一个需求，对一个服务类的每一个方法，在方法开始和结束的时候分别记录一条日志，内容包括方法名，参数名+参数值以及方法执行的时间。   @Override public String get(String key) { // long start = System.currentTimeMillis(); // System.out.println("Be
  • redis学习笔记 MJC410621 redisNoSQL
    1)nosql数据库主要由以下特点：非关系型的、分布式的、开源的、水平可扩展的。 1，处理超大量的数据 2，运行在便宜的PC服务器集群上， 3，击碎了性能瓶颈。 1)对数据高并发读写。 2)对海量数据的高效率存储和访问。 3)对数据的高扩展性和高可用性。 redis支持的类型： Sring 类型 set name lijie get name lijie set na
  • 使用redis实现分布式锁 qifeifei
    在多节点的系统中，如何实现分布式锁机制，其中用redis来实现是很好的方法之一，我们先来看一下jedis包中，有个类名BinaryJedis,它有个方法如下：   public Long setnx(final byte[] key, final byte[] value) { checkIsInMulti(); client.setnx(key, value); ret
  • BI并非万能，中层业务管理报表要另辟蹊径 张老师的菜 大数据BI商业智能信息化
           BI是商业智能的缩写，是可以帮助企业做出明智的业务经营决策的工具，其数据来源于各个业务系统，如ERP、CRM、SCM、进销存、HER、OA等。        BI系统不同于传统的管理信息系统，他号称是一个整体应用的解决方案，是融入管理思想的强大系统：有着系统整体的设计思想，支持对所有
  • 安装rvm后出现rvm not a function 或者ruby -v后提示没安装ruby的问题 wudixiaotie function
    1.在~/.bashrc最后加入 [[ -s "$HOME/.rvm/scripts/rvm" ]] && source "$HOME/.rvm/scripts/rvm"  2.重新启动terminal输入：   rvm use ruby-2.2.1 --default  把当前安装的ruby版本设为默
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他