JavaScript
文章平均质量分 55
happyRenzg
这个作者很懒,什么都没留下…
展开
-
typeof和instanceof
typeof定义typeof返回一个字符串,表示未经过计算的操作数的类型语法typeof 运算符后面接操作数typeofoperandtypeof(operand)参数operand一个表示对象或者原始值的表达式,其类型会被返回描述// 数值typeof 123 // 'number'typeof NaN // 'number'; // 尽管它是 "Not-A-Number" (非数值) 的缩写typeof Number('1') // 'num...原创 2021-05-21 11:16:52 · 183 阅读 · 0 评论 -
js查找数组中与目标值最相近的数值
var arr = [500, 400, 320, 200, 1, 10, 8, 100, 190, 170, -123, 44, -44]; // 原有数组function findCloseNum(arr, num) { var index = 0; // 保存最接近数值在数组中的索引 var old_value = Number.MAX_VALUE; // 保存差值绝对值,默认为最大数值 for (var i = 0; i < arr.length; i++) {...原创 2021-05-18 23:42:46 · 1450 阅读 · 0 评论 -
节流
节流高频持续触发事件,如果执行动作比较复杂会造成页面卡死现象,有些dom事件我们是无法控制触发频率如鼠标移动事件onmousemove, 滚动滚动条事件onscroll,窗口大小改变事件onresize这些都是高频触发事件节流的思路是 延时周期内执行一次动作,期间有事件触发不执行动作,周期结束后,如有新事件触发则开始新一轮周期动作。高频触发事件动作定期执行,相对平滑,常用业务场景 常见布局中左侧菜单栏,右侧菜单相对的内容,上下滚动阅读右侧内容时候,左侧对应菜单标签高亮。<!DOC原创 2021-05-11 14:10:51 · 187 阅读 · 0 评论 -
防抖
防抖连续触发一个请求服务端的事件,该事件会频繁访问数据库,而实际上,只有最后一次搜索结果是用户想要的,前几次都是在浪费服务器资源和网络宽带。解决方法,为函数设置一个合理的时间间隔,避免在短时间内频繁触发又保证用户操作后即时得到结果。<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>防抖</title></head><原创 2021-05-10 21:06:36 · 92 阅读 · 0 评论 -
JavaScript数据类型
JavaScript数据类型笔记数据类型是JavaScript 编程语言的基础知识 有 空(Null)未定义(Undefined)字符(String)数字(Number)布尔值(Boolean)符号(Symbol)对象(Object)数据类型分基础类型空(Null)未定义(Undefined)字符(String)数字(Number)布尔值(Boolean)符号(Symbol)引用类型对象(Object)基础类型是值传递,新声明的变量等值传递了原来的变量,属于深拷贝引用类型是声明的变量..原创 2021-05-10 16:23:49 · 81 阅读 · 0 评论 -
js闭包
闭包的理解闭包翻译自英文单词 closure,这个概念第一次出现在 1964 年的《The Computer Journal》上,由 P. J. Landin 在《The mechanical evaluation of expressions》一文中提出了closure 的概念。为了想要一个私有变量或者方法,通过函数内部访问函数外部作用域时会产生闭包,优点:实现数据与函数隔离。避免变量在该函数作用域外被全局污染;缺点:闭包内部的变量会常驻内存不会被垃圾回收机制销毁;对于闭包的内存泄漏说原创 2021-05-10 11:37:13 · 141 阅读 · 0 评论 -
js常用工具函数
总结一些自己常用的工具方法//删除左右两端的空格export function trim(str) { let reg = /^\s*|\s*$/g; return String(str).replace(reg, "");}//校验整数。export function isNum(num) { let re = /^[0-9]+$/; return re.test(Number(num));}//校验价格。export function isMoney(n)原创 2021-05-01 11:01:41 · 225 阅读 · 0 评论 -
javascript中对this的认识
在学习拉勾朱德龙老师课程做的笔记,要学具体的链接在这里https://kaiwu.lagou.com/course/courseInfo.htm?courseId=180#/detail/pc?id=3179数据类型和函数是编程重要概念,前者储存数据,后者储存代码在JavaScript中函数比较强大,用途比较多可以赋值给一个变量可以有自己的属性可以作为参数被传递this是JavaScript一个关键字,是一个指针,指向调用它的的对象首先this指向的是一个对象,是函数执行上下原创 2021-02-07 10:26:41 · 150 阅读 · 0 评论 -
javascript 同步异步的理解总结
javascript同步异步的理解总结Java是多线程语言,利用多线程可以处理很多事情,文件上传,下载JavaScript是单线程同一时间内每次只能执行一个任务,如果同一时间有多个任务,就需要等待上一任务执行结束后才能执行下一任务。fun f1(){ console.log(1)}fun f2(){ console.log(2)}f1()f2()//1//2js代码都是自上而下执行,执行完f1() 然后再执行f2() 这是同步执行,如果f1是读取文件或者ajax...原创 2021-01-13 14:30:09 · 173 阅读 · 0 评论 -
DOM学习总结
DOM学习总结DOM(document object model) 浏览器文档对象模型dom是 JavaScript操作html的接口 实现一些前端的功能动态渲染列表,表单表格数据处理增删改查 监听点击提交事件 实现动态展开树组件,表单组件级联等这类复杂的操作 懒加载一些样式文件或脚本主要3个部分组成DOM节点DOM事件选择区域dom节点用两个部分 元素和标签标签是html基本单位 div span p 标签节点是DOM树的基本单位,多种类型, 元素节点,文本节点原创 2021-01-12 10:45:58 · 637 阅读 · 0 评论 -
js array数组常用方法
js array数组常用方法1栈方法 先进后出push() 在数组后面最后一项增加值参数 :可以为多个值或者数组返回:数组的长度,改变原数组var a = [1,2,3]a.push(4) //返回长度 4,改变原数组console.log(a) // [1,2,3,4]pop() :删除数组最后一项,没有参数返回:被删除的值,改变愿数组var b = [2,3,4]console.log(b.pop()) //返回被删除的值 4console.log(b) //转载 2020-12-31 16:34:30 · 165 阅读 · 0 评论 -
promise使用总结
promise使用总结promise 是处理异步编程的一种处理方式,可以将异步操作按照同步操作的方式编写。是一个对象或者构造函数,里面存放着某个未来才会执行的结果的方法(一般就是异步操作)自己身上有all、reject、resolve这几个方法,原型上有then、catch等方法。* 优点* 将异步操作以同步操作的流程表现出来,避免层层嵌套的回调函数* 也有缺点 一但建立不能取消* 其次如果不设置回调函数 内部会抛出报错,不会反应到外部* 三 处于pending状态时候 无法得知目前处原创 2020-12-28 11:41:21 · 150 阅读 · 0 评论 -
Javascript数据可视化库
1.https://bit.dev提示:使用Bit可以在应用之间快速重用UI组件。使用云库为你的团队提供支持,以加快您的应用开发速度。这些都是免费的。1、D3js2、ChartJS3、ThreeJS4、Echarts & Highcharts5、Metric-Graphics6、Recharts7. Raphael8、C3js9、React...原创 2021-01-20 11:51:00 · 108 阅读 · 0 评论