Camilia_yang
Camilia_yang

事件冒泡&事件委托

事件冒泡及捕获

概念

事件冒泡&事件委托_第1张图片
eventflow

在MDN关于 事件流的文档上的一张图片，清晰地展示了三个event phase：捕获阶段，目标阶段，冒泡阶段。如果event object不支持某个event phase，该阶段就会被跳过。如果事件对象的传播被禁止，所有的event phase都会被跳过。

举例

借用MDN上的一个例子，来解释事件冒泡：

当‘’button‘’元素按钮被单击时，将显示视频，它是通过将改变

的class属性值从hidden变为showing（这里包含两个类的CSS代码）

btn.onclick = function() {
  videoBox.setAttribute('class', 'showing');
}

然后我们再添加几个onclick事件处理器，第一个添加在

元素上，第二个添加在

你可能感兴趣的:(事件冒泡&事件委托)

  • 在Element UI的＜el-table＞组件中，点击子元素不触发父级事件 HWL5679 vue.jsjavascriptecmascript
    在ElementUI的组件中，@row-click事件是绑定在整行上的，这意味着如果点击了表格的任意位置（除非有特定的子元素阻止了事件冒泡），都会触发这个事件。如果你想要在某些子元素上点击时不触发@row-click事件，你需要在这些子元素上阻止事件冒泡。你可以通过在子元素上添加点击事件并调用event.stopPropagation()方法来实现这一点。event.stopPropagation
  • Vue事件修饰符 JoJo_Way vue.js前端javascript
    1.vue的事件修饰符有哪些.stop.prevent.self.capture.once.passive2.使用方法.stop，相当于原生写法中的event.stopPropagation()，用于阻止事件冒泡functionfather(){console.log("callmefather")}functionson(){console.log("callmeson")}//输出结果//ca
  • vue跟jQuery中的事件冒泡、事件捕获、事件委托（事件代理） 淑子啦 vue.jsjquery前端
    1、事件捕获、事件冒泡在JS中，我们管事件发生的顺序叫“事件流”标准的事件流：当dom触发了事件后，会先通过事件传播捕获到目标元素，然后目标节点通过事件传播实现事件冒泡事件传播：无论是捕获还是冒泡，都是靠事件传播一层一层传递的，当在某一层禁止事件传播，那么之后的步骤就不再进行了Tips：目标元素指的是触发事件的节点（1）事件捕获鼠标点击或者触发了dom事件，浏览器会从根节点（Document对象）
  • uniapp中switch和select组件阻止chane事件冒泡的方法 phpgolife uniappjavascriptuni-app前端javascript
    在uni-app中，‌处理事件冒泡通常使用.stop修饰符来阻止事件冒泡。‌如果你想要在使用switch或select组件时阻止change事件冒泡，‌你可以在模板绑定事件时添加.stop修饰符。‌示例使用switch组件htmlCopyCode使用select组件（‌假设是一个自定义组件或类似行为）‌htmlCopyCodeOption1Option2注意确保.stop修饰符紧跟在事件名之后，‌
  • C#学习笔记 2301_79022588 学习笔记
    一、事件派发器在C#中，事件派发器通常是指事件委托和事件处理程序的组合，用于实现一种观察者设计模式。它允许对象在状态发生变化时通知其他对象，从而实现对象之间的解耦。事件派发器的基本组成部分：事件委托（EventDelegate）：事件委托是一种特殊的委托，用于封装可以被调用的方法。它定义了事件的签名，即指定了事件处理程序方法的参数和返回类型。通常，事件委托声明在事件派发器类的外部，并且使用dele
  • 事件流 事件委托 汓㸓 前端数据库javascript
    一、事件流事件流（Eventflow）是指在HTML文档中发生事件时，事件的传播方式或者说流动路径。事件流描述了事件从触发元素开始，经过各个元素传递并最终到达目标元素的过程。事件流有三个阶段：捕获阶段（Capturephase）：事件从最外层的祖先元素开始向下传递，直到达到触发事件的目标元素。在捕获阶段，事件会经历所有祖先元素的捕获处理程序。目标阶段（Targetphase）：事件到达目标元素，即
  • JavaScript中的事件委托 zhangwenok JavaScriptjavascript前端开发语言
    今天，我们来讨论一下JavaScript中的事件委托。JavaScript事件委托是一种优化代码的技术，它允许我们在DOM树中注册一个事件处理程序，并通过冒泡机制处理多个元素的事件。事件委托是一个强大的技术，它可以极大地提高代码性能和可维护性。下面是一个例子，用事件委托处理一个动态生成的列表：Item1Item2Item3constlist=document.querySelector('#myL
  • JavaScript中事件委托是什么？ LuckXinXin JavaScriptjavascript
    符合W3C标准的事件绑定：addEventLisntener/attachEvent。让利用事件冒泡的原理，让自己的所触发的事件，让他的父元素代替执行。
  • JavaScript中什么是事件委托 JJCTO JavaScriptjavascriptcss前端
    JavaScript中的事件委托（Eventdelegation）是一种重要的编程技术，它能够优化网页中的事件处理，提高程序的性能和可维护性。本文将详细介绍事件委托的概念、工作原理，并提供示例代码来说明其实际应用。事件委托是基于事件冒泡机制而存在的。通常情况下，我们会为每个需要响应事件的元素添加事件监听器，而当页面中元素数量庞大时，这样的操作就会导致性能下降和代码维护困难。而事件委托的思想则是将事
  • jQuery自定义事件，事件冒泡，节点 2simple
    主动触发与自定义事件主动触发使用jquery对象上的trigger方法来触发对象上绑定的事件。自定义事件除了系统事件外，可以通过bind方法自定义事件，然后用tiggle方法触发这些事件；事件冒泡什么是事件冒泡？在一个对象上触发某类事件（比如单击onclick事件），如果此对象定义了此事件的处理程序，那么此事件就会调用这个处理程序，如果没有定义此事件处理程序或者事件返回true，那么这个事件会向这
  • [前端开发] 常见的 HTML CSS JavaScript 事件 YuanDaima2048 前端学习基础概念htmlcssjavascripthtml5css3es6前端
    代码示例指路常见的HTML、CSS、JavaScript事件代码示例常见的HTMLCSSJavaScript事件事件HTML事件鼠标事件键盘事件表单事件JavaScript事件对象事件代理（事件委托）事件在Web开发中，事件是用户与网页交互的重要方式之一。通过事件，用户可以与页面元素进行交互，触发相应的功能或效果。本文将介绍常见的HTML、CSS、JavaScript事件，以及事件对象和事件代理的
  • 2018-05-02美团二面总结 Observer_____
    1.事件委托的好处？面试官不太满意减少内存占用，已删除的元素不必再解绑，添加新的元素不用单独绑定2.DNS多级缓存不太会答3.关于内存泄漏闭包问题，要记得释放引用局部变量的闭包函数，否则会引起内存泄漏4.Array是引用类型。为啥？因为和C语言的指针类似，只是一个引用
  • 2019-06-19 绑定事件 自定义事件 事件冒泡 弹框-阻止冒泡 嚜羽
    1.绑定事件$(function(){////只能绑定click事件，不能绑定其他的了//$('#btn').click(function(){///*Actontheevent*///});//bind方式可绑定多个事件$('#btn').bind('clickmouseover',function(){alert('hello!');//取消绑定事件$(this).unbind('mouseo
  • vue常用修饰符 lyyvscc
    1.事件修饰符vue为v-on提供了事件修饰符，通过点(.)表示的指令后缀来调用修饰符。.stop阻止点击事件冒泡。等同于JavaScript中的event.stopPropagation().prevent防止执行预设的行为（如果事件可取消，则取消该事件，而不停止事件的进一步传播），等同于JavaScript中的event.preventDefault()，prevent等同于JavaScrip
  • 事件机制 事件捕获 处于目标阶段 事件冒泡 事件委托 蘑菇酱960903
    事件捕获当点击触发了dom事件，浏览器会从根节点开始由外向内进行传播，如果父元素在捕获期注册了对应的事件，则会先触发父元素的绑定事件事件冒泡由内向外进行传播，直到根节点事件流：事件捕获期(IE10以下不支持捕获期)->处于目标阶段->事件冒泡期当子元素不想触发父元素事件，可停止事件传播event.stopPropagation()或者event.cancelBubble=true事件委托就是根据事
  • 51.事件处理模型--事件冒泡、捕获 hr小刘
    新一轮js的学习中，小刘我总结了一些知识点，希望和感兴趣的小伙伴分享，有不对和需要完善的地方，也可以和我讨论，毕竟小刘也是个5个月多的小白，（由于有道云文档转PDF的小问题，代码在对齐格式会有欠缺，请谅解）。以后小刘还会时常更新所学所感，希望和大家探讨提升下自己。
  • js中事件代理的解析和应用场景 章IT javascript前端vue.js前端框架css3小程序微信小程序
    文章目录一、是什么二、应用场景三、总结一、是什么事件代理，俗地来讲，就是把一个元素响应事件（click、keydown…）的函数委托到另一个元素前面讲到，事件流的都会经过三个阶段：捕获阶段->目标阶段->冒泡阶段，而事件委托就是在冒泡阶段完成事件委托，会把一个或者一组元素的事件委托到它的父层或者更外层元素上，真正绑定事件的是外层元素，而不是目标元素当事件响应到目标元素上时，会通过事件冒泡机制从而触
  • JS中的事件代理详解 呗儿塔
    事件代理的定义对于事件委托或者说事件代理，有这样一段定义：事件委托就是利用事件冒泡，只指定一个事件处理程序，就可以管理某一类型的所有事件。举个例子来说首先我们创建一个拥有多个平行元素的列表Item1Item2Item3Item4Item5Item6当鼠标移动到li上或者点击了li的时候，需要触发相应的事件，若果不使用事件代理，那么我们需要为每一个li都添加相应的onClick()或者onMouse
  • Vue中 常用的修饰符有哪些 JJCTO Vuevue.js前端javascript
    Vue是一款建立在JavaScript框架上的开源前端库，已经成为当今前端开发人员最喜爱的选择之一。它的简洁语法和强大的功能使得开发者可以轻松地构建交互性的网页应用程序。在Vue中，修饰符是一个重要的概念，它们可以帮助我们更好地控制和定制DOM元素的行为。在本篇文章中，我们将介绍一些Vue中常用的修饰符，并通过示例代码来说明它们的使用。.stop修饰符.stop修饰符用于阻止事件冒泡。在一些需要监
  • JS中的小疑问什么是捕获？什么是冒泡？精简解释 考拉_2044
    从执行代码的过程来讲什么是事件冒泡？执行过程是事件的由内到外执行；什么是事件捕获？代码执行过程的过程是由外到内执行；捕获过程跟冒泡过程事件冒泡：什么是“事件冒泡”呢？假设这里有一杯水，水被用某种神奇的方式分成不同颜色的几层。这时，从最底层冒出了一个气泡，气泡会一层一层地上升，直到最顶层。而你不管在水的哪一层观察都可以看到并捕捉到这个气泡。好了，把“水”改成“DOM”，把“气泡”改成“事件”。这就是
  • 事件捕获和事件冒泡 她说东京很热
    1.事件捕获捕获型事件(eventcapturing)：事件从最不精确的对象(document对象)开始触发，然后到最精确(也可以在窗口级别捕获事件，不过必须由开发人员特别指定)2.事件冒泡冒泡型事件：事件按照从最特定的事件目标到最不特定的事件目标(document对象)的顺序触发。3.捕获和冒泡过程图捕获.PNG
  • vue的事件修饰符和常用的按键别名 wish't vue.jsjavascript前端开发语言前端框架visualstudio
    1.vue中的事件修饰符Documentvue中常用的按键别名:回车=>enter删除=>delete(捕获删除或空格键)退出=>esc空格=>space换行=>tab上=>up下=>down左=>left右=>right2.vue中常用的按键别名Documentvue中的事件修饰符:1.prevent:阻止默认事件(常用)2.stop:阻止事件冒泡(常用)3.once:事件只触发一次(常用)4.
  • 前端html基础（包括dom，事件等） jack_rofer
    六。事件操作1.事件参考2.DOM的操作方法3.原生JS获取HTMLDOM元素的8种方法4.Javascript中的事件冒泡与事件捕获5.JS阻止冒泡和取消默认事件(默认行为)
  • onmouseenter和onmouseover的区别 wen_文文 JavaScriptjsjavascript
    onmouseenter和onmouseleave是一对，onmouseover和onmouseout是一对区别：onmouseover/onmouseout触发子元素的事件时，子元素通过事件冒泡触发父元素对应的事件；可以通过阻止冒泡stopPropagation()避免父元素事件触发；onmouseenter/onmouseleave触发子元素事件时，不会触发父元素对应的事件，内部已经进行了阻止
  • 事件冒泡之cancelBubble和stoppropagation的区别 熹小雨Marain 冒泡stoppropagationcancelBubble事件冒泡
    事实上stoppropagation和cancelBubble的作用是一样的，都是用来阻止浏览器默认的事件冒泡行为。不同之处在于stoppropagation属于W3C标准，试用于Firefox等浏览器，但是不支持IE浏览器。相反cancelBubble不符合W3C标准，而且只支持IE浏览器。所以很多时候，我们都要结合起来用。不过，cancelBubble在新版本chrome,opera浏览器中已
  • 微信小程序自定义弹窗时，禁止弹窗下面页面滚动的方法 robotlee8
    最近写的小程序有个需求就是点击加入购物车或者立即购买会弹出一个自定义的弹窗，需求写完后发现上下滑动弹窗底部的页面也跟着滑动，找了好长时间原因，最后找度娘才发现是事件冒泡的原因所致。[email protected]@2x.png看看我们的上下滑动符合小程序的哪个事件，很显然属于第二种touchmove，[email protected]
  • ES6和ES5的区别、ES6新特性、Promise.all()用法简记、JavaScript事件代理（事件委托）、值类型和引用类型的区别、回流与 重绘——面试篇 大脸胖柴 大前端前端
    目录es5和es6的区别var、let、const初始化变量的区别使用箭头函数要注意事项forof与forin的区别Promise.all()用法简记解决promise失败不返回结果封装catch方法（失败结果也接收）只接收成功值方法JavaScript事件代理（事件委托）基本概念值类型和引用类型的区别1、javascript中变量类型分为值类型（基本数据类型）和引用类型2、值类型和引用类型的区别
  • vue-seamless-scroll 点击事件无效的处理方法 weixin_45979310 javascriptvue.js
    在使用vue-seamless-scroll自动滚屏绑定事件时，个别点击不了。该插件为了实现无缝衔接而复制了dom渲染，不会带上事件。解决办法：利用事件委托。<vue-seamless-sc
  • vue-seamless-scroll插件使用后点击事件无效 JiAyInNnNn123 开发问题Vuevue.jsjavascript前端
    场景：当前使用vue-seamless-scroll包裹了一个滚动div的list，当前list中的div需要点击进行其他逻辑处理问题：部分div点击不触发点击事件原因：因为vue-seamless-scroll中间包裹的dom复制渲染，没有带上dom的事件导致。解决方式：使用事件委托。在vue-seamless-scroll外部的div添加点击事件，获取$event的target{{item.n
  • 手写通用的事件监听函数 loushumei
    前言在问题前，需要先理解事件冒泡、事件代理可参考文章【事件代理】动态数据列表里，如何监听每条数据的点击？具体实现如下：DOM节点：a1a2a3a4加载更多...实现逻辑：//通用的事件监听函数functionbindEvent(elem,type,selector,fn){//step1.判断传参为3个还是4个if(fn==null){////如果为3个，默认第3个赋值为函数fn=selector
  • mongodb3.03开启认证 21jhf mongodb
    下载了最新mongodb3.03版本，当使用--auth 参数命令行开启mongodb用户认证时遇到很多问题，现总结如下： （百度上搜到的基本都是老版本的，看到db.addUser的就是，请忽略） Windows下我做了一个bat文件，用来启动mongodb，命令行如下： mongod --dbpath db\data --port 27017 --directoryperdb --logp
  • 【Spark103】Task not serializable bit1129 Serializable
    Task not serializable是Spark开发过程最令人头疼的问题之一，这里记录下出现这个问题的两个实例，一个是自己遇到的，另一个是stackoverflow上看到。等有时间了再仔细探究出现Task not serialiazable的各种原因以及出现问题后如何快速定位问题的所在，至少目前阶段碰到此类问题，没有什么章法 1.   package spark.exampl
  • 你所熟知的 LRU(最近最少使用) dalan_123 java
    关于LRU这个名词在很多地方或听说，或使用，接下来看下lru缓存回收的实现 1、大体的想法     a、查询出最近最晚使用的项     b、给最近的使用的项做标记 通过使用链表就可以完成这两个操作，关于最近最少使用的项只需要返回链表的尾部；标记最近使用的项，只需要将该项移除并放置到头部，那么难点就出现 你如何能够快速在链表定位对应的该项？ 这时候多
  • Javascript 跨域 周凡杨 JavaScriptjsonp跨域cross-domain
                                       
  • linux下安装apache服务器 g21121 apache
    安装apache 下载windows版本apache，下载地址：http://httpd.apache.org/download.cgi   1.windows下安装apache Windows下安装apache比较简单，注意选择路径和端口即可，这里就不再赘述了。 2.linux下安装apache： 下载之后上传到linux的相关目录，这里指定为/home/apach
  • FineReport的JS编辑框和URL地址栏语法简介 老A不折腾 finereportweb报表报表软件语法总结
      JS编辑框： 1.FineReport的js。 作为一款BS产品，browser端的JavaScript是必不可少的。 FineReport中的js是已经调用了finereport.js的。 大家知道，预览报表时，报表servlet会将cpt模板转为html，在这个html的head头部中会引入FineReport的js，这个finereport.js中包含了许多内置的fun
  • 根据STATUS信息对MySQL进行优化 墙头上一根草 status
    mysql  查看当前正在执行的操作，即正在执行的sql语句的方法为:      show processlist 命令   mysql> show global status;可以列出MySQL服务器运行各种状态值，我个人较喜欢的用法是show status like '查询值%';一、慢查询mysql> show variab
  • 我的spring学习笔记7-Spring的Bean配置文件给Bean定义别名 aijuans Spring 3
    本文介绍如何给Spring的Bean配置文件的Bean定义别名？ 原始的 <bean id="business" class="onlyfun.caterpillar.device.Business"> <property name="writer"> <ref b
  • 高性能mysql 之 性能剖析 annan211 性能mysqlmysql 性能剖析剖析
    1 定义性能优化 mysql服务器性能，此处定义为 响应时间。 在解释性能优化之前，先来消除一个误解，很多人认为，性能优化就是降低cpu的利用率或者减少对资源的使用。 这是一个陷阱。 资源时用来消耗并用来工作的，所以有时候消耗更多的资源能够加快查询速度，保持cpu忙绿，这是必要的。很多时候发现 编译进了新版本的InnoDB之后，cpu利用率上升的很厉害，这并不
  • 主外键和索引唯一性约束 百合不是茶 索引唯一性约束主外键约束联机删除
    目标;第一步;创建两张表 用户表和文章表         第二步;发表文章       1,建表; ---用户表 BlogUsers --userID唯一的 --userName --pwd --sex create
  • 线程的调度 bijian1013 java多线程thread线程的调度java多线程
    1.       Java提供一个线程调度程序来监控程序中启动后进入可运行状态的所有线程。线程调度程序按照线程的优先级决定应调度哪些线程来执行。   2.       多数线程的调度是抢占式的（即我想中断程序运行就中断，不需要和将被中断的程序协商） a) 
  • 查看日志常用命令 bijian1013 linux命令unix
    一.日志查找方法，可以用通配符查某台主机上的所有服务器grep "关键字" /wls/applogs/custom-*/error.log   二.查看日志常用命令1.grep '关键字' error.log：在error.log中搜索'关键字'2.grep -C10 '关键字' error.log：显示关键字前后10行记录3.grep '关键字' error.l
  • 【持久化框架MyBatis3一】MyBatis版HelloWorld bit1129 helloworld
    MyBatis这个系列的文章，主要参考《Java Persistence with MyBatis 3》。   样例数据 本文以MySQL数据库为例，建立一个STUDENTS表，插入两条数据，然后进行单表的增删改查     CREATE TABLE STUDENTS ( stud_id int(11) NOT NULL AUTO_INCREMENT,
  • 【Hadoop十五】Hadoop Counter bit1129 hadoop
       1. 只有Map任务的Map Reduce Job File System Counters FILE: Number of bytes read=3629530 FILE: Number of bytes written=98312 FILE: Number of read operations=0 FILE: Number of lar
  • 解决Tomcat数据连接池无法释放 ronin47 tomcat 连接池　优化
    近段时间，公司的检测中心报表系统(SMC)的开发人员时不时找到我，说用户老是出现无法登录的情况。前些日子因为手头上 有Jboss集群的测试工作，发现用户不能登录时，都是在Tomcat中将这个项目Reload一下就好了，不过只是治标而已，因为大概几个小时之后又会 再次出现无法登录的情况。 今天上午，开发人员小毛又找到我，要我协助将这个问题根治一下，拖太久用户难保不投诉。 简单分析了一
  • java-75-二叉树两结点的最低共同父结点 bylijinnan java
    import java.util.LinkedList; import java.util.List; import ljn.help.*; public class BTreeLowestParentOfTwoNodes { public static void main(String[] args) { /* * node data is stored in
  • 行业垂直搜索引擎网页抓取项目 carlwu LuceneNutchHeritrixSolr
    公司有一个搜索引擎项目，希望各路高人有空来帮忙指导，谢谢！ 这是详细需求： （1） 通过提供的网站地址(大概100-200个网站)，网页抓取程序能不断抓取网页和其它类型的文件（如Excel、PDF、Word、ppt及zip类型），并且程序能够根据事先提供的规则，过滤掉不相干的下载内容。 （2） 程序能够搜索这些抓取的内容，并能对这些抓取文件按照油田名进行分类，然后放到服务器不同的目录中。
  • [通讯与服务]在总带宽资源没有大幅增加之前,不适宜大幅度降低资费 comsci 资源
          降低通讯服务资费，就意味着有更多的用户进入，就意味着通讯服务提供商要接待和服务更多的用户，在总体运维成本没有由于技术升级而大幅下降的情况下，这种降低资费的行为将导致每个用户的平均带宽不断下降，而享受到的服务质量也在下降，这对用户和服务商都是不利的。。。。。。。。     &nbs
  • Java时区转换及时间格式 Cwind java
    本文介绍Java API 中 Date, Calendar, TimeZone和DateFormat的使用，以及不同时区时间相互转化的方法和原理。   问题描述： 向处于不同时区的服务器发请求时需要考虑时区转换的问题。譬如，服务器位于东八区（北京时间，GMT+8:00），而身处东四区的用户想要查询当天的销售记录。则需把东四区的“今天”这个时间范围转换为服务器所在时区的时间范围。
  • readonly,只读，不可用 dashuaifu jsjspdisablereadOnlyreadOnly
    readOnly 和 readonly 不同，在做js开发时一定要注意函数大小写和jsp黄线的警告！！！我就经历过这么一件事： 使用readOnly在某些浏览器或同一浏览器不同版本有的可以实现“只读”功能，有的就不行，而且函数readOnly有黄线警告！！！就这样被折磨了不短时间！！！（期间使用过disable函数，但是发现disable函数之后后台接收不到前台的的数据！！！）  
  • LABjs、RequireJS、SeaJS 介绍 dcj3sjt126com jsWeb
    LABjs 的核心是 LAB（Loading and Blocking）：Loading 指异步并行加载，Blocking 是指同步等待执行。LABjs 通过优雅的语法（script 和 wait）实现了这两大特性，核心价值是性能优化。LABjs 是一个文件加载器。RequireJS 和 SeaJS 则是模块加载器，倡导的是一种模块化开发理念，核心价值是让 JavaScript 的模块化开发变得更
  • [应用结构]入口脚本 dcj3sjt126com PHPyii2
    入口脚本 入口脚本是应用启动流程中的第一环，一个应用（不管是网页应用还是控制台应用）只有一个入口脚本。终端用户的请求通过入口脚本实例化应用并将将请求转发到应用。 Web 应用的入口脚本必须放在终端用户能够访问的目录下，通常命名为 index.php，也可以使用 Web 服务器能定位到的其他名称。 控制台应用的入口脚本一般在应用根目录下命名为 yii（后缀为.php），该文
  • haoop shell命令 eksliang hadoophadoop shell
    cat chgrp chmod chown copyFromLocal copyToLocal cp du dus expunge get getmerge ls lsr mkdir movefromLocal mv put rm rmr setrep stat tail test text
  • MultiStateView不同的状态下显示不同的界面 gundumw100 android
    只要将指定的view放在该控件里面，可以该view在不同的状态下显示不同的界面，这对ListView很有用，比如加载界面，空白界面，错误界面。而且这些见面由你指定布局，非常灵活。 PS：ListView虽然可以设置一个EmptyView，但使用起来不方便，不灵活，有点累赘。 <com.kennyc.view.MultiStateView xmlns:android=&qu
  • jQuery实现页面内锚点平滑跳转 ini JavaScripthtmljqueryhtml5css
    平时我们做导航滚动到内容都是通过锚点来做，刷的一下就直接跳到内容了，没有一丝的滚动效果，而且 url 链接最后会有“小尾巴”，就像#keleyi，今天我就介绍一款 jquery 做的滚动的特效，既可以设置滚动速度，又可以在 url 链接上没有“小尾巴”。   效果体验：http://keleyi.com/keleyi/phtml/jqtexiao/37.htmHTML文件代码： &
  • kafka offset迁移 kane_xie kafka
    在早前的kafka版本中（0.8.0），offset是被存储在zookeeper中的。   到当前版本（0.8.2）为止，kafka同时支持offset存储在zookeeper和offset manager（broker）中。   从官方的说明来看，未来offset的zookeeper存储将会被弃用。因此现有的基于kafka的项目如果今后计划保持更新的话，可以考虑在合适
  • android > 搭建 cordova 环境 mft8899 android
      1 , 安装 node.js        http://nodejs.org      node -v   查看版本   2, 安装 npm   可以先从  https://github.com/isaacs/npm/tags  下载 源码 解压到
  • java封装的比较器，比较是否全相同，获取不同字段名字 qifeifei
     非常实用的java比较器，贴上代码： import java.util.HashSet; import java.util.List; import java.util.Set; import net.sf.json.JSONArray; import net.sf.json.JSONObject; import net.sf.json.JsonConfig; i
  • 记录一些函数用法 .Aky. 位运算PHP数据库函数IP
    高手们照旧忽略。 想弄个全天朝IP段数据库，找了个今天最新更新的国内所有运营商IP段，copy到文件，用文件函数，字符串函数把玩下。分割出startIp和endIp这样格式写入.txt文件，直接用phpmyadmin导入.csv文件的形式导入。（生命在于折腾，也许你们觉得我傻X，直接下载人家弄好的导入不就可以，做自己的菜鸟，让别人去说吧） 当然用到了ip2long()函数把字符串转为整型数
  • sublime text 3 rust wudixiaotie Sublime Text
    1.sublime text 3 => install package => Rust 2.cd ~/.config/sublime-text-3/Packages 3.mkdir rust 4.git clone https://github.com/sp0/rust-style 5.cd rust-style 6.cargo build --release 7.ctrl
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他