原生JS
关注
分享
扫一扫
wuliangfan
这个作者很懒，什么都没留下…
展开
-
函数中this的指向
前言： 上下文就是代码的运行环境1. 普通函数(function)普通方法调用，this指的就是方法的调用者var user = { print:function(){ console.log(this);//user 普通函数，谁调用这个函数，this指的就是谁 }}user.print();普通方法没有调用者，this指向上下文(默认上下文为...原创 2019-07-18 11:45:51 · 160 阅读 · 0 评论 -
原生js的事件冒泡和默认事件
事件冒泡：html元素是嵌套结构，在触发内层元素的事件时，外部事件也会被由内到外触发，这种现象叫做事件冒泡 阻止冒泡事件： e.stopPropagation(); 默认事件： a标签的跳转事件就是默认事件 阻止默认事件： e.preventDefault();<!DOCTYPE html><html lang="en"><head> &l...原创 2019-07-18 11:47:36 · 268 阅读 · 0 评论 -
原生Js事件绑定的三种方式
html标签事件绑定：属性赋值 ，这个在该元素的properties属性中可以查到，也可以在事件监听中看到<script> function show(){ console.log('show'); } function print(){ console.log('print'); }</script>&...原创 2019-07-18 11:52:06 · 1022 阅读 · 0 评论 -
改变函数运行时的上下文|函数内部this的指向
func.apply(this,[arg1,arg2]);func.call(this,arg1,arg2);原创 2019-07-18 11:53:34 · 277 阅读 · 0 评论 -
防抖和节流
作用： 防抖和节流的作用都是防止函数多次调用，如果回调函数是ajax请求或者进行复杂的计算，那么页面就会出现卡顿现象 区别： 假设一个用户一直触发这个函数，且每次触发函数的间隔小于wait，防抖的情况下只会调用一次，而节流的 情况会每隔一定时间（参数wait）调用函数。 防抖：触发高频事件后n秒内函数只会执行一次，如果n秒内高频事件再次被触发，则重新计算时间 你尽管触发事件，但是我一定在事件...原创 2019-07-18 16:26:26 · 117 阅读 · 0 评论 -
数组的map方法以及parseInt函数
原题： ['1', '2', '3'].map(parseInt)；第一次分解：['1', '2', '3'].map((item, index) => { return parseInt(item, index)})第二次分解parseInt('1', 0) // 1parseInt('2', 1) // NaNparseInt('3', 2) // NaN,...原创 2019-07-18 16:30:29 · 633 阅读 · 0 评论 -
js数组一些基础使用方法
向数组中添加元素：pushvar arr =[];arr.push("新元素");删除数组中的指定元素：splice//删除数组中指定元素“2”var arr = [1,2,5,8,20,19];var arr1 = arr.splice(arr.indexOf(2),1);console.log(arr); //[1, 5, 8, 20, 19]console.log(ar...原创 2019-07-18 16:37:44 · 142 阅读 · 0 评论