BeArchitect
BeArchitect

dom事件的机制-捕获，目标，冒泡

机制

dom事件的机制-捕获，目标，冒泡_第1张图片

IE10以下没有捕获阶段

例子

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>事件机制</title>
</head>
<body >

    <div id="parent" style="height: 400px;width: 400px;background-color: cadetblue">
        <div id="child" style="height: 200px;width: 200px; margin:0 auto; background-color: bisque" onclick="console.log('捕获之前 child self click')">
        </div>
    </div>
    <script>
        document.body.addEventListener("click",function () {
            console.log('捕获 body click')
        },true);
        document.getElementById('parent').addEventListener("click",function () {
            console.log('捕获 parent click')
        },true);
        document.getElementById('child').addEventListener("click",function () {
            console.log('捕获 child click')
        },true);
        document.getElementById('parent').onclick =function(){
            console.log('捕获之后 parent self click')
        }
        document.body.addEventListener("click",function () {
            console.log('冒泡 body click')
        },false);
        document.getElementById('parent').addEventListener("click",function () {
            console.log('冒泡 parent click')
        },false);
        document.getElementById('child').addEventListener("click",function () {
            console.log('冒泡 child click')
        },false);
        document.body.onclick =function(){
            console.log('冒泡之后 body self click')
        }
    </script>

</body>
</html>

点击child的打印效果

dom事件的机制-捕获，目标，冒泡_第2张图片
解释效果
事件捕获是由外而内的，目标事件是在自身触发的（目标事件过程，与事件声绑定顺序有关，先绑定先发生，它不遵守先捕获后冒泡），事件冒泡是由内而外的。
关键点

  1. child，当事件从上至下捕获的时候，到了child节点的时候，从开篇的图中，应该是先执行捕获，在执行目标，但是这里是先执行了目标，在执行了捕获，因为目标过程只与绑定的先后顺序有关，先绑定先执行。
  2. parent，当事件从下至上开始冒泡的时候，parent的目标在冒泡绑定之前，所以先执行。
  3. body，同理自然

总结

事件执行顺序是从上至下，先执行捕获事件，当执行到目标节点的时候，目标过程与绑定顺序有关，继而从下至上开始执行冒泡事件。

