在 React 组件中,每个方法的上下文都会指向该组件的实例,即自动绑定 this 为当前组件。 而且 React 还会对这种引用进行缓存,以达到 CPU 和内存的优化。在使用 ES6 classes 或者纯 函数时,这种自动绑定就不复存在了,我们需要手动实现 this 的绑定。 1.bind方法进 ...
分类:
其他好文 时间:
2019-03-12 16:55:13
阅读次数:
310
Event事件 一、 事件绑定方式 DOM节点绑定(格式):节点.on+事件名 = 事件处理函数; 二、事件分类 (一)、鼠标事件 (二)、键盘事件 (三)UI事件 (四)表单事件 三、event对象 (兼容ie浏览器 e = e||window.event) 兼容写法,一般直接给e赋值再用:e = ...
分类:
其他好文 时间:
2019-03-07 23:18:22
阅读次数:
382
jQuery与Vue: 两者的区别: jQuery是使用选择器($)选取DOM对象,对其进行赋值、取值、事件绑定等操作,其实和原生的HTML的区别只在于可以更方便的选取和操作DOM对象,而数据和界面是在一起的。比如需要获取label标签的内容:$("lable").val();,它还是依赖DOM元素 ...
分类:
其他好文 时间:
2019-03-03 20:38:45
阅读次数:
175
1.事件绑定 eg: window.onload=function (){ var oBtn=document.getElementById('btn1'); myAddEvent(oBtn,'click',function(){ alert('a'); }); myAddEvent(oBtn,'c ...
分类:
其他好文 时间:
2019-02-23 23:02:42
阅读次数:
199
Vue.js中文文档 传送门 Vue@事件绑定 v-show:通过切换元素的display CSS属性实现显示隐藏; v-if:根据表达式的真假实现显示隐藏,如果隐藏,它绑定的元素都会销毁,显示的时候再重建; v-else:与v-if配对使用; v-elseif:与v-if配对使用; v-bind: ...
分类:
其他好文 时间:
2019-02-23 01:20:54
阅读次数:
257
原生的js事件处理 原生的js事件处理,可以分为:直接内联执行代码,或者绑定事件函数。 在内联的事件处理函数内部或者事件绑定的方法内部的作用域中的this都是指向当前的dom对象。如何在vue绑定的元素中通过this访问到vue的实例呢?vue框架做了很多工作,很方便我们进行事件的绑定处理开发。 监 ...
分类:
其他好文 时间:
2019-02-22 18:09:15
阅读次数:
178
var arr1 = document.getElementsByTagName("div1"); //方式二:通过 标签名 获得 标签数组,所以有s var arr2 = document.getElementsByClassName("hehe"); //方式三:通过 类名 获得 标签数组,所以 ...
分类:
Web程序 时间:
2019-02-18 01:29:29
阅读次数:
209
一.导读: 1.什么是Vue Vue.js是一个渐进式JavaScript框架渐进式:vue从小到控制页面中的一个变量到页面一块内容到整个页面,最终大到整个项目,都可以用vue框架来实现 2.vue可以做哪些事 将数据渲染到指定区域(数据可以是后台获取,也可以由前台自己产生)可以与页面完成基于数据的 ...
分类:
其他好文 时间:
2019-02-14 20:22:11
阅读次数:
182
先上结论: Event.target:触发事件的元素; Event.currentTarget:事件绑定的元素; 通过下面的例子来理解这两个属性的区别: 使用Event.target属性的例子:(我在<body>和<button>上都绑定了click事件) 因为<button>在<body>中,所以 ...
分类:
其他好文 时间:
2019-02-14 11:52:30
阅读次数:
204
Kendo MVVM 数据绑定(五) Events 本篇和 Kendo MVVM 数据绑定(三) Click 类似,为事件绑定的一般形式。Events 绑定支持将 ViewModel 的方法绑定到 DOM 元素的事件处理(如鼠标事件)。例如: 实际上,click 绑定是 events 绑定的一个特例 ...
分类:
其他好文 时间:
2019-02-11 17:12:26
阅读次数:
179