美兮，乐兮
美兮，乐兮

preventDefault、stopImmediatePropagation和stopPropagation三剑客区别

三剑客区别

  • 1. preventDefault()
    • 阻止默认的点击事件执行
      • 1. 阻止选中复选框
      • 2. 在编辑域中阻止按键
  • 2. stopImmediatePropagation
    • 阻止监听同一事件的其他事件监听器被调用
  • 3. stopPropagation()
    • 阻止当前事件捕获和冒泡

1. preventDefault()

阻止默认的点击事件执行

1. 阻止选中复选框

下面的例子中，点击复选框时，因为调用了preventDefault函数，阻止了默认事件（复选框的默认事件是选中复选框），所以复选框不会被选中。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>preventDefault</title>
</head>
<body>

<form>
  <label for="demo">Checkbox:</label>
  <input type="checkbox" id="demo"/>
</form>
<div id="output-box"></div>
<script>
document.querySelector("#demo").addEventListener("click", function(event) {
     
		 document.getElementById("output-box").innerHTML += "Sorry! preventDefault() won't let you check this!
";
		 event.preventDefault();//阻止复选框默认选中
	}, false);
</script>

</body>
</html>

效果图：
preventDefault、stopImmediatePropagation和stopPropagation三剑客区别_第1张图片

2. 在编辑域中阻止按键

下面的例子中，当输入的字符的ASC码小于97或者大于122时，文本输入框是不会显示输入的字符，而是弹出一个提示两秒时长的红色提示框。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>preventDefault</title>
<style type="text/css">
.warning {
     
  border: 2px solid #f39389;
  border-radius: 2px;
  padding: 10px;
  position: absolute;
  background-color: #fbd8d4;
  color: #3b3c40;
}
</style>
</head>
<body>

<div class="container">
  <p>Please enter your name using lowercase letters only.</p>

  <form>
    <input type="text" id="my-textbox">
  </form>
</div>


<script>
var myTextbox = document.getElementById('my-textbox');
myTextbox.addEventListener('keypress', checkName, false);
function checkName(evt) {
     
  var charCode = evt.charCode;
  if (charCode != 0) {
     
    if (charCode < 97 || charCode > 122) {
     
      evt.preventDefault();
      displayWarning(
        "Please use lowercase letters only."
        + "\n" + "charCode: " + charCode + "\n"
      );
    }
  }
}

var warningTimeout;
var warningBox = document.createElement("div");
warningBox.className = "warning";

function displayWarning(msg) {
     
  warningBox.innerHTML = msg;

  if (document.body.contains(warningBox)) {
     
    window.clearTimeout(warningTimeout);
  } else {
     
    // insert warningBox after myTextbox
    myTextbox.parentNode.insertBefore(warningBox, myTextbox.nextSibling);
  }

  warningTimeout = window.setTimeout(function() {
     
      warningBox.parentNode.removeChild(warningBox);
      warningTimeout = -1;
    }, 2000);
}
</script>

</body>
</html>

效果图：
preventDefault、stopImmediatePropagation和stopPropagation三剑客区别_第2张图片

2. stopImmediatePropagation

阻止监听同一事件的其他事件监听器被调用

下面的例子中，点击p元素后，弹出第一个和第二个提示框后，后面按照顺序添加进去的提示框就不会再弹出了，同时，事件不会向上冒泡，所以div上面的click事件函数也不会执行。

