![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
ToShy
这个作者很懒,什么都没留下…
展开
-
JS原型与原型链
构造函数创建对象:function Person() {}var person = new Person();person.name = 'Kevin';console.log(person.name) // KevinPerson 就是一个构造函数,我们使用 new 创建了一个实例对象 personprototype每个函数都有一个 prototype 属性每一个JavaScript对象(null除外)在创建的时候就会与之关联另一个对象,这个对象就是我们所说的原型,每一个对象都会从转载 2021-10-29 18:19:16 · 116 阅读 · 0 评论 -
前端判断空对象{}的几种方法
1.将json对象转化为json字符串,再判断该字符串是否为"{}"var data = {};var b = (JSON.stringify(data) == “{}”);alert(b);//true2.for in 循环判断var obj = {};var b = function() {for(var key in obj) {return false;}return true;}alert(b());//true3.jquery的isEmptyObject方法此方法是j原创 2021-01-07 17:02:43 · 4214 阅读 · 0 评论 -
前端开发中的各种宽高整理
在开发下拉框时,总会遇到了各种需要获取dom高度、滚动的高度、浏览器可视区的高度…,以下对遇到的一些宽高做了一些总结element.clientHeight:可视区高度,不包括border的高度,如果底部有滚动条也不包括滚动条的高度element.clientWidth可视区宽度,不包括border的宽度,如果有滚动条也不包括滚动条的宽度element.offsetHeight:表示自身高度,包括border的值,如果底部有滚动条包括滚动条的高度element.offsetWidth表示自身高度,原创 2020-11-13 15:49:52 · 386 阅读 · 0 评论 -
防抖debounce与节流throttle
在进行窗口的resize、scroll,输入框内容校验等操作时,如果事件处理函数调用的频率无限制,会加重浏览器的负担,导致用户体验非常糟糕。此时我们可以采用debounce(防抖)和throttle(节流)的方式来减少调用频率,同时又不影响实际效果。一:函数防抖1、理解:触发高频事件后n秒内函数只会执行一次,如果n秒内高频事件再次被触发,则重新计算时间2、思路:每次触发事件时都取消之前的延时调用方法3、实现: debounce(func, delay) { let timer = nul原创 2020-11-06 18:31:18 · 101 阅读 · 0 评论 -
JS核心知识归纳
JS基础1.数据类型?6基本数据类型: Undefined, Null, Boolean, Number, String ,Symbol引用类型: Array Object Date Function区别:基本类型值保存在栈空间,我们通过按值来访问的。引用类型,的值是对象,栈内存中存放地址指向堆内存中的对象。是按引用访问的。栈内存中存放的只是该对象的访问地址,在堆内存中为这个值分配空间。1.基本数据类型不可以添加/删除属性和方法;2.复制的方式不同;引用类型复制的时候,复制的是指针,2个变原创 2020-11-03 14:16:15 · 580 阅读 · 1 评论 -
箭头函数简单使用
箭头函数语法: (参数列表) => { 函数代码块 }箭头函数简单使用普通函数: const fun = function (num1,num2) { return num1 + num2 }箭头函数: const sum = (num1, num2) => { return num1 + num2 }当参数只有一个时可省略括号 const power = num => { return num * n原创 2020-10-14 10:47:28 · 236 阅读 · 0 评论 -
事件冒泡、事件委托和事件捕获
事件冒泡会从当前触发的事件目标一级一级往上传递,依次触发,直到document为止。事件捕获会从document开始触发,一级一级往下传递,依次触发,直到真正事件目标为止。事件委托依靠的就是事件冒泡和捕获的机制。事件冒泡一个很简单的例子,生活中,当你玩手机点击一个应用时,同时也代表你点击了手机屏幕。网页中以下面的这个小例子来说明:<!DOCTYPE html><html><head> <meta charset="UTF-8"> &l原创 2020-09-24 16:20:38 · 481 阅读 · 0 评论