js单线程js是单线程的，这样更有利与用户交互以及DOM操作;有关进程与线程的详细解释可以点击传送门；尽管webworker可以实现多线程，但本质上他还属于单线程，由webworker创建的线程都由主线程控制并且只能进行计算而已; js同步、异步同步执行：即js主线程按顺序执行任务，如遇操作webAPI/ajax等代码时会等待其响应后面代码得不到执行，也就是下一个任务必须等到前一个任务执行完成；异步执行：js是单线程的本身不具备异步能力，但浏...
【来源】：在开发移动端网站时，会经常徘徊在click和touchstart之间；因为touchstart虽然好用和快速响应；但是其缺点也是显而易见的，当我们大面积的使用touchstart的时候就会遇到，滚动页面的时候会频繁的触发，导致其不友好的体验；所以，不能单独的说哪个好与不好，而应该利用其长处，规避其缺点；而且，对于a标签，在移动端的跳转方式，等同于click（经过自己实际体验）【问题】在我们在上层触发touchstart的时候，下层的click...
鼠标滚动事件关于滚动事件这方面，其实是比较乱的。滚轮事件的兼容性差异有些不拘一格，不是以往的IE8-派和其他派，而是FireFox派和其他派。包括IE6在内的浏览器是使用onmousewheel，而FireFox浏览器一个人使用DOMMouseScroll. 经自己测试，即使现在FireFox 19下，也是不识onmousewheel。在其他派中检测滚动数值的属性是wheelDelta ，向上滚为120，向下为-120。在火狐中检测滚动数值的属性是detail，向上滚为-3，向下为3。 <!DOCTY...
js中鼠标事件主要有onclick，onmousedown，onmouseup，oncontextmenu，ondblclick,所有的这些事件都包含有一个事件对象event，当然在IE低版本下，event对象是挂在window底下的。这个我们另行讨论。 1.通过html添加事件 <input type="button" click="alert(1)"/> 2.通过DOM0级方式添加事件<input type="button" value="点击"/> <script>var btn=document.getElementsByTagName(input)[0];btn.onclick=function(){alert(1); }...
现在，组件化开发还是比较流行的，毕竟其优点相当突出。最近在开发一个组件的时候，遇到了一个很有意思的BUG。。。 BUG的背景 最近在开发一个组件，好不容易开发好了转测试。然后，测试给我提了一个这样的bug，orz...因为是一个组件，最大的好处就是可以随处复用，随处使用，然而，当一个页面用了多个组件，只有最后一个生效的时候，这个组件就没有什么意义了。。。 BUG原因查找 这个组件的初始数据来源的接口是固定的，也就...
起因：1、这是前端面试的经典题型，要去找工作的小伙伴看看还是有帮助的；2、其实我一直都没弄明白，写这个一是为了备忘，二是给其他的知其然不知其所以然的小伙伴们以参考；概述：那什么叫事件委托呢？它还有一个名字叫事件代理，JavaScript高级程序设计上讲：事件委托就是利用事件冒泡，只指定一个事件处理程序，就可以管理某一类型的所有事件。那这是什么意思呢？网上的各位大牛们讲事件委托基本上都用了同一个例子，就是取快递...
可以使用 e.stopPropagation(); e.preventDefault();来阻止事件冒泡，和默认事件的执行。但不能阻止事件的追加，如要追加，请看下面的实现方法有些时候可以使用 e.stopPropagation(); e.preventDefault();来阻止事件冒泡，和默认事件的执行。但不能阻止事件的追加。什么情况下要阻止事件的追加呢？比如：点击“结账”，这样的操作时，结账本身有自己的事件，但结账前要判断是否登录。我们可能会这样写：Js代码代码如下:if(isLogin)...
这篇文章主要介绍了js中键盘事件,以一个较为简单的实例形式分析了js响应键盘事件的操作技巧,需要的朋友可以参考下本文实例分析了js中键盘事件。分享给大家供大家参考。具体分析如下：该实例效果：按键盘上的任意一个键，弹出相应的ASCII码，兼容ie，chrome和firefox。但还是有不少问题：（1）ie和chrome中，一些键没有效果，如上、下、左、右等；（2）而firefox中的向右键，与单引号键，都为39。具体代码如下：代码如下:<html> <he...
1. 事件 在浏览器客户端应用平台，基本生都是以事件驱动的，即某个事件发生，然后做出相应的动作。 浏览器的事件表示的是某些事情发生的信号。事件的阐述不是本文的重点，尚未了解的朋友，可以访问W3school教程 进行了解，这将有助于更好地理解以下的内容 。2.冒泡机制 什么是冒泡呢？ 下面这个图片大家应该心领神会吧，气泡从水底开始往上升，由深到浅，升到最上面。在上升的过程中，气泡会经...
off()函数用于移除元素上绑定的一个或多个事件的事件处理函数。off()函数主要用于解除由on()函数绑定的事件处理函数。该函数属于jQuery对象(实例)。语法jQuery 1.7 新增该函数。其主要有以下两种形式的用法：用法一：jQueryObject.off( [ events [, selector ] [, handler ] ] )用法二：jQueryObject.off( eventsMap [, selector ] )参数参数描述events可选/String类型一个或多个用空格分隔的事件类型和可选的命名空间，例如"click...
1.jquery隐藏and显示事件$("p").hide(); //隐藏事件 $("p").hide(1000); //1秒内缓慢隐藏 $("p").show(); //显示事件 $("p").toggle(); //在隐藏和显示中切换隐藏后显示提示callback$("p").hide(function(){ alert("提示消息已经隐藏"); }); $("p").hide(1000,function(){ alert("1s内缓慢隐藏并提示消失已经隐藏"); });2.淡入淡出$("#p1").fadeIn(); //淡入$("#p2").fadeIn("slow"); //缓...
绑定事件：bind()、on()、live()、delegate()、keyup()； 触发事件：trigger(‘keyup’)、keyup()； 解绑事件：unbind()、off()、die()、undelegate()； 符合事件：hover() 、toggle()； 事件绑定：bind()；一、绑定事件 JQuery绑定事件，除 bing() 方法之外，还有 on()、live()、one() 等 事件的绑定方法。绑定事件分类：（a） 绑定单个事件$("#btn").bind("click",function(){//代码块console.log(123); });（b） 同时绑定多...
本篇文章主要介绍了详解vue.js的事件处理器v-on:click，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧用 v-on 指令监听 DOM 事件注意:HTML5中不能使用v-on，换为@（1）html代码：<p id="example"> <button v-on:click="greet">Greet</button> // 或者 <button @click="greet">Greet</button> </p>（2）js代码：var vm = new Vue({ el: #example, data: { name: Vue.js }, // 在 `methods` 对象中定...
jquery的淡入,淡出事件 fadeIn fadeOut1. fadeIn() 方法使用淡入效果来显示被选元素，（该元素是隐藏的）$(selector).fadeIn(speed,callback) 参数描述speed，可选。规定元素从隐藏到可见的速度。默认为 "normal"。可能的值：毫秒 （比如 1500）"slow""normal""fast"callback,可选。fadeIn 函数执行完之后，要执行的函数。(除非设置了 speed 参数，否则不能设置该参数)2.fadeOut()fadeOut(speed, [callback])通过不透明度的变化来...
这篇文章主要介绍了jQuery中slideUp 和 slideDown 的点击事件的相关资料,需要的朋友可以参考下先贴代码，再讲详细事件代码如下:<!DOCTYPE html> <html><head><meta charset="utf-8"><title></title><script src="js/jquery.js"></script></head><style type="text/css"> p.panel,p.flip{margin:0px;padding :5px;text-align :center;background :#e5eecc;border:solid 1px #c3c3c3;}p.panel{height:120px;}</style><body><p class=...