天下1281
天下1281

addEventListener() 事件监听

无意间有人问到了，这个方法，我就学了一下，顺便敲了一个小demo。
addEventListener() 用于向指定元素添加事件。
可以向一个元素添加多次事件或者多次不同事件，后面的事件是不会覆盖前面的。
语法：
element.addEventListener(event,fn,useCaption );
参数说明：tr件，比如 click mouseenter mouseleave
fn 回调函数
useCaption 用于描述是冒泡还是捕获。默认值是false，即冒泡传递。
当值为true，就是捕获传递。
示例代码：


<html>
<head>
    <meta charset="utf-8">
    <title>addEventListenertitle>
    <script type="text/javascript" src="js/jquery-3.0.0.js">script>
    <style type="text/css">
        #content{
            width: 100px;
            height: 100px;
            background: #f9f;
        }
    style>
head>
<body>
    <div id="content">div>
    <script type="text/javascript">
        //addEventListener 用于向指定元素添加事件句柄
        //可以向一个元素添加多次点击事件，后一个点击事件不会覆盖前一个点击事件

        var content = document.getElementById("content");
        content.addEventListener("click",function(){
            //alert("支持此方法");
            console.log("11");
        },false)
        content.addEventListener("click",function(){
            console.log("22");
            //add();
        },false)
        content.addEventListener("mouseenter",add,false);
        function add(){
            console.log("我和你");
        }
        content.removeEventListener("mouseenter",add,false);
    script>
body>
html>

注意：

  • removeEventListener() 不能移除匿名函数，像上面add()这种是可以的。
  • IE8及更早版本和Opear 7.0及更早版本不支持addEventListener()和removeEventListener(),对于这类浏览器我们可以使用detachEvent()来移除事件。
element.detachEvent(event,fn);

跨浏览器解决方案：

var content = document.getElementById("content");
if(content.addEventListener){
    content.addEventListener(event,add);
}else if(content.attchEvent){
    content.attchEvent(event,add);
}
function add(){
    console.log("我们在一起");
}