<!DOCTYPE html>
<html>
    <head>
        <style>
            p {
      height: 30px; width: 150px; background-color: #ccf; }
            div {
     height: 30px; width: 150px; background-color: #cfc; }
        </style>
    </head>
    <body>
        <div>
            <p>paragraph</p>
        </div>
        <script>
            const p = document.querySelector('p')
            p.addEventListener("click", (event) => {
     
              alert("我是p元素上被绑定的第一个监听函数");
            }, false);

            p.addEventListener("click", (event) => {
     
              alert("我是p元素上被绑定的第二个监听函数");
              event.stopImmediatePropagation();
              // 执行stopImmediatePropagation方法,阻止click事件冒泡,并且阻止p元素上绑定的其他click事件的事件监听函数的执行.
            }, false);

            p.addEventListener("click",(event) => {
     
              alert("我是p元素上被绑定的第三个监听函数");
              // 该监听函数排在上个函数后面，该函数不会被执行
            }, false);

            document.querySelector("div").addEventListener("click", (event) => {
     
              alert("我是div元素,我是p元素的上层元素");
              // p元素的click事件没有向上冒泡，该函数不会被执行
            }, false);
        </script>
    </body>
</html>

效果图：
preventDefault、stopImmediatePropagation和stopPropagation三剑客区别_第3张图片

3. stopPropagation()

阻止当前事件捕获和冒泡

下面的例子中，点击表格的第一行时，会阻止事件冒泡，table上的监听click事件的函数不会执行；
点击表格的第二行时，table上的监听click事件的函数会执行；

<!DOCTYPE html>
<html>
<head>
<title>Event Propagation</title>

<style type="text/css">
 #t-daddy {
      border: 1px solid red }
 #c1 {
      background-color: pink; }
</style>

<script type="text/javascript">

function stopEvent(ev) {
     
  c2 = document.getElementById("c2");
  c2.innerHTML = "hello";

  // this ought to keep t-daddy from getting the click.
  ev.stopPropagation();
  alert("event propagation halted.");
}

function load() {
     
  elem = document.getElementById("tbl1");
  elem.addEventListener("click", stopEvent, false);
}
</script>
</head>

<body onload="load();">

<table id="t-daddy" onclick="alert('hi');">
 <tr id="tbl1">
  <td id="c1">one</td>
 </tr>
 <tr>
  <td id="c2">two</td>
 </tr>
</table>

</body>
</html>

preventDefault、stopImmediatePropagation和stopPropagation三剑客区别_第4张图片

