yzd
yzd

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)

  • 《博客园精华集》web标准分册第2论筛选结果文章列表
    《博客园精华集》web标准部分筛选结果（共55篇）一个喜欢网页设计的程序员作者：Awen根本不存在DIV+CSS布局这回事作者：CatChen欲练CSS，必先宫IE作者：CatChen你有强迫症吗？作者：CatChenSPAN元素和DIV元素的区别作者：ChrisLiudiv的认识作者：ChrisLiu实时检验您的页面是否符合XHTML标准——使用ValidatorModule作者：Dflying
  • 大学生HTML期末大作业——HTML+CSS+JavaScript音乐网站（爱莫） 无·糖 Web前端期末大作业html课程设计css大学生前端javascript网页设计
    HTML+CSS+JS【音乐网站】网页设计期末课程大作业web前端开发技术web课程设计网页规划与设计文章目录一、网站题目二、网站描述三、网站介绍四、网站效果五、️网站代码六、️‍如何学习进步七、‍☠️更多干货文章目录一、网站题目音乐网站7页含网页设计报告二、网站描述总结了一些学生网页制作的经验：一般的网页需要融入以下知识点：div+css布局、浮动、定位、高级css、表格、表单及验证、js轮播图
  • 前端学习路线推荐 oldfifteen
    第一阶段：HTML+CSS:HTML进阶、CSS进阶、div+css布局、HTML+css整站开发、JavaScript基础：Js基础教程、js内置对象常用方法、常见DOM树操作大全、ECMAscript、DOM、BOM、定时器和焦点图。JS基本特效：常见特效、例如：tab、导航、整页滚动、轮播图、JS制作幻灯片、弹出层、手风琴菜单、瀑布流布局、滚动事件、滚差视图。JS高级特征：正则表达式、排序算
  • 大学生HTML期末大作业——HTML+CSS+JavaScript传统文化 无·糖 Web前端期末大作业html课程设计css大学生前端大作业期末作业
    HTML+CSS+JS【传统文化】网页设计期末课程大作业web前端开发技术web课程设计网页规划与设计文章目录一、网站题目二、网站描述三、网站介绍四、网站效果五、️网站代码六、️‍如何学习进步七、‍☠️更多干货文章目录一、网站题目传统文化精美设计5页含注册登录二、网站描述总结了一些学生网页制作的经验：一般的网页需要融入以下知识点：div+css布局、浮动、定位、高级css、表格、表单及验证、js轮
  • 大学生HTML期末大作业——HTML+CSS+JavaScript游戏网站（英雄联盟） 无·糖 Web前端期末大作业html课程设计css美食游戏javascript大作业
    HTML+CSS+JS【游戏网站】网页设计期末课程大作业web前端开发技术web课程设计网页规划与设计文章目录一、网站题目二、网站描述三、网站介绍四、网站效果五、️网站代码六、️‍如何学习进步七、‍☠️更多干货文章目录一、网站题目游戏网站（英雄联盟）含注册登录13页二、网站描述总结了一些学生网页制作的经验：一般的网页需要融入以下知识点：div+css布局、浮动、定位、高级css、表格、表单及验证、
  • 一份来自前端开发工程师的规范简历 追影的React开发者 前端javascriptphotoshop
    个人资料姓名：嘻嘻性别：女电话：12132323613邮箱：[email protected]现居地：上海市工作年限：3年求职意向期望职位：前端开发工程师期望薪资：面议工作性质：全职到岗时间：离职,一周内入职专业技能精通DIV+CSS页面布局，重构,掌握JavaScript，熟悉w3c标准，了解HTML语义化有一定的了解。熟练运用浏览器兼容技术，熟练进行前端性能优化设计。熟练掌握HTML5技术
  • CSS 单行溢出文本显示省略号...的方法（兼容IE FF） dai0941
    新闻列表是很多网站都有的，写页面时经常遇到，看到这么详细的教程怎么能不转~留着参考用~~===================================================html代码：CSSWebDesign我爱CSS-Web标准化Div+css教程-www.52css.comcss代码：div{width:200px;/*容器的基本定义*/height:200px;backg
  • html布局应用综合案例,使用div+css布局网页综合案例2——心灵小站（适用于高级教学）... 只想静静地老湿敷 html布局应用综合案例
    本案例所使用的素材请联系QQ1617818397索取。若需要案例源代码，请付款30元索取！【准备站点环境】1、新建一个站点，将素材拷贝到站点中使用。新建一个网页，把网页的标题设置为“心灵小站首页”，将其保存为index.html。2、针对标签新建一个CSS样式，把边界设置为0px，字体为宋体。【制作logo栏】3、插入一个div标签，设置div的id为logo。(1)选中id为logo的div标签
  • 第九章DIV+CSS布局 Luz樣 css前端
    9.1DIV+CSS概述DIV+CSS是Web设计标准，它是一种网页的布局方法。与传统中通过表格(table)布局定位的方式不同，它可以实现网页页面内容与表现相分离。DIV组成了网页的格局，CSS则装饰了格局，比如建一栋房子，开始的架子是DIV，架子搭建好后开始装饰，这个装饰就是CSS样式。使用了DIV+CSS布局的网页，它使HTML语言变得越来越复杂化、专用化源码容易扩展，并且更加规整9.1.1
  • 体育新闻html模板,HTML5响应式体育新闻资讯类门户网站模板源码+自适应移动端... 李德哲 体育新闻html模板
    HTML5响应式体育新闻资讯类门户网站模板源码+自适应移动端模板介绍：织梦最新内核开发的模板，该模板属于企业通用、体育新闻、新闻资讯类企业使用，一款适用性很强的模板，基本可以适合各行业的企业网站！响应式自适应各种移动设备，同一个后台，数据即时同步，简单适用！原创设计、手工书写DIV+CSS，完美兼容IE7+、Firefox、Chrome、360浏览器等；主流浏览器；页面简洁简单，容易管理，DEDE
  • HTML静态网页作业(HTML+CSS)——外卖平台主题网页设计制作(8个页面) 爱码网页 htmlcss前端
    不定期分享源码，关注不丢失哦文章目录一、作品介绍二、作品演示1、首页2、商家列表页3、商家详情页4、商家图片页三、代码目录四、网站代码五、源码获取一、作品介绍️本套采用DIV+CSS布局，未使用Javacsript代码，共有8个页面。二、作品演示1、首页2、商家列表页3、商家详情页4、商家图片页三、代码目录四、网站代码北京[更换]你好，请登录/注册全部分类全部商家商家入驻关于我们常见问题我要登录用
  • 《div+css 网站布局案例精粹》：实用网页设计技术深度解析 AIAlchemist
    本文还有配套的精品资源，点击获取简介：《div+css网站布局案例精粹》详细介绍了如何使用HTML的元素和CSS来构建响应式网站。本书深入探讨了的多功能性、CSS布局技术，以及响应式设计原则。读者将学习到多种布局方法，包括浮动、定位、Flexbox和Grid，以及如何应用这些技术创建适应不同设备的界面。本书还涵盖了盒模型、选择器和优先级、过渡和动画、浏览器兼容性和性能优化等关键知识点，旨在帮助网页
  • 基于Html+Css+javascript的网页制作（旅游主题） 二挡起步 web设计网页规划与设计前端cssjavascripthtml
    Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业，茶游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作|HTML期末大学生网页设计作业HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript：做与用户的交互行为文章目录前端学
  • HTML网页设计制作大作业 基于HTML+CSS+JavaScript实现炫丽口红网化妆品网站(10页) html网页制作 网页设计htmlcssjavascript美食前端课程设计HTML网页制作
    文章目录一、‍网站题目二、✍️网站描述三、网站介绍四、网站演示五、⚙️网站代码HTML结构代码CSS样式代码六、如何让学习不再盲目七、更多干货一、‍网站题目美妆介绍、美妆分享、品牌化妆品官网网站、等网站的设计与制作。❤【作者主页——获取更多优质源码】❤【学习资料/简历模板/面试资料/网站设计与制作】❤【web前端期末大作业——毕设项目精品实战案例】二、✍️网站描述️网页中包含：Div+CSS、鼠标
  • HTML+CSS面试试题（部分） 四分十七 前端学习htmlhtmlcss大数据
    目录1:主流浏览器的内核分别是什么？2:每个HTML文件开头都有，它的作用是什么3:div+css的布局较table布局有什么优点？4:img的alt属性与title属性有何异同5:strong标签与em标签的异同6:渐进增强和优雅降级之间的不同7:为什么利用多个域名来存储网站资源8:网页标准和标准制定机构的意义9:简述一下src与href的区别10:网页制作会用的图片格式有哪些11:微格式，前端
  • 大学生HTML期末大作业——HTML+CSS+JavaScript学校网站（成都大学） 无·糖 Web前端期末大作业html课程设计css大学生前端javascript大学生大作业
    HTML+CSS+JS【学校网站】网页设计期末课程大作业web前端开发技术web课程设计网页规划与设计文章目录一、网站题目二、网站描述三、网站介绍四、网站效果五、️网站代码六、️‍如何学习进步七、‍☠️更多干货文章目录一、网站题目学校网站（成都大学）6页含JQ二、网站描述总结了一些学生网页制作的经验：一般的网页需要融入以下知识点：div+css布局、浮动、定位、高级css、表格、表单及验证、js轮
  • 大学生HTML期末大作业——HTML+CSS+JavaScript美食网站（西餐） 无·糖 Web前端期末大作业html课程设计css大学生javascript美食大作业
    HTML+CSS+JS【美食网站】网页设计期末课程大作业web前端开发技术web课程设计网页规划与设计文章目录一、网站题目二、网站描述三、网站介绍四、网站效果五、️网站代码六、️‍如何学习进步七、‍☠️更多干货文章目录一、网站题目美食网站（西餐）精美响应式含JQuery7页二、网站描述总结了一些学生网页制作的经验：一般的网页需要融入以下知识点：div+css布局、浮动、定位、高级css、表格、表单
  • HTML静态网页作业(HTML+CSS)——外卖平台主题网页设计制作(8个页面) 2501_90365653 htmlcss学生网页htmlcss前端
    不定期分享源码，关注不丢失哦文章目录一、作品介绍二、作品演示1、首页2、商家列表页3、商家详情页4、商家图片页三、代码目录四、网站代码五、源码获取一、作品介绍️本套采用DIV+CSS布局，未使用Javacsript代码，共有8个页面。二、作品演示1、首页2、商家列表页3、商家详情页4、商家图片页三、代码目录四、网站代码北京[更换]你好，请登录/注册全部分类全部商家商家入驻关于我们常见问题我要登录用
  • 关于城市旅游的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，要做一个页面开发人员并不是一件难事，而且做一个页面开发人员更容易找到工作，收入比普通的工作还要高一些，所以成为了很多高校毕业生的选择。如果您只是
  • VMware Workstation 11 或者 VMware Player 7安装MAC OS X 10.10 Yosemite iwindyforest vmwaremac os10.10workstationplayer
    最近尝试了下VMware下安装MacOS 系统， 安装过程中发现网上可供参考的文章都是VMware Workstation 10以下， MacOS X 10.9以下的文章， 只能提供大概的思路， 但是实际安装起来由于版本问题， 走了不少弯路， 所以我尝试写以下总结， 希望能给有兴趣安装OSX的人提供一点帮助。     写在前面的话： 其实安装好后发现， 由于我的th
  • 关于《基于模型驱动的B/S在线开发平台》源代码开源的疑虑？ deathwknight JavaScriptjava框架
    本人从学习Java开发到现在已有10年整，从一个要自学 java买成javascript的小菜鸟，成长为只会java和javascript语言的老菜鸟（个人邮箱：[email protected]） 一路走来，跌跌撞撞。用自己的三年多业余时间，瞎搞一个小东西（基于模型驱动的B/S在线开发平台，非MVC框架、非代码生成）。希望与大家一起分享，同时有许些疑虑，希望有人可以交流下 平台
  • 如何把maven项目转成web项目 Kai_Ge mavenMyEclipse
    创建Web工程，使用eclipse ee创建maven web工程 1.右键项目,选择Project Facets,点击Convert to faceted from 2.更改Dynamic Web Module的Version为2.5.(3.0为Java7的,Tomcat6不支持). 如果提示错误,可能需要在Java Compiler设置Compiler compl
  • 主管？？？ Array_06 工作
    转载：http://www.blogjava.net/fastzch/archive/2010/11/25/339054.html 很久以前跟同事参加的培训，同事整理得很详细，必须得转！ 前段时间，公司有组织中高阶主管及其培养干部进行了为期三天的管理训练培训。三天的课程下来，虽然内容较多，因对老师三天来的课程内容深有感触，故借着整理学习心得的机会，将三天来的培训课程做了一个
  • python内置函数大全 2002wmj python
    最近一直在看python的document，打算在基础方面重点看一下python的keyword、Build-in Function、Build-in Constants、Build-in Types、Build-in Exception这四个方面，其实在看的时候发现整个《The Python Standard Library》章节都是很不错的，其中描述了很多不错的主题。先把Build-in Fu
  • JSP页面通过JQUERY合并行 357029540 JavaScriptjquery
    在写程序的过程中我们难免会遇到在页面上合并单元行的情况，如图所示 如果对于会的同学可能很简单，但是对没有思路的同学来说还是比较麻烦的，提供一下用JQUERY实现的参考代码 function mergeCell(){         var trs = $("#table tr"); &nb
  • Java基础 冰天百华 java基础
    学习函数式编程 package base; import java.text.DecimalFormat; public class Main { public static void main(String[] args) { // Integer a = 4; // Double aa = (double)a / 100000; // Decimal
  • unix时间戳相互转换 adminjun 转换unix时间戳
    如何在不同编程语言中获取现在的Unix时间戳(Unix timestamp)？ Java time JavaScript Math.round(new Date().getTime()/1000) getTime()返回数值的单位是毫秒 Microsoft .NET / C# epoch = (DateTime.Now.ToUniversalTime().Ticks - 62135
  • 作为一个合格程序员该做的事 aijuans 程序员
    作为一个合格程序员每天该做的事 1、总结自己一天任务的完成情况 最好的方式是写工作日志，把自己今天完成了什么事情，遇见了什么问题都记录下来，日后翻看好处多多 2、考虑自己明天应该做的主要工作 把明天要做的事情列出来，并按照优先级排列，第二天应该把自己效率最高的时间分配给最重要的工作 3、考虑自己一天工作中失误的地方，并想出避免下一次再犯的方法 出错不要紧，最重
  • 由html5视频播放引发的总结 ayaoxinchao html5视频video
    前言   项目中存在视频播放的功能，前期设计是以flash播放器播放视频的。但是现在由于需要兼容苹果的设备，必须采用html5的方式来播放视频。我就出于兴趣对html5播放视频做了简单的了解，不了解不知道，水真是很深。本文所记录的知识一些浅尝辄止的知识，说起来很惭愧。   视频结构   本该直接介绍html5的<video>的，但鉴于本人对视频
  • 解决httpclient访问自签名https报javax.net.ssl.SSLHandshakeException: sun.security.validat bewithme httpclient
         如果你构建了一个https协议的站点，而此站点的安全证书并不是合法的第三方证书颁发机构所签发，那么你用httpclient去访问此站点会报如下错误   javax.net.ssl.SSLHandshakeException: sun.security.validator.ValidatorException: PKIX path bu
  • Jedis连接池的入门级使用 bijian1013 redisredis数据库jedis
    Jedis连接池操作步骤如下：         a.获取Jedis实例需要从JedisPool中获取；         b.用完Jedis实例需要返还给JedisPool；         c.如果Jedis在使用过程中出错，则也需要还给JedisPool； packag
  • 变与不变 bingyingao 不变变亲情永恒
    变与不变    周末骑车转到了五年前租住的小区，曾经最爱吃的西北面馆、江西水饺、手工拉面早已不在，    各种店铺都换了好几茬，这些是变的。    三年前还很流行的一款手机在今天看起来已经落后的不像样子。    三年前还运行的好好的一家公司，今天也已经不复存在。    一座座高楼拔地而起，
  • 【Scala十】Scala核心四：集合框架之List bit1129 scala
    Spark的RDD作为一个分布式不可变的数据集合，它提供的转换操作，很多是借鉴于Scala的集合框架提供的一些函数，因此，有必要对Scala的集合进行详细的了解   1. 泛型集合都是协变的，对于List而言，如果B是A的子类，那么List[B]也是List[A]的子类，即可以把List[B]的实例赋值给List[A]变量   2. 给变量赋值(注意val关键字，a，b
  • Nested Functions in C bookjovi cclosure
      Nested Functions 又称closure，属于functional language中的概念，一直以为C中是不支持closure的，现在看来我错了，不过C标准中是不支持的，而GCC支持。   既然GCC支持了closure，那么 lexical scoping自然也支持了，同时在C中label也是可以在nested functions中自由跳转的
  • Java-Collections Framework学习与总结-WeakHashMap BrokenDreams Collections
            总结这个类之前，首先看一下Java引用的相关知识。Java的引用分为四种：强引用、软引用、弱引用和虚引用。         强引用：就是常见的代码中的引用，如Object o = new Object();存在强引用的对象不会被垃圾收集
  • 读《研磨设计模式》-代码笔记-解释器模式-Interpret bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ package design.pattern; /* * 解释器（Interpreter）模式的意图是可以按照自己定义的组合规则集合来组合可执行对象 * * 代码示例实现XML里面1.读取单个元素的值 2.读取单个属性的值 * 多
  • After Effects操作&快捷键 cherishLC After Effects
    1、快捷键官方文档 中文版：https://helpx.adobe.com/cn/after-effects/using/keyboard-shortcuts-reference.html 英文版：https://helpx.adobe.com/after-effects/using/keyboard-shortcuts-reference.html 2、常用快捷键
  • Maven 常用命令 crabdave maven
    Maven 常用命令   mvn archetype:generate mvn install mvn clean mvn clean complie mvn clean test mvn clean install mvn clean package mvn test mvn package mvn site   mvn dependency:res
  • shell bad substitution daizj shell脚本
    #!/bin/sh /data/script/common/run_cmd.exp 192.168.13.168 "impala-shell -islave4 -q 'insert OVERWRITE table imeis.${tableName} select ${selectFields}, ds, fnv_hash(concat(cast(ds as string), im
  • Java SE 第二讲（原生数据类型 Primitive Data Type） dcj3sjt126com java
    Java SE  第二讲： 1.   Windows: notepad, editplus, ultraedit, gvim Linux: vi, vim, gedit 2.   Java 中的数据类型分为两大类： 1）原生数据类型  （Primitive Data Type） 2）引用类型（对象类型）  （R
  • CGridView中实现批量删除 dcj3sjt126com PHPyii
    1，CGridView中的columns添加 array( 'selectableRows' => 2, 'footer' => '<button type="button" onclick="GetCheckbox();" style=&
  • Java中泛型的各种使用 dyy_gusi java泛型
    Java中的泛型的使用：1.普通的泛型使用 在使用类的时候后面的<>中的类型就是我们确定的类型。 public class MyClass1<T> {//此处定义的泛型是T private T var; public T getVar() { return var; } public void setVa
  • Web开发技术十年发展历程 gcq511120594 Web浏览器数据挖掘
    回顾web开发技术这十年发展历程： Ajax 03年的时候我上六年级，那时候网吧刚在小县城的角落萌生。传奇，大话西游第一代网游一时风靡。我抱着试一试的心态给了网吧老板两块钱想申请个号玩玩，然后接下来的一个小时我一直在，注，册，账，号。 彼时网吧用的512k的带宽，注册的时候，填了一堆信息，提交，页面跳转，嘣，”您填写的信息有误，请重填”。然后跳转回注册页面，以此循环。我现在时常想，如果当时a
  • openSession()与getCurrentSession()区别： hetongfei javaDAOHibernate
    来自 http://blog.csdn.net/dy511/article/details/6166134 1.getCurrentSession创建的session会和绑定到当前线程,而openSession不会。 2. getCurrentSession创建的线程会在事务回滚或事物提交后自动关闭,而openSession必须手动关闭。 这里getCurrentSession本地事务(本地
  • 第一章 安装Nginx+Lua开发环境 jinnianshilongnian nginxluaopenresty
    首先我们选择使用OpenResty，其是由Nginx核心加很多第三方模块组成，其最大的亮点是默认集成了Lua开发环境，使得Nginx可以作为一个Web Server使用。借助于Nginx的事件驱动模型和非阻塞IO，可以实现高性能的Web应用程序。而且OpenResty提供了大量组件如Mysql、Redis、Memcached等等，使在Nginx上开发Web应用更方便更简单。目前在京东如实时价格、秒
  • HSQLDB In-Process方式访问内存数据库 liyonghui160com
        HSQLDB一大特色就是能够在内存中建立数据库，当然它也能将这些内存数据库保存到文件中以便实现真正的持久化。   先睹为快！   下面是一个In-Process方式访问内存数据库的代码示例：     下面代码需要引入hsqldb.jar包 （hsqldb-2.2.8）   import java.s
  • Java线程的5个使用技巧 pda158 java数据结构
    Java线程有哪些不太为人所知的技巧与用法？ 　　萝卜白菜各有所爱。像我就喜欢Java。学无止境，这也是我喜欢它的一个原因。日常 工作中你所用到的工具，通常都有些你从来没有了解过的东西，比方说某个方法或者是一些有趣的用法。比如说线程。没错，就是线程。或者确切说是Thread这个类。当我们在构建高可扩展性系统的时候，通常会面临各种各样的并发编程的问题，不过我们现在所要讲的可能会略有不同。
  • 开发资源大整合：编程语言篇——JavaScript（1） shoothao JavaScript
    概述：本系列的资源整合来自于github中各个领域的大牛，来收藏你感兴趣的东西吧。     程序包管理器   管理javascript库并提供对这些库的快速使用与打包的服务。 Bower - 用于web的程序包管理。 component - 用于客户端的程序包管理，构建更好的web应用程序。 spm - 全新的静态的文件包管
  • 避免使用终结函数 vahoa.ma javajvmC++
    终结函数（finalizer）通常是不可预测的，常常也是很危险的，一般情况下不是必要的。使用终结函数会导致不稳定的行为、更差的性能，以及带来移植性问题。不要把终结函数当做C++中的析构函数（destructors）的对应物。       我自己总结了一下这一条的综合性结论是这样的： 1）在涉及使用资源，使用完毕后要释放资源的情形下，首先要用一个显示的方
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他