![](https://img-blog.csdnimg.cn/20190918140213434.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
003.JS基础&原理
文章平均质量分 59
JavaScript相关介绍
豚豚鼠
三十而立,四十而不惑
展开
-
001-JS数据类型及判断
Tips:null 通过等于自身判断,其他基本类型通过 typeof 判断,引用类型通过 Object.prototype.toString 判断。6种基本类型:字符串(String)、数字(Number)、布尔(Boolean)、空(Null)、未定义(Undefined)、Symbol;JavaScript 的假值都有:0、-0、0.0、null、“”、false、undefined、NaN。引用数据类型:对象(Object)、数组(Array);Tips:假值就是布尔转换后为false的值。原创 2024-03-04 20:52:58 · 179 阅读 · 0 评论 -
002-数组&字符串常用方法
Tips:数组及对象的合并,concat 返回新数组,不改变原数组,Object.assign 给原对象合并属性。Tips:对数组的首尾进行增删,push尾增,pop尾删,unshift首增,shift首删,会改变原数组。Tips:数组排序,参数为排序规则函数,返回值大于0,输出a,小于0,输出b,会改变原数组。Tips:字符串 或 数组的截取方法,返回新值,不改变原字符串 或 数组。Tips:数组循环遍历,不改变原数组,返回新数组。Tips:数组过滤查找,不改变原数组,返回新数组。原创 2024-03-04 21:12:09 · 624 阅读 · 0 评论 -
003-ES6常用语法
Tips:不可重复声明,const不可改,块级作用域限制。Tips:对 promise 的优化写法,更清晰。Tips:解决回调地狱,异步请求。原创 2024-03-05 10:09:23 · 401 阅读 · 0 评论 -
004-深拷贝&浅拷贝
浅拷贝只是复制了对象的引用地址,两个对象指向同一个内存地址,所以修改其中任意的值,另一个值都会随之变化,这就是浅拷贝。Tips:对象拷贝时,如果 value 存在 引用类型,不想让拷贝对象的修改影响到原对象,需采用深拷贝。引用类型:复杂数据类型,在存储是,变量中存储的仅仅是地址(引用),因此叫做引用数据类型。值类型:简单数据类型,基本数据类型,在存储时,变量中存储的是值本身,因此叫做值类型。深拷贝将对象及值复制过来,两个对象修改其中任意的值另一个值不会改变,这就是深拷贝。Tips:lodash 中的方法。原创 2024-03-05 10:19:42 · 368 阅读 · 0 评论 -
005-call、apply和bind
call()、apply()和bind()方法 三者作用都是改变this指向。原创 2024-03-05 10:25:06 · 266 阅读 · 0 评论 -
006-定时器&动画
定时器在使用完成后,需要及时清理,清理不当,会造成浏览器内存泄漏,严重可影响页面性能,卡顿等问题。类似 setInterval,执行动画,无法指定执行时间,按照浏览器最优时间执行。原创 2024-03-05 10:58:30 · 205 阅读 · 0 评论 -
007-定时器清理终篇
javascript随笔 -- 定时器清理终篇问题背景问题分析解决方案定时器清理总结问题背景产品经理:实现一个列表(包含:人员名称、在线状态 等字段),每 10 秒更新一次列表中 在线状态 字段。开发 SE: 后台实现推送比较复杂,项目要求紧急上线,临时采用前台定时器查询方案。开发实现:列表查询页面( personList.vue )调用列表查询接口( /queryListApi ),前台查询成功后,判断有数据,则开启 setTimeout 10 秒查询列表接口,更新列表状态数据。具体代码如下原创 2021-09-12 20:46:51 · 442 阅读 · 0 评论 -
008-TypeScript
TypeScript 是 JS 的超集,文件已 .ts 后缀结尾,在 JS 的基础上,添加了 强类型,类,接口,泛型,枚举 等,让我们编写代码更严谨,代码低级错误能在编写时被检查出来,代码更优雅。TS 官网TypeScript中文网。原创 2024-03-05 11:14:29 · 250 阅读 · 0 评论 -
009-lodash
lodash 是一个插件,对 JavaScript 中操作 数组、字符串、对象 的方法做了优化,可以避免空指针现象,例如:get、set 方法;提供了一些常用的工具函数,例如:防抖、节流、深拷贝 等。Tips:lodash 是一个 npm 包,可以通过 npm i --save lodash 引入。原创 2024-03-05 11:45:27 · 382 阅读 · 0 评论 -
010-原型链
原型链:javascript的继承机制,是指获取JavaScript对象的属性会顺着其_proto_的指向寻找,直至找到Object.prototype上。将属性挂载到实例对象上,将公共方法挂载到构造函数的原型上,减少每次 new 时,都需要创建方法,多消耗堆内存。Tips:构造函数 Fn, p 为 new Fn 的实例对象,p 有一个属性。指向了 Fn.prototype,形成原型链。原创 2024-03-05 15:01:19 · 359 阅读 · 0 评论 -
011-闭包
闭包应用:使用闭包主要是为了设计私有变量与方法,避免变量污染,防抖与节流。闭包缺点:常驻内存,增大内存使用量,使用不当易造成内存泄漏,影响性能。闭包:就是能够读取其他函数内部变量的函数。原创 2024-03-05 15:05:43 · 225 阅读 · 0 评论 -
012-DOM操作
javascript随笔 -- DOM操作原生DOM操作元素的获取&查找本文主要针对JavaScript基础 DOM 操作做简单汇总与详解。原生DOM操作元素的获取&查找原创 2020-04-15 16:21:30 · 191 阅读 · 0 评论 -
013-三大家族&拖拽
三大家族&拖拽1. 三大家族简介2. 常见使用案例3. 拖拽的实现4. 拖放1. 三大家族简介DOM 提供的距离监听的API:offset属性属性详解div.offsetWidth元素自身宽的获取,只读属性,设置请使用 div.style.widthdiv.offsetHeight元素自身高的获取,只读属性,设置请使用 div.style.heig...原创 2020-05-08 17:12:14 · 209 阅读 · 1 评论