你可能感兴趣的:(原生js)

  • js原生给生成的html添加点击事件,原生js为动态元素添加监听事件 习翔宇
    //已存在div//创建标签functioncreatepage(){varspan=document.createElement('span')span.innerHTML=“测试span”//设置属性span.setAttribute("class","gopage");varpagenum=document.getElementById("pagenum")pagenum.appendChi
  • mybatis支持json，Spring boot配置 Knight_9
    mysql5.7版本以后支持原生json格式，基于Springboot进行配置说明。mybatis支持mysql的json格式mysql-connector，mysql的驱动版本要大于等于5.1.40，否则json字段查询会发生乱码。继承BaseTypeHandler自定义一个json类型处理器，放到一个handler包下，例：packagecom.c.config.handler;importc
  • 随笔记录git提交出错和原生js以JSON格式请求接口导出Excel 山丘lemon
    GIT提交代码出错Fileexists.原文链接https://www.cnblogs.com/sweetbullet/p/9889997.html前端js导出,参数以json格式发送post请求原文链接https://www.cnblogs.com/sweetbullet/p/9843178.html
  • jQuery高级技巧——性能优化篇 mqy1023 Jqueryjquery
    阅读目录通过CDN（ContentDeliveryNetwork）引入jQuery库减少DOM操作适当使用原生JS选择器优化缓存jQuery对象定义一个可以复用的函数用数组方式来遍历jQuery对象集合通过CDN（ContentDeliveryNetwork）引入jQuery库要提升网站中javascript的性能的最简单的一步就是引入最新版本的jQuery库，新发布的版本通常在性能上会有更好的提
  • 使用vue+原生js编写时间轴--cesium三维球 我爱吃干果 JavaScriptjavascriptvue.js前端html5csstypescript
    突然感觉自己是天生的牛马了，今天同事接到个需求，要写一个关于气象的插件，其他的功能还好说，但是这个时间轴的功能，网上的插件貌似比较少，自己手搓呢，他又不想这么麻烦。然后我看到这个功能感觉觉得挺考验技术的，顿时心里就特别痒痒。哈哈，看我贱不贱。随后我利用周末的时间就手搓了一个时间轴。本来想用canvas来绘制来着，后来想到用canvas绘制的图形性能方面也许会好很多，但是想修改样式缺很不容易。并且我
  • 03.React学习日记.JSX绑定事件-传递参数 _生生不息_
    1.原生js事件获取image.png2.组件中方法事件获取发生该事件后，React内部回调函数，会自动传入一个event对象。注意：这两者不是同一种类型的对象，前者为js原生事件对象，后者为React内部合成的事件对象，功能属性基本一样。推荐：箭头函数是最方便的方法：image.pngiage.png注意：事件发生时，React内部调用函数，执行函数onClick.call(undefined,
  • 百度地图的使用(js，vue2，vue3) Nancy哇 地图百度javascript开发语言vue前端cssvue.js
    百度地图的使用创建应用获取密钥akak是在百度地图开发者平台申请的密钥详见http://lbsyun.baidu.com/apiconsole/key一、原生js使用百度地图引入初始化地图varmap=newBMapGL.Map("container");//创建地图实例varpoint=newBMapGL.Point(116.404,39.928);//创建点坐标map.centerAndZoo
  • 前端js控制点击切换效果且刷新浏览器不会重置 spring39 前端javascript
    提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、布局的部分代码和样式二、使用js来控制点击时颜色变化，点击哪一个图标，哪一个图标就应该变橙色且带有下边框1.分析流程及思路2.为什么要有刷新浏览器闪亮图标不变的需求？3.依靠sessionStroage的浏览器未关闭，不会消失的特性来存储相关数据4.整体实现前言原生js实现点击切换样式效果，且刷新浏览器不会丢失当前数据
  • 用原生js实现数组扁平化 拙慕JULY 前端javascript原生js
    数组扁平化：[1,3,[5,2],[2,3,[4,5]]]------->[1,3,5,2,2,3,4,5]/实现一：递归/functionflatArray(arr){varresult=[];for(vari=0;i+item);//returnarr.join(',').split(',').map(item=>+item);}/实现三：使用ES6新增的扩展运算符//*console.log
  • 利用原生js实现简易照片墙 魅美 笔记javascriptcsshtml
    效果演示基本布局css样式*{margin:0;padding:0;}html,body,ul{width:100%;height:100%;}#pic{position:relative;list-style:none;}#picli{position:absolute;width:180px;height:250px;box-shadow:0010px#000;transition:all1s
  • Servlet学习(一)：jquary和json 青城小虫 servlet学习json
    一、jquary的学习和使用1.什么是jquaryjQuery是一个JavaScript库。jQuery极大地简化了JavaScript编程。jQuery很容易学习。2.jquary和原生js对比获取input框中的数据和div框中的数据Inserttitlehere用户名:密码:div1div2functiongetInput(){varusername=$("#userName").val()
  • JS特效第144弹：audio古典的胶片音乐播放器代码 马coder javascript开发语言ecmascript
    原生js基于audio属性制作简单的圆形胶片转动音乐播放器。这是一款古典唯美风格的胶片音乐播放代码，支持暂停，开始播放效果，先来看看效果：一部分关键的代码如下：全部代码：audio古典的胶片音乐播放器代码
  • 前端程序员面试你应该懂的原生JS——2 易懂程序猿
    1.谈谈你对JS执行上下文栈和作用域链的理解。执行上下文就是当前JavaScript代码被解析和执行时所在环境,JS执行上下文栈可以认为是一个存储函数调用的栈结构，遵循先进后出的原则。1.JavaScript执行在单线程上，所有的代码都是排队执行。2.一开始浏览器执行全局的代码时，首先创建全局的执行上下文，压入执行栈的顶部。3.每当进入一个函数的执行就会创建函数的执行上下文，并且把它压入执行栈的顶
  • jQuery之for循环 九月萩
    1.for循环（原生JS）for(vari=0;i
  • 使用原生JS求一段字符串出现最多的次数和最少的次数，最大值和最小值(JS常见面试题) Altynai　 web前端JavascriptJavascript面试题原生JS
    直接看代码(一把梭也可以):letstrings='aqqwwqqaaasddvvccxxxx..........'letobj={};for(leti=0;imax){//求最大值，使用打擂台的思想max=arr[i]}if(arr[i]
  • 原生js实现拖动滑块验证 jane819
    原生js实现拖动滑块验证#box{width:150px;height:20px;position:relative;background:#ccc;}#box.btn{width:20px;height:20px;box-sizing:border-box;border:1pxsolid#eee;text-align:center;line-height:20px;position:absolu
  • 分享76个时间日期JS特效，总有一款适合您 自动化新人 javascript前端
    分享76个时间日期JS特效，总有一款适合您76个时间日期JS特效下载链接：https://pan.baidu.com/s/1s7tPGT_ItK7dNK5_qbZkug?pwd=8888提取码：8888Python采集代码下载链接：采集代码.zip-蓝奏云学习知识费力气，收集整理更不易。知识付费甚欢喜，为咱码农谋福利。简易的中性时钟特效翻页倒计时ui特效逼真的卡西欧手表图形特效原生js图片滚动时钟
  • 分享76个时间日期JS特效，总有一款适合您 记忆的小河 javascript前端
    分享76个时间日期JS特效，总有一款适合您76个时间日期JS特效下载链接：https://pan.baidu.com/s/1s7tPGT_ItK7dNK5_qbZkug?pwd=8888提取码：8888Python采集代码下载链接：采集代码.zip-蓝奏云学习知识费力气，收集整理更不易。知识付费甚欢喜，为咱码农谋福利。简易的中性时钟特效翻页倒计时ui特效逼真的卡西欧手表图形特效原生js图片滚动时钟
  • 原生JS中DOM元素的操作 阿克兰
    获取domdocument.getElementsByClassName(“class”);document.getElementById(“id”)document.getElementsByName("name");document.getElementsByTagName(“TagName”);ocument.querySelector(".btnlist");document.queryS
  • 小兔鲜项目-原生JS实现页面登录模块 东方青云、 综合案例JS笔记javascript前端htmlcss
    目录1.项目搭建1.1在项目开始之前，先做好准备工作，创建这样的文件目录1.1.1css文件夹1.1.2images文件1.1.3uploads文件1.2HTML结构1.2.1头部结构1.2.2主体结构1.2.3login.html代码示例：1.3css样式1.3.1页面初始化（base)样式1.3.2公共样式（common)样式1.3.3首页样式（login)样式2、JavaScript源码2.
  • js实现深拷贝的5种方式 Cupid510 javaScript
    实现深拷贝的方式JSON方法实现//_tmp和result是相互独立的，没有任何联系，有各自的存储空间。letdeepClone=function(obj){let_tmp=JSON.stringify(obj);//将对象转换为json字符串形式letresult=JSON.parse(_tmp);//将转换而来的字符串转换为原生js对象returnresult;};letobj1={weiqi
  • vue项目拆分组件思想对比 煸橙干儿~~ VUE实战vue.js前端javascript
    基于组件拆分：优点：组件增加复用，增加可维护性拆分：.vue=HTML+JS+CSS问题：一旦组件从一个变成了多个，必定形成嵌套关系，从而增加通信成本基于逻辑拆分：优点：逻辑的复用，增加可维护性拆分：拆分的只有js问题：对原生js函数的理解要求高了基于逻辑的通用拆分思想：1、找到组件中属于同一个业务逻辑的所有代码（响应式数据+修改数据的方法）2、定义一个以use打头的方法，把第一步所有的业务逻辑代
  • 原生js实现按钮复制功能 （附doucment指令大全） 听说名字长键盘敲得更响 javascript开发语言html5前端
    话不多说，直接上代码复制letinput=document.getElementById('input');letcopy=document.getElementById('copy');copy.addEventListener('click',function(){console.log(input.value);input.select();//选中需复制的内容//原生指令document.
  • 原生JS使用PrintJs进行表格打印 -- 遇到的问题总结 ᥬ 小月亮 JSjavascript开发语言ecmascript
    需求1：表格自动分页之后，表头在每一页都需要显示html中表头增加thead标签css样式新增：thead{display:table-header-group;/*这个属性使thead总是在新的page-break之后重新开始*/}需求2：表格自动分页之后，页头需要在每一页都显示因为表头能重复显示，所以我是直接将需要重复的页头也放在表头中，然后给一个高度进行样式的调整。不论是多表头还是只有一个表
  • 前端html基础（包括dom，事件等） jack_rofer
    六。事件操作1.事件参考2.DOM的操作方法3.原生JS获取HTMLDOM元素的8种方法4.Javascript中的事件冒泡与事件捕获5.JS阻止冒泡和取消默认事件(默认行为)
  • Vue:vue中的指令（属性绑定指令、事件绑定指令、修饰符、双向绑定指令...） 奄奄一息的一条咸鱼 Vuejavascriptajax前端vue
    内容指令v-text指令：v-text和原生js中的innerText差不多，都无法解析标签，会把标签当做文本输出，在vue中使用v-text指令会覆盖标签原来的内容代码示范：#最后输出结果为HelloVue~~会被覆盖掉Vue~~exportdefault{data(){return{msg:'Hello'}}}v-html指令v-html和原生js中的innerHTML差不多，都可以解析标签，
  • 2018前端常见基础面试题（精炼版） 上天眷顾我 JavaScript面试集
    本章内容都是作者手动整理并且尽量缩减内容，目的就是可以让开发者短时间内回顾知识碎片和面试问题。常规1.js如何查找元素以及他们的区别document.querySelector('#id');//静态获取节点（js新增的节点无法获取）document.getElementById('#Id');//性能更快更高效，动态获取节点$('#id');//使用了第一种原生js封装而成的2.html新特性①
  • JavaScript学习笔记（二十七）-- ajax及ajax封装 千锋HTML5学院
    AJAXajax全名asyncjavascriptandXML是前后台交互的能力也就是我们客户端给服务端发送消息的工具，以及接受响应的工具是一个默认异步执行机制的功能AJAX的优势不需要插件的支持，原生js就可以使用用户体验好（不需要刷新页面就可以更新数据）减轻服务端和带宽的负担缺点：搜索引擎的支持度不够，因为数据都不在页面上，搜索引擎搜索不到AJAX的使用在js中有内置的构造函数来创建ajax对
  • 原生js-Ajax封装 学而时习之不亦说乎。 jsajaxjavascript服务器
    Ajax说道ajax到底什么是ajax？ajax是一种创建交互网页应用的一门技术。ajax的应用场景有：（地图）实时更新，表单验证等等....ajax的优缺点：优点：1.实现局部更新（无刷新状态下），2.减轻了服务器端的压力缺点：1.破坏了浏览器前进和后退机制（因为ajax自动更新机制）2.一个Ajax请求多了，也会出现页面加载慢的情况。3.搜索引擎的支持程度比较低。4.ajax的安全性问题不太好
  • HTML5原生的Drag和Drop,H5原生拖放(Drag and Drop)demo以及浏览器兼容性处理 晴-LQ
    H5原生拖放(DragandDrop)demo以及浏览器兼容性处理这篇文章发布于2020/08/22，归类于JavaScript标签：js拖拽，原生js拖放，js拖放，js拖放浏览器兼容性，HTML5拖放，dragstart，drop一般在网页中，如果需要实现拖放，首先要有两个元素可拖动的元素，元素draggable="true"属性就是可拖放，如果设置为false就是不可拖放可以放置的区域，注意
  • tomcat基础与部署发布 暗黑小菠萝 Tomcat java web
    从51cto搬家了，以后会更新在这里方便自己查看。 做项目一直用tomcat，都是配置到eclipse中使用，这几天有时间整理一下使用心得，有一些自己配置遇到的细节问题。 Tomcat：一个Servlets和JSP页面的容器，以提供网站服务。 一、Tomcat安装     安装方式：①运行.exe安装包      &n
  • 网站架构发展的过程 ayaoxinchao 数据库应用服务器网站架构
    1.初始阶段网站架构：应用程序、数据库、文件等资源在同一个服务器上 2.应用服务和数据服务分离：应用服务器、数据库服务器、文件服务器 3.使用缓存改善网站性能：为应用服务器提供本地缓存，但受限于应用服务器的内存容量，可以使用专门的缓存服务器，提供分布式缓存服务器架构 4.使用应用服务器集群改善网站的并发处理能力：使用负载均衡调度服务器，将来自客户端浏览器的访问请求分发到应用服务器集群中的任何
  • [信息与安全]数据库的备份问题 comsci 数据库
          如果你们建设的信息系统是采用中心-分支的模式,那么这里有一个问题   如果你的数据来自中心数据库,那么中心数据库如果出现故障,你的分支机构的数据如何保证安全呢?    是否应该在这种信息系统结构的基础上进行改造,容许分支机构的信息系统也备份一个中心数据库的文件呢?  &n
  • 使用maven tomcat plugin插件debug关联源代码 商人shang mavendebug查看源码tomcat-plugin
    *首先需要配置好'''maven-tomcat7-plugin'''，参见[[Maven开发Web项目]]的'''Tomcat'''部分。 *配置好后，在[[Eclipse]]中打开'''Debug Configurations'''界面，在'''Maven Build'''项下新建当前工程的调试。在'''Main'''选项卡中点击'''Browse Workspace...'''选择需要开发的
  • 大访问量高并发 oloz 大访问量高并发
    大访问量高并发的网站主要压力还是在于数据库的操作上，尽量避免频繁的请求数据库。下面简 要列出几点解决方案： 01、优化你的代码和查询语句，合理使用索引 02、使用缓存技术例如memcache、ecache将不经常变化的数据放入缓存之中 03、采用服务器集群、负载均衡分担大访问量高并发压力 04、数据读写分离 05、合理选用框架，合理架构(推荐分布式架构)。
  • cache 服务器 小猪猪08 cache
    Cache   即高速缓存.那么cache是怎么样提高系统性能与运行速度呢？是不是在任何情况下用cache都能提高性能？是不是cache用的越多就越好呢？我在近期开发的项目中有所体会，写下来当作总结也希望能跟大家一起探讨探讨，有错误的地方希望大家批评指正。 　　1.Cache   是怎么样工作的? 　　Cache   是分配在服务器上
  • mysql存储过程 香水浓 mysql
    Description:插入大量测试数据 use xmpl; drop procedure if exists mockup_test_data_sp; create procedure mockup_test_data_sp( in number_of_records int ) begin declare cnt int; declare name varch
  • CSS的class、id、css文件名的常用命名规则 agevs JavaScriptUI框架Ajaxcss
      CSS的class、id、css文件名的常用命名规则     (一)常用的CSS命名规则 　　头：header 　　内容：content/container 　　尾：footer 　　导航：nav 　　侧栏：sidebar 　　栏目：column 　　页面外围控制整体布局宽度：wrapper 　　左右中：left right
  • 全局数据源 AILIKES javatomcatmysqljdbcJNDI
    实验目的：为了研究两个项目同时访问一个全局数据源的时候是创建了一个数据源对象，还是创建了两个数据源对象。 1：将diuid和mysql驱动包（druid-1.0.2.jar和mysql-connector-java-5.1.15.jar）copy至%TOMCAT_HOME%/lib下；2：配置数据源，将JNDI在%TOMCAT_HOME%/conf/context.xml中配置好,格式如下：&l
  • MYSQL的随机查询的实现方法 baalwolf mysql
    MYSQL的随机抽取实现方法。举个例子，要从tablename表中随机提取一条记录，大家一般的写法就是：SELECT * FROM tablename ORDER BY RAND() LIMIT 1。但是，后来我查了一下MYSQL的官方手册，里面针对RAND()的提示大概意思就是，在ORDER BY从句里面不能使用RAND()函数，因为这样会导致数据列被多次扫描。但是在MYSQL 3.23版本中，
  • JAVA的getBytes()方法 bijian1013 javaeclipseunixOS
        在Java中，String的getBytes()方法是得到一个操作系统默认的编码格式的字节数组。这个表示在不同OS下，返回的东西不一样！      String.getBytes(String decode)方法会根据指定的decode编码返回某字符串在该编码下的byte数组表示，如： byte[] b_gbk = "
  • AngularJS中操作Cookies bijian1013 JavaScriptAngularJSCookies
            如果你的应用足够大、足够复杂，那么你很快就会遇到这样一咱种情况：你需要在客户端存储一些状态信息，这些状态信息是跨session(会话)的。你可能还记得利用document.cookie接口直接操作纯文本cookie的痛苦经历。         幸运的是，这种方式已经一去不复返了，在所有现代浏览器中几乎
  • [Maven学习笔记五]Maven聚合和继承特性 bit1129 maven
    Maven聚合   在实际的项目中，一个项目通常会划分为多个模块，为了说明问题，以用户登陆这个小web应用为例。通常一个web应用分为三个模块： 1. 模型和数据持久化层user-core, 2. 业务逻辑层user-service以 3. web展现层user-web， user-service依赖于user-core user-web依赖于user-core和use
  • 【JVM七】JVM知识点总结 bit1129 jvm
      1. JVM运行模式 1.1 JVM运行时分为-server和-client两种模式，在32位机器上只有client模式的JVM。通常，64位的JVM默认都是使用server模式，因为server模式的JVM虽然启动慢点，但是，在运行过程，JVM会尽可能的进行优化 1.2 JVM分为三种字节码解释执行方式：mixed mode, interpret mode以及compiler
  • linux下查看nginx、apache、mysql、php的编译参数 ronin47
    在linux平台下的应用，最流行的莫过于nginx、apache、mysql、php几个。而这几个常用的应用，在手工编译完以后，在其他一些情况下（如：新增模块），往往想要查看当初都使用了那些参数进行的编译。这时候就可以利用以下方法查看。 1、nginx [root@361way ~]# /App/nginx/sbin/nginx -V nginx: nginx version: nginx/
  • unity中运用Resources.Load的方法？ brotherlamp unity视频unity资料unity自学unityunity教程
    问：unity中运用Resources.Load的方法？ 答：Resources.Load是unity本地动态加载资本所用的方法,也即是你想动态加载的时分才用到它,比方枪弹,特效,某些实时替换的图像什么的,主张此文件夹不要放太多东西,在打包的时分,它会独自把里边的一切东西都会集打包到一同,不论里边有没有你用的东西,所以大多数资本应该是自个建文件放置 1、unity实时替换的物体即是依据环境条件
  • 线段树-入门 bylijinnan java算法线段树
    /** * 线段树入门 * 问题：已知线段[2,5] [4,6] [0,7]；求点2,4,7分别出现了多少次 * 以下代码建立的线段树用链表来保存，且树的叶子结点类似[i,i] * * 参考链接：http://hi.baidu.com/semluhiigubbqvq/item/be736a33a8864789f4e4ad18 * @author lijinna
  • 全选与反选 chicony 全选
      <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>全选与反选</title>
  • vim一些简单记录 chenchao051 vim
    mac在/usr/share/vim/vimrc linux在/etc/vimrc   1、问：后退键不能删除数据，不能往后退怎么办？       答：在vimrc中加入set backspace=2   2、问：如何控制tab键的缩进？       答：在vimrc中加入set tabstop=4 (任何
  • Sublime Text 快捷键 daizj 快捷键sublime
    [size=large][/size]Sublime Text快捷键：Ctrl+Shift+P：打开命令面板Ctrl+P：搜索项目中的文件Ctrl+G：跳转到第几行Ctrl+W：关闭当前打开文件Ctrl+Shift+W：关闭所有打开文件Ctrl+Shift+V：粘贴并格式化Ctrl+D：选择单词，重复可增加选择下一个相同的单词Ctrl+L：选择行，重复可依次增加选择下一行Ctrl+Shift+L：
  • php 引用(&)详解 dcj3sjt126com PHP
    在PHP 中引用的意思是：不同的名字访问同一个变量内容. 与Ｃ语言中的指针是有差别的．Ｃ语言中的指针里面存储的是变量的内容在内存中存放的地址 变量的引用 PHP 的引用允许你用两个变量来指向同一个内容  复制代码代码如下: <?  $a="ABC";  $b =&$a;  echo
  • SVN中trunk,branches,tags用法详解 dcj3sjt126com SVN
    Subversion有一个很标准的目录结构，是这样的。比如项目是proj，svn地址为svn://proj/，那么标准的svn布局是svn://proj/|+-trunk+-branches+-tags这是一个标准的布局，trunk为主开发目录，branches为分支开发目录，tags为tag存档目录（不允许修改）。但是具体这几个目录应该如何使用，svn并没有明确的规范，更多的还是用户自己的习惯。
  • 对软件设计的思考 e200702084 设计模式数据结构算法ssh活动
    软件设计的宏观与微观    软件开发是一种高智商的开发活动。一个优秀的软件设计人员不仅要从宏观上把握软件之间的开发，也要从微观上把握软件之间的开发。宏观上，可以应用面向对象设计，采用流行的SSH架构，采用web层，业务逻辑层，持久层分层架构。采用设计模式提供系统的健壮性和可维护性。微观上，对于一个类，甚至方法的调用，从计算机的角度模拟程序的运行情况。了解内存分配，参数传
  • 同步、异步、阻塞、非阻塞 geeksun 非阻塞
    同步、异步、阻塞、非阻塞这几个概念有时有点混淆，在此文试图解释一下。   同步：发出方法调用后，当没有返回结果，当前线程会一直在等待（阻塞）状态。 场景：打电话，营业厅窗口办业务、B/S架构的http请求-响应模式。   异步：方法调用后不立即返回结果，调用结果通过状态、通知或回调通知方法调用者或接收者。异步方法调用后，当前线程不会阻塞，会继续执行其他任务。 实现：
  • Reverse SSH Tunnel 反向打洞實錄 hongtoushizi ssh
    實際的操作步驟： # 首先，在客戶那理的機器下指令連回我們自己的 Server，並設定自己 Server 上的 12345 port 會對應到幾器上的 SSH port ssh -NfR 12345:localhost:22 [email protected] # 然後在 myhost 的機器上連自己的 12345 port，就可以連回在客戶那的機器 ssh localhost -p 1
  • Hibernate中的缓存 Josh_Persistence 一级缓存Hiberante缓存查询缓存二级缓存
    Hibernate中的缓存   一、Hiberante中常见的三大缓存：一级缓存，二级缓存和查询缓存。 Hibernate中提供了两级Cache，第一级别的缓存是Session级别的缓存，它是属于事务范围的缓存。这一级别的缓存是由hibernate管理的，一般情况下无需进行干预；第二级别的缓存是SessionFactory级别的缓存，它是属于进程范围或群集范围的缓存。这一级别的缓存
  • 对象关系行为模式之延迟加载 home198979 PHP架构延迟加载
    形象化设计模式实战     HELLO!架构   一、概念 Lazy Load：一个对象，它虽然不包含所需要的所有数据，但是知道怎么获取这些数据。 延迟加载貌似很简单，就是在数据需要时再从数据库获取，减少数据库的消耗。但这其中还是有不少技巧的。     二、实现延迟加载 实现Lazy Load主要有四种方法：延迟初始化、虚
  • xml 验证 pengfeicao521 xmlxml解析
    有些字符，xml不能识别，用jdom或者dom4j解析的时候就报错 public static void testPattern() { // 含有非法字符的串 String str =       "Jamey&#52828;&#01;&#02;&#209;&#1282
  • div设置半透明效果 spjich css半透明
    为div设置如下样式：   div{filter:alpha(Opacity=80);-moz-opacity:0.5;opacity: 0.5;}        说明： 1、filter：对win IE设置半透明滤镜效果，filter:alpha(Opacity=80)代表该对象80%半透明，火狐浏览器不认2、-moz-opaci
  • 你真的了解单例模式么？ w574240966 java单例设计模式jvm
        单例模式，很多初学者认为单例模式很简单，并且认为自己已经掌握了这种设计模式。但事实上，你真的了解单例模式了么。   一，单例模式的5中写法。（回字的四种写法，哈哈。）     1，懒汉式           （1）线程不安全的懒汉式 public cla
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他