你可能感兴趣的:(js开发)

  • uni-app开发微信小程序 hong161688 uni-app微信小程序小程序
    uni-app是一个使用Vue.js开发所有前端应用的框架，它支持编译到iOS、Android、H5、以及各种小程序（微信/支付宝/百度/字节跳动/QQ/京东等）平台。使用uni-app开发微信小程序，可以充分利用Vue.js的开发效率和小程序平台的原生能力，实现跨平台的高效开发。以下将详细介绍使用uni-app开发微信小程序的全过程，包括项目搭建、开发、调试、测试及发布等环节，内容将尽量达到或超
  • cross-plateform 跨平台应用程序-06-uni-app 介绍 知识分享官 uni-app
    详细介绍一下uni-app？whatuni-app是一个使用Vue.js开发所有前端应用的框架，开发者编写一次代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/京东/美团/钉钉/淘宝）、快应用等多个平台。以下是uni-app的一些核心特性和优势：使用Vue.js开发：uni-app基于Vue.js，这意味着如果你已经熟悉Vue.js
  • 【npm】解决npm安装慢问题 逆旅行天涯 npm前端node.js
    在Node.js开发过程中，npminstall是安装和管理项目依赖的关键命令。然而，有时我们会遇到npminstall运行卡住不动的情况，这通常与网络连接、NPM源的可用性和速度、资源下载超时等因素有关。本文将为你提供七种解决方案，帮助你顺利进行依赖安装。1.检查网络状况首要任务是确保您的计算机具有稳定的网络连接，并能无障碍访问外部资源。如果是在公司或校园内网环境下，检查是否存在防火墙限制或代理
  • FFCreator: 基于Node.js的高效视频制作库指南 江涛奎Stranger
    FFCreator:基于Node.js的高效视频制作库指南FFCreator一个基于node.js的高速视频制作库Afastvideoprocessinglibrarybasedonnode.js项目地址:https://gitcode.com/gh_mirrors/ff/FFCreator1.项目介绍关于FFCreatorFFCreator是一款基于Node.js开发的高性能视频制作库，旨在简化
  • 回顾vue开发spa（踩坑记录） Just do it
    使用vueJS开发前端页面差不多也有大半多年了。由于项目后台管理页面最早都是使用JQ进行开发的，刚开始使用vue的时候，只能是直接在页面里面引入vueJS框架进行开发，期间把项目后台的编辑页面和其他复杂页面全部改用vueJS的了（没有用到组件，只是增强了一下交互，开发更简单便捷）。由于工期和个人习惯问题，期间也留下了很多坑和隐患，比如不少页面是JQ和vue混用，导致后来改功能的时候痛不欲生……所以
  • 从npm慢如蜗牛到飞驰如光：nrm加速你的Node.js开发 TechWJ Node.jsnode.jsnpmvim
    nrm加速你的Node.js开发前言nrm简介NRM解决的问题：在Node.js开发中使用NRM的原因：如何安装和配置nrm的详细步骤安装NRM：配置NRM：npm基本使用方法1.列出可用的npm源：2.添加自定义源（可选）：3.切换npm源：4.测试源速度：5.查看当前使用的源：定制化配置1.配置代理（设置registry访问代理）：2.配置registry超时时间：3.配置HTTPS支持：4.
  • uni-app使用HBuilder X工具和微信小程序工具开发微信小程序 懒无名1 微信小程序uni-app小程序
    选择uni-app的原因是什么需要使用到的工具关于HBuilderX工具和微信小程序工具的介绍怎么下载HBuilderX工具和微信小程序工具如何使用HBuilderX工具如何使用微信小程序工具结尾什么是uni-appuni-app是一个使用vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、H5以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉/淘宝等)、快应
  • 深入探索Vue.js组件与插件技术 小码快撩 vue.js前端javascript
    引言在Vue.js的世界里，组件化和插件化是构建大规模可维护前端应用的重要基石。组件是Vue的核心概念之一，它让开发者能够将UI分割成可复用的独立模块；而插件则是Vue生态系统中用于扩展框架功能的强大工具。本文将详细阐述Vue组件和插件的基本概念、核心功能及其实际应用场景，帮助你更好地驾驭Vue.js开发之旅。Vue.js组件学习技术点1.定义组件Vue.js中定义组件的方式主要有两种：全局注册和
  • 如何上传NPM包：一步步指南 小于负无穷 javascript开发语言ecmascript前端框架前端typescript
    在JavaScript和Node.js开发中，NPM（NodePackageManager）是一个广泛使用的包管理工具。通过NPM，我们可以方便地管理项目中的依赖库，也可以将自己的代码打包发布给其他开发者使用。这篇文章将详细介绍如何将你自己的代码打包并上传到NPM仓库。1.准备工作在开始之前，你需要确保以下几点：安装了Node.js和NPM：可以通过在终端输入node-v和npm-v来检查是否安装
  • 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开发环
  • js、ts、argular、nodejs学习心得 海棠如醉 web技术web
    工作中需要前端argular开发桌面程序，后端用nodejs开发服务器，商用软件架构AngularJS诞生于2009年，由MiskoHevery等人创建，是一款构建用户界面的前端框架，后为Google所收购。[3]Angular是AngularJS的重写，Angular2以后官方命名为Angular，2.0以前版本称为AngularJS。AngularJS是用JavaScript编写，而Angul
  • 使用 UniApp 实现摄像头视频流的接入并在页面上显示视频流 man2017 uni-app
    UniApp是一个使用Vue.js开发所有前端应用的框架，它支持一次开发，多端部署（包括H5、小程序和APP）。下面我将展示如何使用UniApp实现摄像头视频流的接入，并在页面上显示视频流。我还会提供一些使用场景以及代码优化建议。使用场景直播应用：用户可以实时分享自己的画面。在线教育平台：教师可以开启摄像头进行授课。远程医疗咨询：医生与患者之间通过视频通话进行交流。安全监控：用户可以查看家中的实时
  • UniApp 小程序 ueing uni-app小程序
    UniApp是一个使用Vue.js开发所有前端应用的框架，它允许开发者编写一次代码，就可以在多个平台上运行，包括H5、iOS、Android、小程序（如微信小程序、支付宝小程序等）以及桌面应用程序等。UniApp由DCloud公司推出，它结合了Vue.js的开发体验和各平台的原生性能。主要特点如下：1.跨平台：通过一套代码可以编译生成多个平台的应用程序，减少开发成本。2.Vue.js开发体验：使用
  • Npm使用教程 shiming8879 npm前端node.js
    Npm使用教程npm（NodePackageManager）是Node.js的包管理工具，它为Node.js开发者提供了一种便捷的方式来管理项目依赖、发布和共享代码。npm是Node.js生态系统中不可或缺的一部分，极大地简化了Node.js项目的开发和管理过程。以下是一份详细的npm使用教程，涵盖安装、初始化项目、安装依赖、更新依赖、卸载依赖、配置镜像源、使用npmscripts等常见用法。一、
  • uniapp怎么实现条形码 那维莱特 uni-app
    "uniapp"指的是UniApp，一个使用Vue.js开发所有前端应用的框架，可以编译到iOS、Android、H5、以及各种小程序等多个平台。在UniApp中实现条形码，你通常会使用第三方库。以下是一个简单的步骤说明如何在UniApp中实现条形码：安装条形码生成库：你可以选择一个适合的条形码生成库，如jsbarcode。但需要注意的是，由于UniApp的跨平台特性，你需要选择一个能在多个平台上
  • 探秘Vue 3：watchEffect与watch选项的差异 阿珊和她的猫 vue.js前端javascript
    前端开发工程师、技术日更博主、已过CET6阿珊和她的猫_CSDN博客专家、23年度博客之星前端领域TOP1牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》蓝桥云课签约作者、上架课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app》文章目录摘要：引言：正文：一、Vue2中的watch选项二、Vue3中的watchEffect三、wa
  • 前端工程化面试题 | 15.精选前端工程化高频面试题 ai_todo 前端工程化前端javascripttypescript开发语言
    前端开发工程师、技术日更博主、已过CET6阿珊和她的猫_CSDN博客专家、23年度博客之星前端领域TOP1牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》蓝桥云课签约作者、上架课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app》文章目录请解释一下前端中的代码分支管理和代码合并。你熟悉的代码合并工具有哪些？解释一下前端中的流程管理
  • 使用Node.js开发一个文件上传功能 JJCTO Node.jsnode.js
    在现代Web应用程序开发中，文件上传是一个非常常见且重要的功能。今天我们将通过Node.js来开发一个简单而强大的文件上传功能。使用Node.js来处理文件上传可以带来许多好处，包括简单的代码实现、高效的性能和灵活的配置选项。首先，我们需要创建一个基本的Node.js项目。在命令行中输入以下命令：mkdirfile-upload-appcdfile-upload-appnpminit-y接下来，我
  • 使用Node.js开发RESTful API JJCTO Node.jsnode.jsrestful后端
    在当今信息时代，不管是企业级应用还是个人项目，都离不开RESTfulAPI的使用。RESTfulAPI是现代web应用的基石，通过它，我们可以实现前后端的高效沟通和数据传输。而在开发RESTfulAPI的过程中，Node.js的强大功能和灵活性让其成为首选的开发工具之一。Node.js是基于ChromeV8引擎的JavaScript运行环境，它的出现使得JavaScript可以在服务器端运行，极大
  • uni-pp(一)什么是uni-pp AlanGe
    uni-app是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台。DCloud公司拥有900万开发者、数百万应用、12亿手机端月活用户、数千款uni-app插件、70+微信/qq群。阿里小程序工具官方内置uni-app），腾讯课堂官方为uni-
  • uni-app和Vue.js有什么区别？ vue.jsuni-app
    Hello，大家好，我是咕噜铁蛋！在当今的前端开发领域，uni-app和Vue.js都是非常热门的技术。很多开发者经常在选择时感到困惑。今天铁蛋这篇文章讲和大家探讨这两者的区别，帮助各位在开发路上做出明智的选择。uni-app是一个使用Vue.js开发所有前端应用的框架，支持一次编译多端运行。开发者编写的基础代码只需进行一次编写，就可以发布到多个平台，包括App、H5、微信小程序等。Vue.js是
  • uniapp x 相比于其他的开发系统框架怎么样？ uni-app
    首先我们要知道niapp这是一种基于Vue.js开发的跨平台应用框架，可以将同一套代码同时运行在多个平台上，包括iOS、Android、H5等。相比其他开发系统框架，他有什么优点呢？让我们共同探讨一下吧！图片来源：https://news.gulufenfa.com/post/274易用性Uniapp提供了非常便捷的开发API，使得开发者仅需要掌握少量技能即可完成一部分功能的开发。同时，Uniap
  • 一起来使用node.js制作一个视频吧
    theme:fancyTNTWeb-全称腾讯新闻前端团队，组内小伙伴在Web前端、NodeJS开发、UI设计、移动APP等大前端领域都有所实践和积累。目前团队主要支持腾讯新闻各业务的前端开发，业务开发之余也积累沉淀了一些前端基础设施，赋能业务提效和产品创新。团队倡导开源共建，拥有各种技术大牛，团队Github地址：https://github.com/tnfe今天为大家介绍FFCreator，项目
  • 一起来使用node.js制作一个视频吧
    theme:fancyTNTWeb-全称腾讯新闻前端团队，组内小伙伴在Web前端、NodeJS开发、UI设计、移动APP等大前端领域都有所实践和积累。目前团队主要支持腾讯新闻各业务的前端开发，业务开发之余也积累沉淀了一些前端基础设施，赋能业务提效和产品创新。团队倡导开源共建，拥有各种技术大牛，团队Github地址：https://github.com/tnfe今天为大家介绍FFCreator，项目
  • 基于python+django+vue.js开发的停车管理系统 山东好汉Tim 毕业设计合集pythondjangovue.js
    功能介绍平台采用B/S结构，后端采用主流的Python语言进行开发，前端采用主流的Vue.js进行开发。功能包括：车位管理、会员管理、停车场管理、违规管理、用户管理、日志管理、系统信息模块。源码地址https://github.com/geeeeeeeek/python_parking演示地址http://parking.gitapp.cn演示帐号：用户名：admin123密码：admin123主
  • 基于python+django+vue.js开发的社区养老管理系统 山东好汉Tim 毕业设计合集pythondjangovue.js
    功能介绍平台采用B/S结构，后端采用主流的Python语言进行开发，前端采用主流的Vue.js进行开发。功能包括：老人管理、护工管理、亲属管理、病史管理、房间管理、活动管理、用户管理、日志管理、系统信息模块。源码地址https://github.com/geeeeeeeek/python_yanglao演示地址http://yanglao.gitapp.cn演示帐号：用户名：admin123密码：
  • 基于python+django+vue.js开发的医院门诊管理系统/医疗管理系统 山东好汉Tim 毕业设计合集pythondjangovue.js
    功能介绍平台采用B/S结构，后端采用主流的Python语言进行开发，前端采用主流的Vue.js进行开发。功能包括：医生管理、科室管理、护士管理、住院管理、药品管理、用户管理、日志管理、系统信息模块。源码地址https://github.com/geeeeeeeek/python_hospital演示地址http://hospital.gitapp.cn演示帐号：用户名：admin123密码：adm
  • Node.js开发-会话控制 中二Espresso Node.js开发node.js
    会话控制1)介绍2)cookie3)session4)session和cookie的区别5)token1)介绍所谓会话控制就是对会话进行控制HTTP是一种无状态的协议，它没有办法区分多次的请求是否来自于同一个客户端，无法区分用户而产品中又大量存在的这样的需求，所以我们需要通过会话控制来解决该问题常见的会话控制技术有三种：cookiesessiontoken2)cookiecookie是什么cook
  • Node.js开发——MongoDB与Mongoose weixin_34127717 数据库shelljson
    为了保存网站的用户数据和业务数据，通常需要一个数据库。MongoDB和Node.js特别般配，因为MongoDB是基于文档的非关系型数据库，文档是按BSON（JSON的轻量化二进制格式）存储的，增删改查等管理数据库的命令和JavaScript语法很像。我也准备使用MongoDB来作为我的数据库。MongoDB使用集合（collection）和文档（document）来描述和存储数据，collect
  • Node.js开发-MongoDB 中二Espresso Node.js开发node.jsmongodb数据库
    MongoDB1)Mongoose2)插入文档3)字段类型4)字段值验证5)CRUD1)增加2)删除3)更新4)查询6)条件控制1)运算符2)逻辑运算3)正则匹配7)个性化读取1)字段筛选2)数据排序3)数据截取1)Mongoose介绍Mongoose是一个对象文档模型库，官网http://www.mongoosejs.net/作用方便使用代码操作mongodb数据库使用流程//导入mongoos
  • 多线程编程之join()方法 周凡杨 javaJOIN多线程编程线程
    现实生活中，有些工作是需要团队中成员依次完成的，这就涉及到了一个顺序问题。现在有T1、T2、T3三个工人，如何保证T2在T1执行完后执行，T3在T2执行完后执行？问题分析：首先问题中有三个实体，T1、T2、T3， 因为是多线程编程，所以都要设计成线程类。关键是怎么保证线程能依次执行完呢？   Java实现过程如下： public class T1 implements Runnabl
  • java中switch的使用 bingyingao javaenumbreakcontinue
    java中的switch仅支持case条件仅支持int、enum两种类型。 用enum的时候，不能直接写下列形式。 switch (timeType) { case ProdtransTimeTypeEnum.DAILY: break; default: br
  • hive having count 不能去重 daizj hive去重having count计数
    hive在使用having count()是，不支持去重计数   hive (default)> select imei from t_test_phonenum where ds=20150701 group by imei having count(distinct phone_num)>1 limit 10;  FAILED: SemanticExcep
  • WebSphere对JSP的缓存 周凡杨 WAS JSP 缓存
          对于线网上的工程，更新JSP到WebSphere后，有时会出现修改的jsp没有起作用，特别是改变了某jsp的样式后，在页面中没看到效果，这主要就是由于websphere中缓存的缘故，这就要清除WebSphere中jsp缓存。要清除WebSphere中JSP的缓存，就要找到WAS安装后的根目录。        现服务
  • 设计模式总结 朱辉辉33 java设计模式
    1.工厂模式   1.1 工厂方法模式 (由一个工厂类管理构造方法)      1.1.1普通工厂模式(一个工厂类中只有一个方法)      1.1.2多工厂模式(一个工厂类中有多个方法)      1.1.3静态工厂模式(将工厂类中的方法变成静态方法) &n
  • 实例：供应商管理报表需求调研报告 老A不折腾 finereport报表系统报表软件信息化选型
    引言 随着企业集团的生产规模扩张，为支撑全球供应链管理，对于供应商的管理和采购过程的监控已经不局限于简单的交付以及价格的管理，目前采购及供应商管理各个环节的操作分别在不同的系统下进行，而各个数据源都独立存在，无法提供统一的数据支持；因此，为了实现对于数据分析以提供采购决策，建立报表体系成为必须。 业务目标 1、通过报表为采购决策提供数据分析与支撑 2、对供应商进行综合评估以及管理，合理管理和
  • mysql 林鹤霄
    转载源：http://blog.sina.com.cn/s/blog_4f925fc30100rx5l.html mysql -uroot -p ERROR 1045 (28000): Access denied for user 'root'@'localhost' (using password: YES)   [root@centos var]# service mysql
  • Linux下多线程堆栈查看工具(pstree、ps、pstack) aigo linux
    原文：http://blog.csdn.net/yfkiss/article/details/6729364   1. pstree pstree以树结构显示进程$ pstree -p work | grep adsshd(22669)---bash(22670)---ad_preprocess(4551)-+-{ad_preprocess}(4552)  &n
  • html input与textarea 值改变事件 alxw4616 JavaScript
    // 文本输入框(input) 文本域(textarea)值改变事件 // onpropertychange(IE) oninput(w3c) $('input,textarea').on('propertychange input', function(event) {      console.log($(this).val()) });  
  • String类的基本用法 百合不是茶 String
      字符串的用法;     // 根据字节数组创建字符串 byte[] by = { 'a', 'b', 'c', 'd' }; String newByteString = new String(by);         1,length()  获取字符串的长度     &nbs
  • JDK1.5 Semaphore实例 bijian1013 javathreadjava多线程Semaphore
    Semaphore类        一个计数信号量。从概念上讲，信号量维护了一个许可集合。如有必要，在许可可用前会阻塞每一个 acquire()，然后再获取该许可。每个 release() 添加一个许可，从而可能释放一个正在阻塞的获取者。但是，不使用实际的许可对象，Semaphore 只对可用许可的号码进行计数，并采取相应的行动。 S
  • 使用GZip来压缩传输量 bijian1013 javaGZip
            启动GZip压缩要用到一个开源的Filter：PJL Compressing Filter。这个Filter自1.5.0开始该工程开始构建于JDK5.0，因此在JDK1.4环境下只能使用1.4.6。         PJL Compressi
  • 【Java范型三】Java范型详解之范型类型通配符 bit1129 java
        定义如下一个简单的范型类，   package com.tom.lang.generics; public class Generics<T> { private T value; public Generics(T value) { this.value = value; } }
  • 【Hadoop十二】HDFS常用命令 bit1129 hadoop
    1. 修改日志文件查看器   hdfs oev -i edits_0000000000000000081-0000000000000000089 -o edits.xml cat edits.xml   修改日志文件转储为xml格式的edits.xml文件，其中每条RECORD就是一个操作事务日志   2. fsimage查看HDFS中的块信息等 &nb
  • 怎样区别nginx中rewrite时break和last ronin47
    在使用nginx配置rewrite中经常会遇到有的地方用last并不能工作，换成break就可以，其中的原理是对于根目录的理解有所区别，按我的测试结果大致是这样的。 location /    {         proxy_pass http://test; 
  • java-21.中兴面试题 输入两个整数 n 和 m ，从数列 1 ， 2 ， 3.......n 中随意取几个数 , 使其和等于 m bylijinnan java
    import java.util.ArrayList; import java.util.List; import java.util.Stack; public class CombinationToSum { /* 第21 题 2010 年中兴面试题 编程求解： 输入两个整数 n 和 m ，从数列 1 ， 2 ， 3.......n 中随意取几个数 , 使其和等
  • eclipse svn 帐号密码修改问题 开窍的石头 eclipseSVNsvn帐号密码修改
    问题描述：      Eclipse的SVN插件Subclipse做得很好，在svn操作方面提供了很强大丰富的功能。但到目前为止，该插件对svn用户的概念极为淡薄，不但不能方便地切换用户，而且一旦用户的帐号、密码保存之后，就无法再变更了。 解决思路：      删除subclipse记录的帐号、密码信息，重新输入
  • [电子商务]传统商务活动与互联网的结合 comsci 电子商务
          某一个传统名牌产品，过去销售的地点就在某些特定的地区和阶层，现在进入互联网之后，用户的数量群突然扩大了无数倍，但是，这种产品潜在的劣势也被放大了无数倍，这种销售利润与经营风险同步放大的效应，在最近几年将会频繁出现。。。。        如何避免销售量和利润率增加的
  • java 解析 properties-使用 Properties-可以指定配置文件路径 cuityang javaproperties
    #mq xdr.mq.url=tcp://192.168.100.15:61618; import java.io.IOException; import java.util.Properties; public class Test { String conf = "log4j.properties"; private static final
  • Java核心问题集锦 darrenzhu java基础核心难点
    注意，这里的参考文章基本来自Effective Java和jdk源码 1)ConcurrentModificationException 当你用for each遍历一个list时，如果你在循环主体代码中修改list中的元素，将会得到这个Exception，解决的办法是： 1)用listIterator, 它支持在遍历的过程中修改元素， 2)不用listIterator, new一个
  • 1分钟学会Markdown语法 dcj3sjt126com markdown
    markdown 简明语法 基本符号 *,-,+ 3个符号效果都一样，这3个符号被称为 Markdown符号 空白行表示另起一个段落 `是表示inline代码，tab是用来标记 代码段，分别对应html的code，pre标签 换行 单一段落( <p>) 用一个空白行 连续两个空格 会变成一个 <br> 连续3个符号，然后是空行
  • Gson使用二（GsonBuilder） eksliang jsongsonGsonBuilder
    转载请出自出处：http://eksliang.iteye.com/blog/2175473 一.概述     GsonBuilder用来定制java跟json之间的转换格式   二.基本使用 实体测试类： 温馨提示：默认情况下@Expose注解是不起作用的,除非你用GsonBuilder创建Gson的时候调用了GsonBuilder.excludeField
  • 报ClassNotFoundException: Didn't find class "...Activity" on path: DexPathList gundumw100 android
    有一个工程，本来运行是正常的，我想把它移植到另一台PC上，结果报： java.lang.RuntimeException: Unable to instantiate activity ComponentInfo{com.mobovip.bgr/com.mobovip.bgr.MainActivity}: java.lang.ClassNotFoundException: Didn't f
  • JavaWeb之JSP指令 ihuning javaweb
      要点   JSP指令简介  page指令  include指令    JSP指令简介    JSP指令（directive）是为JSP引擎而设计的，它们并不直接产生任何可见输出，而只是告诉引擎如何处理JSP页面中的其余部分。 JSP指令的基本语法格式： <%@ 指令 属性名="
  • mac上编译FFmpeg跑ios 啸笑天 ffmpeg
    1、下载文件：https://github.com/libav/gas-preprocessor， 复制gas-preprocessor.pl到/usr/local/bin/下， 修改文件权限：chmod 777 /usr/local/bin/gas-preprocessor.pl 2、安装yasm-1.2.0 curl http://www.tortall.net/projects/yasm
  • sql mysql oracle中字符串连接 macroli oraclesqlmysqlSQL Server
    有的时候，我们有需要将由不同栏位获得的资料串连在一起。每一种资料库都有提供方法来达到这个目的： MySQL: CONCAT() Oracle: CONCAT(), || SQL Server: + CONCAT() 的语法如下： Mysql 中 CONCAT(字串1, 字串2, 字串3, ...): 将字串1、字串2、字串3，等字串连在一起。 请注意，Oracle的CON
  • Git fatal: unab SSL certificate problem: unable to get local issuer ce rtificate qiaolevip 学习永无止境每天进步一点点git纵观千象
    // 报错如下： $ git pull origin master fatal: unable to access 'https://git.xxx.com/': SSL certificate problem: unable to get local issuer ce rtificate   // 原因： 由于git最新版默认使用ssl安全验证，但是我们是使用的git未设
  • windows命令行设置wifi surfingll windowswifi笔记本wifi
    还没有讨厌无线wifi的无尽广告么，还在耐心等待它慢慢启动么 教你命令行设置 笔记本电脑wifi： 1、开启wifi命令 netsh wlan set hostednetwork mode=allow ssid=surf8 key=bb123456 netsh wlan start hostednetwork pause 其中pause是等待输入，可以去掉 2、
  • Linux（Ubuntu）下安装sysv-rc-conf wmlJava linuxubuntusysv-rc-conf
    安装：sudo apt-get install sysv-rc-conf 使用：sudo sysv-rc-conf 操作界面十分简洁，你可以用鼠标点击，也可以用键盘方向键定位，用空格键选择，用Ctrl+N翻下一页，用Ctrl+P翻上一页，用Q退出。     背景知识 sysv-rc-conf是一个强大的服务管理程序，群众的意见是sysv-rc-conf比chkconf
  • svn切换环境，重发布应用多了javaee标签前缀 zengshaotao javaee
    更换了开发环境，从杭州，改变到了上海。svn的地址肯定要切换的，切换之前需要将原svn自带的.svn文件信息删除，可手动删除，也可通过废弃原来的svn位置提示删除.svn时删除。   然后就是按照最新的svn地址和规范建立相关的目录信息，再将原来的纯代码信息上传到新的环境。然后再重新检出，这样每次修改后就可以看到哪些文件被修改过，这对于增量发布的规范特别有用。   检出
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他