你可能感兴趣的:(javascript,js)

  • 高级java每日一道面试题-2024年8月27日-框架篇[SpringMVC篇]-Spring MVC 支持哪些视图技术? java我跟你拼了 java每日一道面试题javaspringmvc框架篇SpringMVC篇后端视图解析器
    如果有遗漏,评论区告诉我进行补充面试官:SpringMVC支持哪些视图技术?我回答:SpringMVC作为基于Spring框架的Web应用开发框架，其核心优势之一在于其支持多种视图技术，这使得开发者可以根据项目需求或个人偏好选择最适合的视图渲染方式。以下是SpringMVC支持的一些主要视图技术：JSP（JavaServerPages）：JSP是JavaEE规范的一部分，是Java平台下最常用的视
  • 浏览器的网络请求304的缓存问题 victor-AI最好的学习方式是画图 http
    1、http请求时浏览器先看本地缓存有没有该文件，没有文件就直接发起http请求获取最新js、html等文件。（缓存里面有该文件且没有过期直接使用本地缓存，谁都不商量，所以叫强制缓存）。2、本地缓存如果过期了的话就去问一下服务器请求的该文件有没有修改，没有修改就返回304继续使用本地缓存，同时更新一下本地缓存的过期时间（Expires和Cache-Control），修改的话返回200获取新文件。（
  • Vue项目中Axios取消请求功能实现 流云紫电 前端javascript开发语言vue.js
    1，封装axios实例request.jsconstaxios=require('axios');//创建一个axios实例constservice=axios.create({baseURL:"https://ip:port",timeout:60000});exportdefaultservice2，封装请求api.jsimportservicefrom'request'importaxios
  • 书店销售内部后台管理系统员工信息部门图书入库账目集成分析销售客户 计算机程序设计开发 java课程设计计算机毕业设计javaspringboot
    本系统的设计实施为书店管理系统的运行做基础，为书店的管理提供良好的条件。系统主要实现了：员工信息管理、部门管理、图书管理、入库管理、账目集成分析、销售管理、客户管理。2.1系统开发工具本系统主要使用JSP技术对系统进行设计和开发。JSP拥有Java程序设计语言“一次编写，各处执行”、“安全性、保密性高”等的特点[13]；使用MYSQL数据库作为后台数据库，MYSQL系统具有强大的网上功能，可以在互
  • JSP/JAVAWEB/SSM/J2EE高考志愿填报推荐系统的开发 计算机程序设计开发 javamysqljavawebssm推荐系统
    目录1、概述2、功能描述3、数据表4、目录结构5、实现过程5.1SRC目录5.2webroot前端文件6、最终效果6.1前台用户效果6.2后台管理员用户效果1、概述开发环境：jdk1.8、tomcat7.0、mysql5.2开发工具：idea2019.3.1、navicat15编程语言后端：java；框架和引用的包：JavaBeanServletMVC、log4j.jar编程语言前端：JSP、ht
  • jstack排查CPU标高 StaticKing 个人知识管理jvmjava
    前言由于日常开发过程中一些线程池的不规范使用及不能正常评估CPU计算密集型资源耗费或不正确的处理方式或过度的I/O操作可能会导致线程忙碌地等待I/O完成，从而影响CPU使用率，以及错误的线程使用便会出现CPU标高的问题问题排查与定位top命令查看占用CPU资源最高的进程top执行结果top-10:05:08up297days,19:11,0users,loadaverage:15.55,18.55
  • React Native for Arcgis 地图开发 MapView 使用 （四） haibalai
    对于地图调用import{MapView}from'@haibalai/react-native-arcgis';classMainMapViewextendsReact.Componentrender(){return()}}针对之前说的配置底图，可以支持切换```javascriptimport{MapManager}from'@haibalai/react-native-arcgis';ch
  • 登录jwt处理 原谅我很悲 #Java项目总结java
    登录jwt处理1、引入jwt依赖io.jsonwebtokenjjwt0.9.02、jwt工具类封装packagecom.zhw.util;importio.jsonwebtoken.Claims;importio.jsonwebtoken.JwtBuilder;importio.jsonwebtoken.Jwts;importio.jsonwebtoken.SignatureAlgorithm;
  • 2020-03-24 黑乎乎AI
    Datawhale零基础入门数据挖掘-Task2数据分析【代码摘要】赛题：零基础入门数据挖掘-二手车交易价格预测地址：[https://tianchi.aliyun.com/competition/entrance/231784/introduction?spm=5176.12281957.1004.1.38b02448ausjSX]EDA的价值主要在于熟悉数据集，了解数据集，对数据集进行验证来确
  • Node.js和Puppeteer进行Web抓取的简单使用 今天也想MK代码 node.js前端
    至此我们大概了解到node+electron+谷歌浏览器基本开发知识，现在就可以肝代码了。不要忘记自动化工具主要功能，自动化操作网页。这个时候我们就用到了Puppeteer这个库。Puppeteer的基础这里的第一步是创建一个新文件夹,其中我们创建一个新的JavaScript文件。通过终端找到你新建的文件夹,并使用下面的行安装Puppeteer包。npminstall--savepuppeteer
  • 【Three.js基础学习】19.Custom models with Blender 蚕食我的耐心 three.js基础学习学习blender
    提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档前言blender模型资源:【blender】一个汉堡包-CSDN博客一、代码import'./style.css'import*asTHREEfrom'three'import{OrbitControls}from'three/examples/jsm/controls/OrbitControls.js'import{GLTFLoa
  • 用JavaScript实现的5个常见函数 强哥科技兴
    在学习JavaScript，或者前端面试中，有人会问你节流函数、防抖函数、递归函数等，本文分享了5个常见函数，希望对你有所帮助。在JavaScript中有一些问题会被拿出来经常讨论，这些问题每个人都有不同的思路，想要理解这些问题，最好的方法就是自己实现一遍，话不多说，开始正题。数组扁平化数组扁平化有很多方法，但最终最好的方法就是递归，实现一个指定深度的扁平化方法，这样基本的套路都会了解。1func
  • Web：PHP序列化和反序列化 时之彼岸Φ #WebCTF前端phpandroid
    简而言之，序列化和反序列化就是数据类型的转换，序列化是将对象，数组等转换为便于传输的形式，例如：JSON、XML等。而反序列化则是序列化逆向的过程。一、序列化和反序列化1.PHP序列化例如：method=$method;$this->args=$args;}function__destruct(){if(in_array($this->method,array("ping"))){call_use
  • 笔记：node.js基础 一只小bug。 node.js
    1.初识node.jsNode.js是一个基于chromeV8引擎的javaScript运行环境。浏览器中js的运行环境=chromeV8引擎+webAPI（BOM、DOM、ajax等）。Node.js中js的运行环境=V8引擎+内置API（fs、path、http、js内置对象等）。终端快捷键：tab（补全路径）、esc（清空当前已输入的命令）、clear（清空终端）。2.fs文件模块系统fs模
  • 经验笔记：理解和保障JWT的安全性 漆黑的莫莫 计算机网络笔记
    经验笔记：理解和保障JWT的安全性引言在软件开发领域，特别是Web应用开发中，JWT(JSONWebTokens)是一种广泛使用的认证机制。JWT不仅能够简化客户端与服务端之间的身份验证流程，还能增强数据传输的安全性。本文将深入探讨JWT的工作原理，并重点讲解如何确保JWT在实际应用中的安全性，特别是在防止JWT被篡改方面。JWT的工作原理JWT是一种开放标准（RFC7519），它定义了一种紧凑且
  • Shell处理Json数据 promise524 jsonpythonlinuxbash
    在Shell中处理复杂的JSON数据,一般有以下三种方式：jq：jq是一款强大的JSON处理工具，支持过滤、修改、重组和生成JSON数据。Python:使用Python来处理复杂的JSON数据。结合了Shell脚本的便利性和Python处理JSON的强大能力grep/sed/awk:在无其他工具的情况下使用grep/sed/awk等（不推荐）一、基于jq处理JSON如果未安装jq，会提示如下错误-
  • node.js版本管理器——NVM 小清20 npmnode.js前端
    在日常工作中，需同时开发好几个前端项目的时候，可能不同项目使用的node的版本也不一样，而一台电脑只能安装和同时使用一个版本的node，这个时候我们需要借助NVM来管理node的版本了。下面一起来看下是怎么使用NVM的吧。一、什么是NVMnvm的全称是node.jsversionmanagement，是专门用来管理node版本的工具，可用对node的版本进行查看、下载、切换使用等操作二、如何安装N
  • JavaScript——leetcode剑指offer 53 - I. 在排序数组中查找数字 I 周三有雨 算法leetcodejavascript排序算法
    JavaScript——leetcode剑指offer53-I.在排序数组中查找数字I题目描述统计一个数字在排序数组中出现的次数。示例1:输入:nums=[5,7,7,8,8,10],target=8输出:2示例2:输入:nums=[5,7,7,8,8,10],target=6输出:0代码片/***@param{number[]}nums*@param{number}target*@return{
  • java jmap jstat_JVM性能调优监控工具jps、jstack、jstat、jmap、jinfo使用详解 小五咔咔咔 javajmapjstat
    是什么jps查看所有的jvm进程，包括进程ID，进程启动的路径等等。我自己也用PS，即：ps-ef|grepjavajstack观察jvm中当前所有线程的运行情况和线程当前状态。系统崩溃了？如果java程序崩溃生成core文件，jstack工具可以用来获得core文件的javastack和nativestack的信息，从而可以轻松地知道java程序是如何崩溃和在程序何处发生问题。系统hung住了？
  • jstack输出文件linux,Jvm dump jstack jmap jstat 介绍与使用 欢12 jstack输出文件linux
    总结：(1)栈信息：jstack输出的信息。(2)堆信息：jmap-dump输出的文件，(3)jstat查看gc情况，jstat-gc间隔毫秒数比如jstat-gc123455000也就是每隔5秒打印进程12345的gc情况一、看一下jstackjstack-m>jvm_deadlocks.txtjstack-l>jvm_listlocks.txt参考资料jstack-StackTrace使用to
  • 【AR.js】初步认识与官方示例的使用 o0o_-_ ARarjavascript开发语言
    说在前面测试浏览器：MicrosoftEdge(PC版本97.0.1072.55)/Firefox(Android)github库：AR.jsAR系列文章：这里go版本：goversiongo1.17.3windows/amd64其他：本文的关注点在于官方用例。关于AR.js这里他们有三种实现：基于标记、基于特征点、以及基于地理位置；前面两种差不大多。优点：只要有支持webrtc以及webgl的浏
  • 【React】React事件和HTML事件的区别 田本初 Reactreact.jshtmljavascript
    React写法测试HTML写法测试区别ReactHTML原生事件绑定方式小驼峰命名法，事件处理函数通过JSX语法直接绑定全小写形式定义事件处理函数函数引用内联的字符串表达式事件对象基于Event重写的SyntheticEvent对象原生的Event对象默认行为通过event.preventDefault()来阻止事件的默认行为，不需要returnfalse可以是event.preventDefau
  • 开源项目Arc.js安装与使用指南 孟元毓Pandora
    开源项目Arc.js安装与使用指南arc.jsgreatcircleroutesinjavascript项目地址:https://gitcode.com/gh_mirrors/ar/arc.js目录结构及介绍在克隆或下载了SpringMeyer/Arc.js项目之后，你会看到以下主要目录和文件：src/:源代码目录，包含了核心库的实现。arc.js:主要源文件，实现了大圆路线计算功能。dist/:
  • ArtPlayer.js 开源项目使用手册 苏承根
    ArtPlayer.js开源项目使用手册ArtPlayer:art:ArtPlayer.jsisamodernandfullfeaturedHTML5videoplayer项目地址:https://gitcode.com/gh_mirrors/ar/ArtPlayer1.目录结构及介绍ArtPlayer.js的项目目录精心组织，以支持高效的开发与维护。以下是核心的目录结构及简要介绍：├──docs
  • 探索未来飞行器控制方式：Node.js版AR.Drone库 毕艾琳
    探索未来飞行器控制方式：Node.js版AR.Drone库node-ar-droneAnode.jsclientforcontrollingParrotARDrone2.0quad-copters.项目地址:https://gitcode.com/gh_mirrors/no/node-ar-drone在计算机科学领域中，无人机已经成为一个重要的研究方向。近年来，随着硬件设备的发展和智能算法的进步，
  • 心智AR (mind-ar-js): 开源Web增强现实SDK安装与使用指南 范凡灏Anastasia
    心智AR(mind-ar-js):开源Web增强现实SDK安装与使用指南mind-ar-jsWebAugmentedReality.ImageTracking,FaceTracking.Tensorflow.js项目地址:https://gitcode.com/gh_mirrors/mi/mind-ar-js心智AR（mind-ar-js）是一款开源的Web增强现实(AR)软件开发工具包(SDK)
  • AR.js 开发与使用指南 Hello.Reader javascript前端arjavascript开发语言
    1.AR.js简介AR.js是基于Web技术的AR库，依赖于WebGL和WebRTC，可以在大多数现代浏览器上运行。它的主要优势在于不需要安装任何插件或应用程序，用户只需通过浏览器即可体验AR效果。AR.js提供了Marker-based（基于标记的）和Location-based（基于位置的）两种模式，适用于多种场景。2.环境搭建在开始开发之前，我们需要先搭建开发环境。以下是搭建AR.js开发环
  • java-net-php-python-ssmKTV点歌系统查重PPT计算机毕业设计程序 荣荣科技 javaphp开发语言
    java-net-php-python-ssmKTV点歌系统查重PPT计算机毕业设计程序java-net-php-python-ssmKTV点歌系统查重PPT计算机毕业设计程序本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS、JS、JQuery等技术后端技术：JAVA运行环境：Win10、JDK1.8数据库：MySQL5
  • WebSocket心跳检测与重连 暴走的水果 Java基础htmlwebsocketjavascript
    /**webSocket连接**/functionopenSocket(url,heartTime){//验证心跳时间if($.common.isEmpty(heartTime)||heartTime<10){heartTime=10;}console.log("心跳时间："+heartTime);varsocket;varcuser=JSON.parse(storage.get("user"))
  • Web技术的前世今生（三） AndersenZ
    前言：我是JavaScript，如果你还不认识我，不妨先看看《Web技术的前世今生（一）》，以及《Web技术的前世今生（二）》前面我提过，我的大哥HTML有一个叫PHP的死党，这家伙有事没事经常上我们家串门。这天，PHP又来找我大哥闲扯。“老哥，你知道一个叫Ruby的家伙吗？”PHP问道。“知道啊，最近我们合作过好几个项目呢。怎么想起问它了？”“呀，你是不清楚，这小子最近在我们那可火了，听说是鼓捣
  • Dom 周华华 JavaScripthtml
    <!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&q
  • 【Spark九十六】RDD API之combineByKey bit1129 spark
    1. combineByKey函数的运行机制   RDD提供了很多针对元素类型为(K,V)的API，这些API封装在PairRDDFunctions类中，通过Scala隐式转换使用。这些API实现上是借助于combineByKey实现的。combineByKey函数本身也是RDD开放给Spark开发人员使用的API之一   首先看一下combineByKey的方法说明：
  • msyql设置密码报错：ERROR 1372 (HY000): 解决方法详解 daizj mysql设置密码
    MySql给用户设置权限同时指定访问密码时，会提示如下错误： ERROR 1372 (HY000): Password hash should be a 41-digit hexadecimal number；   问题原因：你输入的密码是明文。不允许这么输入。   解决办法：用select password('你想输入的密码');查询出你的密码对应的字符串， 然后
  • 路漫漫其修远兮 吾将上下而求索 周凡杨 学习 思索
    王国维在他的《人间词话》中曾经概括了为学的三种境界古今之成大事业、大学问者，罔不经过三种之境界。“昨夜西风凋碧树。独上高楼，望尽天涯路。”此第一境界也。“衣带渐宽终不悔，为伊消得人憔悴。”此第二境界也。“众里寻他千百度，蓦然回首，那人却在灯火阑珊处。”此第三境界也。学习技术，这也是你必须经历的三种境界。第一层境界是说，学习的路是漫漫的，你必须做好充分的思想准备，如果半途而废还不如不要开始。这里，注
  • Hadoop(二)对话单的操作 朱辉辉33 hadoop
    Debug： 1、 A = LOAD '/user/hue/task.txt' USING PigStorage(' ') AS (col1,col2,col3); DUMP A; //输出结果前几行示例： (>ggsnPDPRecord(21),,) (-->recordType(0),,) (-->networkInitiation(1),,)
  • web报表工具FineReport常用函数的用法总结（日期和时间函数） 老A不折腾 finereport报表工具web开发
    web报表工具FineReport常用函数的用法总结（日期和时间函数）   说明：凡函数中以日期作为参数因子的，其中日期的形式都必须是yy/mm/dd。而且必须用英文环境下双引号(" ")引用。   DATE DATE(year,month,day):返回一个表示某一特定日期的系列数。 Year:代表年，可为一到四位数。 Month:代表月份。
  • c++ 宏定义中的##操作符 墙头上一根草 C++
    #与##在宏定义中的--宏展开 #include <stdio.h> #define f(a,b) a##b #define g(a)   #a #define h(a) g(a) int main() {       &nbs
  • 分析Spring源代码之，DI的实现 aijuans springDI现源代码
    (转) 分析Spring源代码之，DI的实现 2012/1/3 by tony                 接着上次的讲，以下这个sample [java]  view plain copy print
  • for循环的进化 alxw4616 JavaScript
    // for循环的进化 // 菜鸟 for (var i = 0; i < Things.length ; i++) { // Things[i] } // 老鸟 for (var i = 0, len = Things.length; i < len; i++) { // Things[i] } // 大师 for (var i = Things.le
  • 网络编程Socket和ServerSocket简单的使用 百合不是茶 网络编程基础IP地址端口
      网络编程;TCP/IP协议   网络:实现计算机之间的信息共享,数据资源的交换   协议:数据交换需要遵守的一种协议,按照约定的数据格式等写出去   端口:用于计算机之间的通信      每运行一个程序，系统会分配一个编号给该程序，作为和外界交换数据的唯一标识 0~65535   查看被使用的
  • JDK1.5 生产消费者 bijian1013 javathread生产消费者java多线程
    ArrayBlockingQueue：        一个由数组支持的有界阻塞队列。此队列按 FIFO（先进先出）原则对元素进行排序。队列的头部 是在队列中存在时间最长的元素。队列的尾部 是在队列中存在时间最短的元素。新元素插入到队列的尾部，队列检索操作则是从队列头部开始获得元素。 ArrayBlockingQueue的常用方法：
  • JAVA版身份证获取性别、出生日期及年龄 bijian1013 java性别出生日期年龄
            工作中需要根据身份证获取性别、出生日期及年龄，且要还要支持15位长度的身份证号码，网上搜索了一下，经过测试好像多少存在点问题，干脆自已写一个。 CertificateNo.java package com.bijian.study; import java.util.Calendar; import
  • 【Java范型六】范型与枚举 bit1129 java
    首先，枚举类型的定义不能带有类型参数，所以，不能把枚举类型定义为范型枚举类，例如下面的枚举类定义是有编译错的   public enum EnumGenerics<T> { //编译错，提示枚举不能带有范型参数 OK, ERROR; public <T> T get(T type) { return null;
  • 【Nginx五】Nginx常用日志格式含义 bit1129 nginx
    1. log_format 1.1 log_format指令用于指定日志的格式，格式：   log_format name(格式名称) type(格式样式)   1.2 如下是一个常用的Nginx日志格式：   log_format main '[$time_local]|$request_time|$status|$body_bytes
  • Lua 语言 15 分钟快速入门 ronin47 lua 基础
    - - 单行注释 - - [[      [多行注释] - - ]]   - - - - - - - - - - - 1. 变量 & 控制流 - - - - - - - - - - num = 23 - - 数字都是双精度 str = 'aspythonstring'
  • java-35.求一个矩阵中最大的二维矩阵 ( 元素和最大 ) bylijinnan java
    the idea is from: http://blog.csdn.net/zhanxinhang/article/details/6731134 public class MaxSubMatrix { /**see http://blog.csdn.net/zhanxinhang/article/details/6731134 * Q35 求一个矩阵中最大的二维
  • mongoDB文档型数据库特点 开窍的石头 mongoDB文档型数据库特点
    MongoDD: 文档型数据库存储的是Bson文档-->json的二进制 特点：内部是执行引擎是js解释器，把文档转成Bson结构，在查询时转换成js对象。 mongoDB传统型数据库对比    传统类型数据库：结构化数据，定好了表结构后每一个内容符合表结构的。也就是说每一行每一列的数据都是一样的    文档型数据库：不用定好数据结构，
  • [毕业季节]欢迎广大毕业生加入JAVA程序员的行列 comsci java
        一年一度的毕业季来临了。。。。。。。。      正在投简历的学弟学妹们。。。如果觉得学校推荐的单位和公司不适合自己的兴趣和专业，可以考虑来我们软件行业，做一名职业程序员。。。      软件行业的开发工具中，对初学者最友好的就是JAVA语言了，网络上不仅仅有大量的
  • PHP操作Excel – PHPExcel 基本用法详解 cuiyadll PHPExcel
    导出excel属性设置//Include classrequire_once('Classes/PHPExcel.php');require_once('Classes/PHPExcel/Writer/Excel2007.php');$objPHPExcel = new PHPExcel();//Set properties 设置文件属性$objPHPExcel->getProperties
  • IBM Webshpere MQ Client User Issue (MCAUSER) darrenzhu IBMjmsuserMQMCAUSER
    IBM MQ JMS Client去连接远端MQ Server的时候，需要提供User和Password吗？ 答案是根据情况而定，取决于所定义的Channel里面的属性Message channel agent user identifier (MCAUSER)的设置。 http://stackoverflow.com/questions/20209429/how-mca-user-i
  • 网线的接法 dcj3sjt126com
    一、PC连HUB (直连线)A端：（标准568B）：白橙，橙，白绿，蓝，白蓝，绿，白棕，棕。 B端：（标准568B）：白橙，橙，白绿，蓝，白蓝，绿，白棕，棕。 二、PC连PC （交叉线）A端：(568A)： 白绿，绿，白橙，蓝，白蓝，橙，白棕，棕； B端：（标准568B）：白橙，橙，白绿，蓝，白蓝，绿，白棕，棕。 三、HUB连HUB&nb
  • Vimium插件让键盘党像操作Vim一样操作Chrome dcj3sjt126com chromevim
    什么是键盘党？ 键盘党是指尽可能将所有电脑操作用键盘来完成，而不去动鼠标的人。鼠标应该说是新手们的最爱，很直观，指哪点哪，很听话！不过常常使用电脑的人，如果一直使用鼠标的话，手会发酸，因为操作鼠标的时候，手臂不是在一个自然的状态，臂肌会处于绷紧状态。而使用键盘则双手是放松状态，只有手指在动。而且尽量少的从鼠标移动到键盘来回操作，也省不少事。 在chrome里安装 vimium 插件
  • MongoDB查询（2）——数组查询[六] eksliang mongodbMongoDB查询数组
    MongoDB查询数组 转载请出自出处：http://eksliang.iteye.com/blog/2177292 一、概述  MongoDB查询数组与查询标量值是一样的，例如，有一个水果列表，如下所示： > db.food.find() { "_id" : "001", "fruits" : [ "苹
  • cordova读写文件（1） gundumw100 JavaScriptCordova
    使用cordova可以很方便的在手机sdcard中读写文件。 首先需要安装cordova插件：file 命令为： cordova plugin add org.apache.cordova.file 然后就可以读写文件了，这里我先是写入一个文件，具体的JS代码为： var datas=null;//datas need write var directory=&
  • HTML5 FormData 进行文件jquery ajax 上传 到又拍云 ileson jqueryAjaxhtml5FormData
    html5 新东西：FormData  可以提交二进制数据。 页面test.html <!DOCTYPE> <html> <head> <title> formdata file jquery ajax upload</title> </head> <body> <
  • swift appearanceWhenContainedIn:(version1.2 xcode6.4) 啸笑天 version
      swift1.2中没有oc中对应的方法： + (instancetype)appearanceWhenContainedIn:(Class <UIAppearanceContainer>)ContainerClass, ... NS_REQUIRES_NIL_TERMINATION;  解决方法： 在swift项目中新建oc类如下： #import &
  • java实现SMTP邮件服务器 macroli java编程
    电子邮件传递可以由多种协议来实现。目前，在Internet 网上最流行的三种电子邮件协议是SMTP、POP3 和 IMAP，下面分别简单介绍。 　　◆ SMTP 协议 　　简单邮件传输协议(Simple Mail Transfer Protocol,SMTP)是一个运行在TCP/IP之上的协议，用它发送和接收电子邮件。SMTP 服务器在默认端口25上监听。SMTP客户使用一组简单的、基于文本的
  • mongodb group by having where 查询sql qiaolevip 每天进步一点点学习永无止境mongo纵观千象
    SELECT cust_id, SUM(price) as total FROM orders WHERE status = 'A' GROUP BY cust_id HAVING total > 250 db.orders.aggregate( [ { $match: { status: 'A' } }, { $group: {
  • Struts2 Pojo（六） Luob. POJOstrust2
    注意：附件中有完整案例 1.采用POJO对象的方法进行赋值和传值 2.web配置 <?xml version="1.0" encoding="UTF-8"?> <web-app version="2.5" xmlns="http://java.sun.com/xml/ns/javaee&q
  • struts2步骤 wuai struts
    1、添加jar包 2、在web.xml中配置过滤器 <filter>        <filter-name>struts2</filter-name>        <filter-class>org.apache.st
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他