利用遮罩层的弹出层（2）（可拖曳）

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>弹出层</title>
<style>
<!--
    body, div, h2{ margin:0; padding:0;}
    html, body{ overflow:hidden; height:100%; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#333;}
    #mask{ background:#000; position:absolute; top:0; left:0; width:100%; height:100%; opacity:0.5;filter:alpha(opacity=50); display:none;}
    #showbox{ width:400px; height:200px; position:absolute; top:50%; left:50%; margin:-100px 0 0 -200px; z-index:1; background:#fff; border-radius:5px; box-shadow: 0 1px 3px 2px #666; display:none;}
    #title{ margin:5px; position:relative; height:27px; border-bottom:1px solid #333; line-height:28px; cursor:move;}
    #play{ position:absolute; right:5px; top:5px; width:50px;}
    #play a.close{ float:right; width:16px; height:16px; background:url(img/close.png) 0 0 no-repeat;}
    #message{ margin:5px; height:155px; overflow:hidden; line-height:19px;}
-->
</style>
<script>
<!--
    window.onload=function()
    {
        var input=document.getElementsByTagName("input")[0];
        var mask=document.getElementById("mask");
        var box=document.getElementById("showbox");
        var play=document.getElementById("play");
        var title=document.getElementById("title");
        var closing=play.getElementsByTagName("a")[0];
        input.onclick=function(){mask.style.display="block";box.style.display="block"}
        closing.onclick=function(){mask.style.display="none";box.style.display="none"}
        var Isclick=false,printX=printY=0;
        title.onmousedown=function(event)
        {
            var prints=event||window.event;
            Isclick=true;
            printX=prints.clientX-box.offsetLeft,printY=prints.clientY-box.offsetTop;
            //区域外捕捉事件
            this.setCapture&&this.setCapture();
        }
        title.onmousemove=function(event)
        {
            //我们要拖曳就是要改变它的top和left的值，但又不能超出浏览器的界面
            if(Isclick)
            {
                var mouse=event||window.event;
                var boxX=mouse.clientX-printX;
                var boxY=mouse.clientY-printY;
                var form=document.body||document.documentElement;
                var maxX=form.clientWidth-box.offsetWidth;
                var maxY=form.clientHeight-box.offsetHeight;
                //判断是否超出浏览器
                boxX=boxX<0?0:boxX;
                boxX=boxX>maxX?maxX:boxX;
                boxY=boxY<0?0:boxY;
                boxY=boxY>maxY?maxY:boxY;
                box.style.margin=0;
                box.style.left=boxX+"px";
                box.style.top=boxY+"px";
            }
            else{return;}
        }
        document.onmouseup=window.onblur=title.onlosecapture=function()
        {
            Isclick=false;
            //区域外捕捉事件
            title.releaseCapture&&title.releaseCapture();
        }
    }
-->
</script>
</head>

<body>
<div id="mask"></div>
<div id=showbox>
    <div id="title">
        <h2 title="弹出层">弹出层</h2>
        <!--预留空位放缩小放大按钮-->
        <div id="play"><a class="close" href="javascript:;" title="close"></a></div></span>
    </div>
    <div id="message">
        这是一个弹出层<br />
        如果需要确定按钮可以自由添加（效果带有close的功能然后加上ajax）<br />
        弹出的信息自定义样式自定义<br />
    </div>
</div>
<input type="button" value="it's show button" />
</body>
</html>

这是一个可以拖曳的弹出层，就是（1）的基础上加上了拖曳的功能；没有测试浏览器的兼容性；有什么bug可以反馈；谢谢！

还有就是没有做ie的兼容，ie下没有圆角和阴影；

主要是学习setCapture()releaseCapture()的使用，能使弹出层拖曳的比较完美；

放上demo：

http://files.cnblogs.com/wyflogo/MessageBox.zip

已发现在webkit下的兼容问题，已修改！更新demo地址:

http://cowll.com/demo/MessageBox.html

你可能感兴趣的:(遮罩层)

  • 【前端】解决element-ui两层dialog嵌套，遮罩层消失的问题。 道着无为法自然 前端ui
    背景总觉得element-uidialog的遮罩层逻辑有点晦涩，当一个dialog内嵌另一个dialog时，它的遮罩层却始终只有一个，也就是下方class="v-modal"的div。可以看到，v-modal的层级总是比dialog低一层。问题当两层dialog为直接父子关系时，我们可以简单的使用其属性append-to-body,modal-append-to-body来解决问题：如，第二层di
  • vue el-dialog嵌套解决无法点击问题 javachen__ vue.jselementui
    产生原因:当你在el-dialog上嵌套另一个el-dialog窗口时，可能会遇到内部对话框无法点击的问题。这通常是由于嵌套对话框的遮罩层（overlay）或其他样式问题造成的。解决方案:如果你的el-dialog组件支持append-to-body属性，你可以将对话框附加到body元素上，以避免z-index问题。外层对话框内层对话框
  • vue3点击出现弹窗后背景变暗且不可操作 不知-_ vue3+quasarvue.js前端vue前端框架
    文章目录实现vue3点击出现弹窗后背景变暗且不可操作一、手写遮罩层方法1.效果2.代码3.代码分析4.改进4.将背景遮罩层封装成组件使用二、quasar方法实现vue3点击出现弹窗后背景变暗且不可操作一、手写遮罩层方法1.效果2.代码AddTask.vue是我自定义的组件，即要弹出的弹窗，不是此笔记重点，此处不做详细说明。import{ref}from"vue";importAddTaskfrom
  • 前端进阶：JavaScript实现优雅遮罩层下的表单验证技巧 VaporGas 前端前端javascripthtmlhtml5ecmascript开发语言
    表单验证的高级特性本次介绍的重点如下：动态改变样式属性className属性的用法遮罩层特效的制作动态输入的提示特性实现当文本框获得焦点时改变背景颜色，失去焦点时恢复白色使用元素的style属性访问样式规则object.style.property;例如:访问字体的颜色color使用obj.style.color访问字体的大小属性使用obj.style.fontSizefont-size变换成fo
  • Lottie系列四：使用建议 许进进 动画android
    文章目录一UI建议兼容性性能方面AE版本二开发三赶集bugly的一个问题四UseInFlutter注意源码参考：一UI建议兼容性滤镜效果在客户端上不全支持；颜色滤镜的试用对客户端的运行上存在额外的性能损耗。图层如果存在“自动定向”特性，在Web和Android上不支持。不推荐使用“遮罩层”，遮罩层对客户端运行性能的损耗极大，建议避免使用。如果可以用蒙版效果替代，建议用蒙版替代使用。蒙版的使用对客户
  • echarts柱形图X轴Y轴相关配置 船长㉿ 可视化
    可配置XY轴刻度线，字体大小，柱形图大小颜色等constoptions={tooltip:{trigger:'axis',axisPointer:{//坐标轴指示器，坐标轴触发有效type:'shadow'//默认为直线，可选为：'line'|'shadow'},textStyle:{//鼠标hover遮罩层字体大小fontSize:'12'}},xAxis:[{data:['大学食堂100间',
  • Vue组件开发系列之Model遮罩层组件 vue爱好者
    组件源码：https://github.com/AntJavascript/widgetUI/tree/master/model20181030_111804.gif组件结构：代码分析：props参数：props:{opacity:{//组件透明度type:Number,default:()=>{return0.3;}},zIndex:{//组件层级type:Number|String,defau
  • 伪元素法简易遮罩层 weixin_55559151 css3css前端
    Document.container{position:relative;width:200px;height:266.66px;}.containerimg{width:100%;height:100%;}.container::before{content:"";display:none;position:absolute;width:100%;height:100%;background:#
  • js实现点击图片放大效果 svygh123 编程jshtml+cssjavascript开发语言ecmascript
    实现点击图片后弹出一个遮罩层来放大显示图片的功能，可以使用简单的HTML和JavaScript来完成：HTML结构-包含图片和一个用于弹出的遮罩层。CSS样式-设置遮罩层和放大的图片样式。JavaScript逻辑-处理点击事件和遮罩层的显示与隐藏。HTMLImageZoomCSS(styles.css).container{text-align:center;}img{max-width:100%
  • 移动端的禁止遮罩层下的内容滚动 喵整点薯条
    移动端的禁止遮罩层下的内容滚动：这是通过vue实现的屏蔽touchmove事件而实现的。https://www.cnblogs.com/Eden-cola/p/vue-overlayer.html还有一种是当遮罩层出现时，设置遮罩层下的内容的position为fixed。但是这样的话，遮罩层里的内容过长时无法滚动，可以通过添加overflow-y:scroll，来实现遮罩层里内容超出屏幕时滚动。
  • 前端遮罩层实现_css遮罩层怎么做？ weixin_39876739 前端遮罩层实现
    现在大部分的网站，在我们点开一些活动页面是都会弹出一个类似领取红包，奖品等活动信息。也就是一个遮罩层，而实际上这遮罩层就是由简单的css来实现的。下面我们来看一下css如何做遮罩层。css使用可以使用opacity属性或rgba属性来实现遮罩层。通过css设置两个容器在同一位置，然后使用css设置其中一个容器透明度即可实现遮罩层。css做遮罩层示例：先看下我们的html，很简单，一个img图片控件
  • html添加遮罩 我的名字叫勇敢#5271 前端html添加遮罩
    html添加遮罩的代码如下所示使用div+css，加载中的图片是网上下载的动图，可以根据自己需要进行修改DIVCSS遮罩层functionshowdiv(){document.getElementById("bg").style.display="block";/*document.getElementById("show").style.display="block";*/}functionhi
  • Material xxx doesn‘t have _Stencil property问题记录 chillxiaohan unity3d
    记录一个实际遇到的问题。起因是写了个UGUI闪红灯警告效果的shader，用的时候发现，放在button上没有问题，但是放到ScrollRect里的item上，就总是输出警告信息，Materialxxxdoesn’thave_Stencilproperty，导致编辑器中运行程序超级卡。百度了下，看到有问的但是没看到解答的，之后就找不同，发现这shader可以穿透ScrollRect的遮罩层，就想着
  • 用css控制点击穿透 余栀丶 csscss
    当开发遇到一种场景,比如在一个元素上添加遮罩层,但是点击在遮罩层上时,实际触发下方的元素点击事件,而不是遮罩层可以用css属性pointer-events来控制;pointer-events:none指定当前元素不可点击,点击会默认穿透到下方元素
  • 微信小程序：背包商城（一） 首页 仿京东APP 非对称瀑布流和无限加载列表的实现 跟着Damon写代码
    实现目标1.完成类京东商城的推荐列表，实现类似的非对称双列瀑布流效果2.下拉列表到底部后可以加载新的商品3.点击商品卡片右上角后，全局遮罩层且显示减少推荐对话框需要实现效果如下：非对称瀑布流列表实现效果实现瀑布流.jpg用到的额外拓展UI:Vant-Weapp具体实现思路非对称瀑布流双列列表实现思路主要使用absolute定位，根据数据列表元素的高度，计算每个元素绝对定位的top和left以及容器
  • demo页面 KillmeHeal_4dd1
    DocumentcuteUI.confirm({msg:'环境和健康会尽快汇款就',//显示的文字canHiddenMask:true,//点击遮罩层是否可关闭弹框，可选sureBtnText:'确定',//确定按钮文字，可选cancelBtnText:'取消',//取消按钮文字，可选diyBtnText:'自定义',//自定义按钮文字，可选success:function(){//点击确定按钮回
  • el-dialog弹框出现遮罩层,去掉的办法 烂笔头1 vue.js前端javascriptelementui
    el-dialog弹框出现遮罩层,用它自带属性modal-append-to-body如果出现多个遮罩层,使用append-to-body
  • html的dialog标签元素 大拿加拿大 dialog模态框
    以前的时候为了在页面上做出dialog效果往往很复杂，还要写遮罩层，用CSS写好多代码，不过刚刚知道html中原生也支持dialog。标准用法你好可以通过改变open属性，来显示或者隐藏，如上图所示。也可以使用dialog的show方法或者close方法。模态框(modal)用法与普通用法不同的是，显示需要使用showModal方法，而模态框默认上下左右居中，还有默认的蒙层。当模态框显示的时候，可
  • 【googleMap】此页面无法正确加载 Google 地图 hzxOnlineOk 前端
    起因某一天，选址组件的google地图选择窗口一打开，就提示此页面无法正确加载Google地图的alert弹窗，并且地图被一层黑色的遮罩层覆盖，无法搜索也无法点击。调查结论经过搜索，发现是key过期了，需要上googlecloud上去续费。。。
  • uniapp中组件库Mask 遮罩层 的使用方法 TechWhiz-晓同 uniappuni-app
    目录#平台差异说明#基本使用#嵌入内容#遮罩样式#API#Props#Events#Slot创建一个遮罩层，用于强调特定的页面元素，并阻止用户对遮罩下层的内容进行操作，一般用于弹窗场景#平台差异说明AppH5微信小程序支付宝小程序百度小程序头条小程序QQ小程序√√√√√√√#基本使用通过show参数配置是否显示遮罩遮罩被点击时，会发送一个click事件，如不需要此事件，请设置mask-click-
  • 微信小程序遮罩层滚动穿透的问题 木毅01 html前端
    常见的布局外层一个遮罩层里面一层是弹窗以及内容这里还是个textarea滚动到底的时候底部的遮罩层也跟着滚动了发生滚动穿透处理方法是添加page-meta必须在第一个节点
  • 基于Element的进度条Loading 不抽烟的小王 VUE2JavaScriptvue2_Element_UIjavascript开发语言ecmascript
    基于Element的进度条loading组件前端在中后台项目开发中经常要使用到loading遮罩层在数据交互时展示，目前我使用element组件库的loading，发现不能自定义，loading的样式比较少，官方只提供修改loading的图标和文字。但是我的需求是希望展示的是进度条一样的效果，那就不用loading组件，使用element的Progress进度条组件，自己写一个。代码如下。组件的a
  • BlockUI详细用法 虫小宝 BlockUI
    BlockUI详细用法大家好，我是免费搭建查券返利机器人赚佣金就用微赚淘客系统3.0的小编，也是冬天不穿秋裤，天冷也要风度的程序猿！今天，让我们深入探讨一个在Web开发中常用的工具——BlockUI，解析它的功能、用法以及在实际项目中的应用场景。什么是BlockUI？BlockUI是一种用于创建模态对话框、遮罩层和阻止用户交互的JavaScript库。它可以帮助开发者在特定操作执行期间阻止用户输入
  • uniapp使用u-popup组件弹窗出现页面还可滑动 爱池鱼的酱酱仔 uniappvueuni-appvue.js前端
    *1、问题所在：弹窗遮罩层出现了页面依旧可以上下滑动2、要求:为了用户更好交互体验，弹窗出现后应禁止页面往下滑动3、实现思路：在弹窗盒子外层添加个阻止触摸冒泡事件，使用@touchmove.stop.prevent4、代码如下：这里我封装成了组件弹窗{{popupExtraData.popupTitle}}{{item.name}}:{{item.content?item.content:item
  • Dcat Admin v1.1.0发布 - 使用很少的代码快速构建一个功能完善的高颜值后台系统 Jiangqh
    更新日志功能新增以及优化部分集成TinyMCE作为内置编辑器，并支持图片上传功能增加绿色主题配色数据表格快捷搜索增加auto方法，允许禁用自动提交功能优化背景色以及表格边框颜色，加深对比度登陆页面优化模型树字段名称设置功能简化优化菜单栏样式增加切换或刷新页面时移除模态窗遮罩层功能表单页面禁用perfectScrollbar滚动条美化插件表单Field增加resolving和composing事件支
  • ElmentUI禁止点击遮罩层关闭el-dialog弹窗、对话框滑动不消失功能 梓涵999 ElementUivue.jselementuijavascript
    方法一：局部方法一：全局//引入elementUIimportELEMENTfrom'element-ui'//修改el-dialog默认点击遮照为不关闭\全局设置点击遮罩层不关闭DialogELEMENT.Dialog.props.closeOnClickModal.default=false//显示弹框时，设置页面滚动条仍然可以滚动ELEMENT.Dialog.props.lockScroll
  • Taro 解决滚动穿透问题 blossom_6694
    在遮罩层的最外层view添加onTouchMove事件：实现handleTochMove方法：handleTouchMove(e:ITouchEvent){e.preventDefault()e.stopPropagation()}
  • BabylonJS 6.0文档 Deep Dive 摄像机（六）：遮罩层和多相机纹理 arwind gao 3D开发BabylonJS3dBabylonJSbabylon.jswebglwebgpu
    1.使用遮罩层来处理多个摄影机和多网格物体LayerMask是分配给每个网格（Mesh）和摄像机（Camera）的一个数。它用于位（bit）级别用来指示灯光和摄影机是否应照射或显示网格物体。默认值为0x0FFFFFFF，处于此值的情况下，网格会被任何备用灯光和相机照亮和显示。为了确定相机是否看到网格物体，执行一个逐位AND运算，并将结果与零进行比较：mesh.layerMask&camera.la
  • Element-UI table 单元格数据可编辑 Shiki2147 javascript前端es6elementui
    Element-UItable单元格数据可编辑//template代码//script代码import{getTableList,updateRemark}from"@/api/table";exportdefault{name:"Role",dicts:['sys_normal_disable'],data(){return{tabels:[],//遮罩层loading:true,};},cre
  • vue element MessageBox.prompt this.$prompt组件禁止显示右上角关闭按钮，取消按钮，及点击遮罩层关闭 G佳伟 vuevue.jspromptjavascript
    vueelementMessageBox.promptthis.$prompt组件禁止或取消显示右上角关闭按钮，取消按钮，及点击遮罩层关闭实现效果：实现代码MessageBox.prompt('请先完成手机号绑定','系统提示',{confirmButtonText:'提交',showClose:false,closeOnClickModal:false,showCancelButton:fals
  • 书其实只有三类 西蜀石兰 类
    一个人一辈子其实只读三种书，知识类、技能类、修心类。 知识类的书可以让我们活得更明白。类似十万个为什么这种书籍，我一直不太乐意去读，因为单纯的知识是没法做事的，就像知道地球转速是多少一样（我肯定不知道），这种所谓的知识，除非用到，普通人掌握了完全是一种负担，维基百科能找到的东西，为什么去记忆？ 知识类的书，每个方面都涉及些，让自己显得不那么没文化，仅此而已。社会认为的学识渊博，肯定不是站在
  • 《TCP/IP 详解，卷1：协议》学习笔记、吐槽及其他 bylijinnan tcp
    《TCP/IP 详解，卷1：协议》是经典，但不适合初学者。它更像是一本字典，适合学过网络的人温习和查阅一些记不清的概念。 这本书，我看的版本是机械工业出版社、范建华等译的。这本书在我看来，翻译得一般，甚至有明显的错误。如果英文熟练，看原版更好： http://pcvr.nl/tcpip/ 下面是我的一些笔记，包括我看书时有疑问的地方，也有对该书的吐槽，有不对的地方请指正： 1.
  • Linux—— 静态IP跟动态IP设置 eksliang linuxIP
    一.在终端输入 vi /etc/sysconfig/network-scripts/ifcfg-eth0 静态ip模板如下： DEVICE="eth0" #网卡名称 BOOTPROTO="static" #静态IP（必须） HWADDR="00:0C:29:B5:65:CA" #网卡mac地址 IPV6INIT=&q
  • Informatica update strategy transformation 18289753290
    更新策略组件： 标记你的数据进入target里面做什么操作，一般会和lookup配合使用，有时候用0,1,1代表 forward  rejected rows被选中，rejected row是输出在错误文件里，不想看到reject输出，将错误输出到文件，因为有时候数据库原因导致某些column不能update，reject就会output到错误文件里面供查看，在workflow的
  • 使用Scrapy时出现虽然队列里有很多Request但是却不下载，造成假死状态 酷的飞上天空 request
    现象就是： 程序运行一段时间，可能是几十分钟或者几个小时，然后后台日志里面就不出现下载页面的信息，一直显示上一分钟抓取了0个网页的信息。 刚开始已经猜到是某些下载线程没有正常执行回调方法引起程序一直以为线程还未下载完成，但是水平有限研究源码未果。 经过不停的google终于发现一个有价值的信息，是给twisted提出的一个bugfix 连接地址如下http://twistedmatrix.
  • 利用预测分析技术来进行辅助医疗 蓝儿唯美 医疗
    2014年，克利夫兰诊所（Cleveland Clinic）想要更有效地控制其手术中心做膝关节置换手术的费用。整个系统每年大约进行2600例此类手术，所以，即使降低很少一部分成本，都可以为诊 所和病人节约大量的资金。为了找到适合的解决方案，供应商将视野投向了预测分析技术和工具，但其分析团队还必须花时间向医生解释基于数据的治疗方案意味着 什么。  克利夫兰诊所负责企业信息管理和分析的医疗
  • java 线程(一)：基础篇 DavidIsOK java多线程线程
                                                            &nbs
  • Tomcat服务器框架之Servlet开发分析 aijuans servlet
    最近使用Tomcat做web服务器，使用Servlet技术做开发时，对Tomcat的框架的简易分析： 疑问： 为什么我们在继承HttpServlet类之后，覆盖doGet(HttpServletRequest req, HttpServetResponse rep)方法后，该方法会自动被Tomcat服务器调用，doGet方法的参数有谁传递过来？怎样传递？ 分析之我见： doGet方法的
  • 揭秘玖富的粉丝营销之谜 与小米粉丝社区类似 aoyouzi 揭秘玖富的粉丝营销之谜
    玖富旗下悟空理财凭借着一个微信公众号上线当天成交量即破百万，第七天成交量单日破了1000万;第23天时，累计成交量超1个亿……至今成立不到10个月，粉丝已经超过500万，月交易额突破10亿，而玖富平台目前的总用户数也已经超过了1800万，位居P2P平台第一位。很多互联网金融创业者慕名前来学习效仿，但是却鲜有成功者，玖富的粉丝营销对外至今仍然是个谜。   　　近日，一直坚持微信粉丝营销
  • Java web的会话跟踪技术 百合不是茶 url会话Cookie会话Seession会话Java Web隐藏域会话
    会话跟踪主要是用在用户页面点击不同的页面时,需要用到的技术点   会话:多次请求与响应的过程     1,url地址传递参数,实现页面跟踪技术          格式:传一个参数的 url?名=值     传两个参数的 url?名=值 &名=值   关键代码
  • web.xml之Servlet配置 bijian1013 javaweb.xmlServlet配置
    定义： <servlet> <servlet-name>myservlet</servlet-name> <servlet-class>com.myapp.controller.MyFirstServlet</servlet-class> <init-param> <param-name>
  • 利用svnsync实现SVN同步备份 sunjing SVN同步E000022svnsync镜像
    1. 在备份SVN服务器上建立版本库    svnadmin create test 2. 创建pre-revprop-change文件     cd test/hooks/     cp pre-revprop-change.tmpl pre-revprop-change 3. 修改pre-revprop-
  • 【分布式数据一致性三】MongoDB读写一致性 bit1129 mongodb
    本系列文章结合MongoDB，探讨分布式数据库的数据一致性，这个系列文章包括： 数据一致性概述与CAP 最终一致性(Eventually Consistency) 网络分裂(Network Partition)问题 多数据中心(Multi Data Center) 多个写者(Multi Writer)最终一致性 一致性图表(Consistency Chart) 数据
  • Anychart图表组件-Flash图转IMG普通图的方法 白糖_ Flash
    问题背景：项目使用的是Anychart图表组件，渲染出来的图是Flash的，往往一个页面有时候会有多个flash图，而需求是让我们做一个打印预览和打印功能，让多个Flash图在一个页面上打印出来。   那么我们打印预览的思路是获取页面的body元素，然后在打印预览界面通过$("body").append(html)的形式显示预览效果，结果让人大跌眼镜：Flash是
  • Window 80端口被占用 WHY? bozch 端口占用window
    平时在启动一些可能使用80端口软件的时候，会提示80端口已经被其他软件占用，那一般又会有那些软件占用这些端口呢？    下面坐下总结：         1、web服务器是最经常见的占用80端口的，例如：tomcat , apache  , IIS , Php等等；         2
  • 编程之美-数组的最大值和最小值-分治法（两种形式） bylijinnan 编程之美
    import java.util.Arrays; public class MinMaxInArray { /** * 编程之美 数组的最大值和最小值 分治法 * 两种形式 */ public static void main(String[] args) { int[] t={11,23,34,4,6,7,8,1,2,23}; int[]
  • Perl正则表达式 chenbowen00 正则表达式perl
    首先我们应该知道 Perl 程序中，正则表达式有三种存在形式，他们分别是： 匹配：m/<regexp>;/ （还可以简写为 /<regexp>;/ ，略去 m） 替换：s/<pattern>;/<replacement>;/ 转化：tr/<pattern>;/<replacemnt>;
  • [宇宙与天文]行星议会是否具有本行星大气层以外的权力呢? comsci
          举个例子: 地球,地球上由200多个国家选举出一个代表地球联合体的议会,那么现在地球联合体遇到一个问题,地球这颗星球上面的矿产资源快要采掘完了....那么地球议会全体投票,一致通过一项带有法律性质的议案,既批准地球上的国家用各种技术手段在地球以外开采矿产资源和其它资源........    &
  • Oracle Profile 使用详解 daizj oracleprofile资源限制
    Oracle Profile 使用详解 转 一、目的： Oracle系统中的profile可以用来对用户所能使用的数据库资源进行限制，使用Create Profile命令创建一个Profile，用它来实现对数据库资源的限制使用，如果把该profile分配给用户，则该用户所能使用的数据库资源都在该profile的限制之内。 二、条件： 创建profile必须要有CREATE PROFIL
  • How HipChat Stores And Indexes Billions Of Messages Using ElasticSearch & Redis dengkane elasticsearchLucene
    This article is from an interview with Zuhaib Siddique, a production engineer at HipChat, makers of group chat and IM for teams. HipChat started in an unusual space, one you might not
  • 循环小示例，菲波拉契序列，循环解一元二次方程以及switch示例程序 dcj3sjt126com c算法
    # include <stdio.h> int main(void) { int n; int i; int f1, f2, f3; f1 = 1; f2 = 1; printf("请输入您需要求的想的序列："); scanf("%d", &n); for (i=3; i<n; i
  • macbook的lamp环境 dcj3sjt126com lamp
      sudo vim /etc/apache2/httpd.conf   /Library/WebServer/Documents 是默认的网站根目录   重启Mac上的Apache服务   这个命令很早以前就查过了，但是每次使用的时候还是要在网上查： 停止服务：sudo /usr/sbin/apachectl stop 开启服务：s
  • java ArrayList源码 下 shuizhaosi888 ArrayList源码
    版本 jdk-7u71-windows-x64   JavaSE7 ArrayList源码上：http://flyouwith.iteye.com/blog/2166890     /** * 从这个列表中移除所有c中包含元素 */ public boolean removeAll(Collection<?> c) {
  • Spring Security（08）——intercept-url配置 234390216 Spring Securityintercept-url访问权限访问协议请求方法
    intercept-url配置 目录 1.1     指定拦截的url 1.2     指定访问权限 1.3     指定访问协议 1.4     指定请求方法   1.1   &n
  • Linux环境下的oracle安装 jayung oracle
    linux系统下的oracle安装 本文档是Linux(redhat6.x、centos6.x、redhat7.x) 64位操作系统安装Oracle 11g(Oracle Database 11g Enterprise Edition Release 11.2.0.4.0 - 64bit Production)，本文基于各种网络资料精心整理而成，共享给有需要的朋友。如有问题可联系：QQ：52-7
  • hotspot虚拟机 leichenlei javaHotSpotjvm虚拟机文档
    JVM参数  http://docs.oracle.com/javase/6/docs/technotes/guides/vm/index.html   JVM工具 http://docs.oracle.com/javase/6/docs/technotes/tools/index.html   JVM垃圾回收 http://www.oracle.com
  • 读《Node.js项目实践：构建可扩展的Web应用》 ——引编程慢慢变成系统化的“砌砖活” noaighost Webnode.js
    读《Node.js项目实践：构建可扩展的Web应用》 ——引编程慢慢变成系统化的“砌砖活” 眼里的Node.JS 初初接触node是一年前的事，那时候年少不更事。还在纠结什么语言可以编写出牛逼的程序，想必每个码农都会经历这个月经性的问题：微信用什么语言写的？facebook为什么推荐系统这么智能，用什么语言写的？dota2的外挂这么牛逼，用什么语言写的？……用什么语言写这句话，困扰人也是阻碍
  • 快速开发Android应用 rensanning android
    Android应用开发过程中，经常会遇到很多常见的类似问题，解决这些问题需要花时间，其实很多问题已经有了成熟的解决方案，比如很多第三方的开源lib，参考 Android Libraries 和 Android UI/UX Libraries。 编码越少，Bug越少，效率自然会高。 但可能由于 根本没听说过、听说过但没用过、特殊原因不能用、自己已经有了解决方案等等原因，这些成熟的解决
  • 理解Java中的弱引用 tomcat_oracle java工作面试
    　不久之前，我 面试了一些求职Java高级开发工程师的应聘者。我常常会面试他们说，“你能给我介绍一些Java中得弱引用吗？”，如果面试者这样说，“嗯，是不是垃圾回收有关的？”，我就会基本满意了，我并不期待回答是一篇诘究本末的论文描述。 　　然而事与愿违，我很吃惊的发现，在将近20多个有着平均5年开发经验和高学历背景的应聘者中，居然只有两个人知道弱引用的存在，但是在这两个人之中只有一个人真正了
  • 标签输出html标签" target="_blank">关于标签输出html标签 xshdch jsp
    http://back-888888.iteye.com/blog/1181202 关于<c:out value=""/>标签的使用，其中有一个属性是escapeXml默认是true(将html标签当做转移字符，直接显示不在浏览器上面进行解析)，当设置escapeXml属性值为false的时候就是不过滤xml，这样就能在浏览器上解析html标签， &nb
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他