美兮，乐兮
美兮，乐兮

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 & Python& JS & C++ & C ） lihuhelihu javapythonjavascript华为od华为c++c语言
    题目描述网络信号经过传递会逐层衰减，且遇到阻隔物无法直接穿透，在此情况下需要计算某个位置的网络信号值。注意:网络信号可以绕过阻隔物。array[m][n]的二维数组代表网格地图，array[i][j]=0代表i行j列是空旷位置;array[i][j]=x(x为正整数)代表i行j列是信号源，信号强度是x;array[i][j]=-1代表i行j列是阻隔物。信号源只有1个，阻隔物可能有0个或多个网络信号
  • 《2.3、事件处理》 遇见~未来 Vue.jsvue.jsjavascriptecmascript
    2.3事件处理2.3.1事件处理的核心语法2.3.1.1事件处理知识点指令的语法格式：{{插值语法}}“表达式”位置都可以写什么？常量JS表达式Vue实例所管理的XXX在Vue当中完成事件绑定需要哪个指令呢？v-on指令。语法格式：v-on:事件名="表达式"例如：v-on:click="表达式"表示当发生鼠标单击事件之后，执行表达式。v-on:keydown="表达式"表示当发生键盘按下事件之后
  • vuejs 项目部署到nginx 爱分享的程序员 vue使用
    一.vuejs项目配置文件根目录创建vue.config.js文件。如下：二.运行npmrunbuild指令将打包出来的dist文件拷贝到服务器的指定目录三.ngxin配置文件四.在服务器的根目录创建一个文件夹my-project，将dist里面的文件拷贝到创建的这个文件夹下面五.浏览器访问项目的路径http://localhost/my-project
  • Token相关设计 总是学不会. 系统设计场景java开发前端
    文章目录1.双Token机制概述1.1访问令牌（AccessToken）1.2刷新令牌（RefreshToken）2.双Token认证流程3.SpringBoot具体实现3.1生成Token（使用JWT）3.2解析Token3.3登录接口（返回双Token）3.4刷新Token接口3.5退出登录4.总结在微服务架构中，Token认证是保障系统安全性的重要手段，常见的方式包括JWT（JSONWebT
  • SpringBoot项目：前后端打包与部署（使用 Maven） 总是学不会. mavenjava前端后端服务器
    文章目录IDEA后端打包与部署（使用Maven）1.确保Maven已安装，并引入pom插件2.清理并安装项目3.定位生成的JAR包和配置文件4.创建部署文件夹5.上传到服务器前端打包与部署（使用npm）1.确保Node.js和npm已安装2.安装依赖3.构建生产环境代码4.准备部署文件夹5.上传到服务器自动化的想法可能出现的异常参考IDEA后端打包与部署（使用Maven）1.确保Maven已安装，
  • 简单爬取一下电影排行 孟婆来包棒棒糖～ 数据库python爬虫
    主要用到了requests和xpath来解析数据,然后储存在mysql数据库中,不过代码方面我是先写好简单实现工作,然后让ai帮我用类封装来成功实现,博主比较菜,如果有反爬措施可以找js逆向视频来学习importrequestsfromfake_useragentimportUserAgentfromlxmlimportetreeimportpymysqlfrompymysql.cursorsim
  • 小程序性能优化-预加载 爱分享的程序员 微信小程序小程序性能优化
    在微信小程序中，数据预加载是提升用户体验的重要优化手段。以下是处理数据预加载的完整方案：一、预加载的适用场景跳转页面前的数据准备如从列表页进入详情页前，提前加载详情数据首屏加载后的空闲时间在首页加载完成后，预加载其他高频页面数据多步骤流程的后续步骤如电商下单流程中，提前加载支付页面所需数据二、核心实现方案1.全局预加载（App级别）//app.jsApp({globalData:{preloadD
  • Vue模板语法(插值语法，指令语法) 仰望天空的小小蜗牛 Vue.jsvue.jsjavascript前端
    Vue模板语法有2大类：Vue官网链接1.插值语法：功能：用于解析标签体内容。写法：{{xxx}}，xxx是js表达式，且可以直接读取到data中的所有属性。2.指令语法：功能：用于解析标签（包括：标签属性、标签体内容、绑定事件…）。举例：v-bind:href=“xxx”或简写为:href=“xxx”，xxx同样要写js表达式，且可以直接读取到data中的所有属性。备注：Vue中有很多的指令，且
  • 前端21：Vue.js开发实践指南 mater lai
    本文还有配套的精品资源，点击获取简介：Vue.js是前端开发领域流行的JavaScript框架，"前端21"项目展示了基于Vue.js的Web应用程序开发。本文详细介绍了Vue.js的核心概念、项目设置、npm脚本、自定义配置、文件结构、开发过程和VueCLI工具，以帮助开发者高效构建Web应用。1.Vue.js框架基础1.1Vue.js简介Vue.js是一套构建用户界面的渐进式JavaScrip
  • http 模块 咖啡の猫 node.js后端
    在现代Web开发中，处理HTTP请求和响应是构建网络应用的核心部分。Node.js提供了一个强大的内置模块——http模块，使得开发者能够轻松创建服务器并处理客户端请求。本文将详细介绍http模块的基础知识、主要功能以及如何利用它来实现基本的Web服务器。什么是http模块？http模块是Node.js提供的一个核心模块，用于创建HTTP服务器与客户端。通过该模块，你可以编写服务器端代码来监听HT
  • Vue 路由基础：Vue 2 和 Vue 3 的比较与使用 念九_ysl Vuevue.js前端javascript
    Vue.js是一款非常流行的前端框架，而VueRouter是Vue.js的官方路由管理库。在前端开发中，路由是处理页面跳转和视图管理的关键部分。Vue2和Vue3都使用VueRouter来管理路由，但是随着Vue3的发布，VueRouter也有了不少变化。在本文中，我们将详细介绍Vue2和Vue3中的路由使用，比较它们之间的不同，并提供一些示例代码。一、安装VueRouter在Vue项目中使用Vu
  • vue2学习笔记4 - 深入学习模板语法：插值语法和指令语法 我是飞鸟呀 Vue学习笔记vue.js
    前言在vue2学习笔记2-老规矩，从HelloWorld开始，了解Vue实例和模板-CSDN博客我们提到过，容器中的代码叫做Vue模板，它们遵循HTML规范，只是混入了特殊的Vue语法。这些特殊的Vue语法除了上一次我们提到的插值语法外，还有指令语法。插值语法，可以使用js表达式，读取vue实例data中的数据。但是能实现的功能比较单一，而且，也仅限于标签体中的文本替换。如果想要与元素的属性绑定，
  • Vue.js 全面技术指南 2301_81335708 vue.js前端javascript
    目录1.Vue.js基础入门1.1脚手架安装1.2基础指令使用v-bind动态绑定v-model双向绑定1.3条件渲染2.核心概念详解2.1计算属性与监听器2.2Methods方法2.3Filters过滤器3.组件化开发3.1组件基础3.2组件通信4.实战应用4.1ElementUI使用4.2Axios网络请求4.3路由配置5.进阶技巧5.1BOM定时器5.2DOM操作总结Vue.js高级开发指南
  • 前端开发核心知识点深度解析：从CSS到Vue的全面指南 A_cot cssvue.js前端开发语言javascript
    一、CSS篇1.link与@import的区别加载方式：是HTML标签，并行加载；@import是CSS语法，串行加载兼容性：@import不支持IE5以下DOM控制：link可通过JS操作DOM修改，@import不可动态修改权重计算：@import引入的样式优先级低于link@importurl('style.css');二、JavaScript篇2.原型链机制原型对象：每个函数都有proto
  • python 开启https服务 魔兽-SS pythonpythonhttps开发语言
    importjsonfromflaskimportFlask,Response,requestimportosapp=Flask(__name__)#设置SSL证书路径ssl_cert_path=os.path.join(os.path.dirname(__file__),'certs','self.crt')ssl_key_path=os.path.join(os.path.dirname(__
  • fluent-ffmpeg 依赖详解 yqcoder ffmpeg
    fluent-ffmpeg是一个用于在Node.js环境中与FFmpeg进行交互的强大库，它提供了流畅的API来执行各种音视频处理任务，如转码、剪辑、合并等。一、安装npminstallfluent-ffmpeg二、基本使用要使用fluent-ffmpeg，首先需要确保系统中已经安装了FFmpeg，或者使用ffmpeg-static等库提供静态的FFmpeg二进制文件。如下，展示如何将视频文件转换
  • cookieParser 依赖详解 yqcoder web安全前端
    cookie-parser是一个用于在Express.js中解析HTTPCookie的Node.js中间件。它将Cookie字符串解析为JavaScript对象，使开发者能够方便地在Express应用中访问和操作Cookie。一、安装npminstallcookie-parser二、基本使用constexpress=require("express");constcookieParser=requ
  • Jenkins SSH 认证失败问题 (`com.jcraft.jsch.JSchException: Auth fail`) jenkinsdocker
    问题背景在Jenkins与目标服务器之间通过SSH进行自动化部署时，遇到以下错误：com.jcraft.jsch.JSchException:Authfail核心原因分析原因分类具体表现底层机制说明密钥格式不兼容-----BEGINOPENSSHPRIVATEKEY-----头部的密钥Jenkins使用的JSch库仅支持旧版PEM格式（-----BEGINRSAPRIVATEKEY-----）凭据
  • maven项目pom文件以war包方式导入依赖，修改依赖中某个子依赖版本失败 HPF_99 javamavenjava
    在开发中，有一个项目扫描到安全漏洞，要升级jackson版本法一：直接在pom.xml文件中导入完整的依赖com.alibabafastjson2.13.5这样可以直接将原来的依赖修改。如以上方法不行，查看maven库；打包插件是否有问题法二：因pom文件导入的依赖过多，先用idea中maven组件找到依赖来源。找到一个依赖是以jar方式导入，此依赖pom文件中确实导入了jackson，这种的话，
  • HarmonyNext实战案例：构建一个智能健康监测应用 前端
    在本文中，我们将通过一个完整的实战案例，深入探讨如何在HarmonyNext平台上使用ArkTS构建一个智能健康监测应用。该应用将实现以下功能：实时监测用户的心率、步数和睡眠质量，并将数据可视化展示。本文假设读者已经具备一定的编程基础，尤其是对TypeScript或JavaScript有一定的了解，并且熟悉HarmonyNext的基本开发环境。项目概述智能健康监测应用的核心功能包括：心率监测：通过
  • JS宏案例：多项式回归 jackispy JS宏实例回归数据挖掘
    一、基本定义多项式回归是曲线回归的一种，它通过在传统的线性回归模型中增加变量的高次项（如平方项、立方项等），来捕捉数据中的非线性关系。其基本原理是在线性回归的基础上，将自变量的幂次作为新的特征加入模型中，从而使模型能够捕捉到数据的非线性结构。其表达式如下所示：C：表示回归常数k：表示回归系数：表示误差系数n：多项式的阶数与线性回归相比，多项式回归能够拟合数据之间的非线性关系。这种方法的核心思想是，
  • DAC数模转换器（DAC特性、DAC工作原理、DAC输出实验配置步骤、DAC输出三角波实验、DAC输出正弦波实验配置步骤、PWM + RC滤波器、PWM DAC技术实现原理） 孤芳剑影 STM32嵌入式硬件
    参考http://t.csdnimg.cn/GjsbR一、DAC简介注意STM32H7只有一个DAC，但有两个独立的通道，跟F4的略不同，F4是两个DAC。◆如果仅使用STM32H7的一个通道，即PA4或者PA5引脚，另一个引脚没有做任何配置，这个引脚上会有波形效应。◆STM32H7的DAC支持出厂校准和用户校准模式。特别注意一点，校准是建立在用户使能了输出缓冲的情况下才有效。◆STM32H7的D
  • TypeScript 与后端开发Node.js m0_74825223 面试学习路线阿里巴巴typescriptnode.jsjavascript
    文章目录一、搭建TypeScript+Node.js项目（一）初始化项目并安装相关依赖1、创建项目目录并初始化2、安装必要的依赖包（二）配置TypeScript编译选项（如模块解析方式适合后端）二、编写服务器代码（一）定义路由类型（使用Express等框架）（二）处理请求和响应的类型（包括中间件的类型）1、请求类型处理2、响应类型处理3、中间件类型处理三、数据库交互（一）使用Type-Safe的数
  • 微信小程序开发中，wxss和wxml写完后页面不显示，可能的原因包括： IT_linux 微信小程序小程序
    1.代码错误：有时候代码中存在错误，但编译器不会报错，导致页面不显示。这种情况下，可以通过注释掉一部分代码，一段一段地查找问题所在1。2.路径问题：检查app.json中页面引入的路径是否正确2。3.JS文件为空：确保当前wxml文件对应的js文件不为空，即使没有具体的处理逻辑，也不能没有js代码2。4.数据量大或页面元素多：如果数据量很大或页面标签特别多，可能会导致页面加载缓慢或预览困难。这种情
  • 一个py文件搞定mysql查询+Json转换+表数据提取+根据数据条件生成excel文件+打包运行一条龙 小木可菜鸟测试一枚 mysqljsonexcel
    importosimportargparseimportpymssqlimportjsonimportpandasaspdfromdatetimeimportdatetimefrompandas.io.formats.excelimportExcelFormatterimportopenpyxl#投注类型映射字典BET_MAPPING={1:'WIN',2:'PLA',3:'QIN',4:'QPL
  • Weex中使用vue.js 前端_学习之路 跨平台开发vue.js前端javascript
    在WeexSDKv0.10.0以及后续的版本中，集成了v2版本的Vue.js。Vue是一套构建用户界面的渐进式框架，截止于作者发文，Weex官方没有对Vue3提供支持。内置构建版本Vue.js有两种构建版本:运行时+编译器与只包含运行时。它们之间的区别在于编译器是否需要能够在运行时编译template选项。由于运行时构建版本比完整版本的构建版本轻约30%（Vue官方估算），为了更好的性能和更小的代
  • Jenkins SSH 认证失败问题 (`com.jcraft.jsch.JSchException: Auth fail`) jenkinsdocker
    问题背景在Jenkins与目标服务器之间通过SSH进行自动化部署时，遇到以下错误：com.jcraft.jsch.JSchException:Authfail核心原因分析原因分类具体表现底层机制说明密钥格式不兼容-----BEGINOPENSSHPRIVATEKEY-----头部的密钥Jenkins使用的JSch库仅支持旧版PEM格式（-----BEGINRSAPRIVATEKEY-----）凭据
  • 2025前端技能 家里有只小肥猫 前端
    前端开发是现代Web开发中非常重要的一部分，涉及众多技术和工具。以下是一些在前端开发工作中常见的需求和技术：1.技术基础HTML/CSS:构建页面结构和样式。JavaScript:实现交互逻辑和动态功能。ES6+:使用现代JavaScript语法和特性。DOM操作:操作网页元素和事件处理。浏览器兼容性:确保代码在不同浏览器中正常运行。跨设备适配:确保页面在不同设备（PC、手机、平板）上正常显示。2
  • uniapp学习心得：跨平台开发 sdfcr uni-appjavascripthtml5cssvue.js
    一.介绍UniApp是一个基于Vue.js开发的跨平台应用开发框架，可以用于快速构建同时运行在多个平台（包括iOS、Android、Web等）的应用程序。相比于传统的原生开发和其他跨平台框架，选择学习UniApp具有许多优势。为什么选择学习UniApp？跨平台性：UniApp可以将同一套代码运行在多个平台上，极大地提高了开发效率，减少了重复开发的工作量。Vue.js生态：UniApp基于Vue.j
  • 事件循环_经典面试题 还是鼠鼠 javascriptajax前端vscodehtml5
    目录代码分析代码解读执行顺序执行结果结论文件名：在JavaScript中，理解事件循环（EventLoop）是掌握异步编程的基础。事件循环决定了代码的执行顺序，包括宏任务（Macrotasks）和微任务（Microtasks）的调度。为了更好地理解事件循环，我们通过一个经典的面试题来展示JavaScript中的异步执行顺序。代码分析这是一个简单的HTML文件，包含了一段JavaScript代码，我
  • 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其他