
js 高级
猕猴桃-HR
前端开发工程师
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
js 中函数和对象
1: js 中函数和对象: js 中函数对象: 创建函数和对象: 创建对象的三种方式: 2: BOM: 对象3:DOM: 对象 js 函数对象: 函数的对象和作用: 1.1: 函数作用和定义: 1.2: 函数的返回值 return 1.3: 函数的参数 1.4: 对象的定义 1.5: 对象的创建 1.6:分清楚函数和对象的区别 函数定义: 简单梳理一下函数和对象: 函数: 定义: 封装了一段可以重复执行的代码块, 通过此代码可以实现大量代码重复使用。 作.原创 2022-02-17 14:14:38 · 1272 阅读 · 0 评论 -
Vue 中实现点击按钮
在 Vue 中实现点击按钮复制功能: 因为之前做过一个项目,有网关标识和场景标识,都是32个长度的随机字符串,后期需要用到这两个标识,以前 用户可以手动复制过去用,但是随着数据的增多,这两个标识可能太长会被隐藏掉一部分,用户就复制不了了, 所以加一个按钮,可以让用户需要复制的时候,点击按钮,前端自动实现复制操作。复制操作是基于input输入 框的,所以得事先生成一个输入框来存放需要复制的文本数据。1: 实现复制功能: copyText() { var input = .原创 2022-02-11 18:03:21 · 2103 阅读 · 0 评论 -
js 数组中常用方法
Array.map() 数组的map 方法()let array = [1, 2, 3, 4, 5];; let newArr = array.map(x=> x*2);array = [1, 2, 3, 4, 5]; newArr = [2, 4, 6, 8, 10];此方法是将数组中每一元素调用成一个提供函数, 结果作为一个数组返回, 并没有改变原来的数组。2: 数组的forEach() 方法: 此方法是将数组中每一元素执行传进一个提供函数, 没有返回值。 注意和map.原创 2022-02-08 17:52:14 · 479 阅读 · 0 评论 -
js数组中的find、filter、forEach、map四个方法的详解和应用实例
1: find():返回通过测试的数组的第一个元素的值; find(); 方法: 返回通过测试的数组第一个元素的值。 在第一次调用callback 函数时会确定元素索引范围, 因此使用find 方法开始执行之后添加到数组中的新元素中将不会被callback 函数访问到。 如果数组中的一个尚未被callback函数所改变, 那么callback 函数访问到它时, 它的值将是根据它在数组中的索引访问到当前值。 被删除的元素仍然会被访问到。 array.find(function(value, ind.原创 2021-12-15 18:22:38 · 1240 阅读 · 0 评论 -
再不学ES6 就out 了
ES的全称是ECMAScript,它是由ECMA国际标准化组织,制定的一项脚本语言的标准化规范;新增的好用的语法规范。为什么要学习ES6呢?1: 以前的javaScript: 1.1: 变量提升特性, 增加了程序运行的不可预测性。 1.2: 语法过于松散,实现相同的功能,不同的人可能会写出不同的代码。2: 声明变量使用let var const 来声明变量: 使用let 声明的变量: 变量值只可以在大括号中访问, 大括号外部是访问不到的, ES6中新增了用于声明变量的关.原创 2021-11-02 18:51:05 · 145 阅读 · 0 评论 -
var let const 的区别
1: var 声明的变量会挂载在window 对象上, 而let 和const 声明的变量不会; var a = '我是a'; console.log(a); // 打印结果: a; cosole.log(window.a); // 打印结果: a; let b = '我是字母b'; console.log(b); // 打印结果: b console.log(window.b); // 打印结果: undefined let c = '我是字母c'; .原创 2021-09-10 17:19:31 · 109 阅读 · 0 评论 -
async... await...
async... await... 修饰符...1: async/await 是基于promise 的语法糖, 使异步代码更加易于编写和阅读。 怎么变成异步函数? 以async... 这个关键字开始 它可以被放置在一个函数前边。 async function f () { return 1; } f().then(alert); // 1 弹出 async function f() { return Promise.resolve(1); } f()..原创 2021-09-10 15:42:50 · 120 阅读 · 0 评论 -
阻止事件冒泡的兼容性写法
1: 阻止事件冒泡的兼容性写法:阻止冒泡: 1: dom 推荐stopPropagation() 阻止捕获和冒泡阶段中当前时间的进一步传播。 但是他不能防止任何默认行为的发生; 例如: 对链接的点击仍会被处理。 不适用于ie 6, 7, 8 2: cancleBubble: Event.cancelBubble 属性是: Event.stopPropagation 的一个曾用名。 在从事处理程序返回之前将其设置为true, 可以阻止事件传播。 适用于ie 6, 7, 8&.原创 2021-09-08 15:37:25 · 547 阅读 · 0 评论 -
箭头函数中的this 指向
1: 箭头函数中的this 指向:1: 箭头函数中的this 是如何查找的?2: 箭头函数中的this 是向外层作用域中, 一层一层查找this, 直到找到this的定义。箭头函数中的this 引用的就是最近作用域中的this.什么时候使用箭箭头函数?<script> setTimeout(function() { console.log(this); // window 指向全局 }, 1000) setTimeout(()=> {原创 2021-06-20 13:42:29 · 421 阅读 · 0 评论 -
运算符
1: 运算符也叫做操作符 通过运算符可以对一个或者多个值进行运算, 并取得运算结果。 typeof: 就是运算符, 可以用来获取一个值的类型, 它会将该值以字符串的形式返回 number / string / boolean / undefined / object2: 立即执行函数: 函数定义完, 立即被调用, 这种函数叫做立即执行函数。 立即执行函数往往只会执行一次。3: 数组的 slice 方法 和 splice 方法: slice...原创 2021-05-25 15:18:00 · 236 阅读 · 0 评论 -
闭包函数缺点
1: 闭包函数缺点闭包函数缺点1: 函数执行完成以后, 函数的局部变量没有释放, 占用内存空间时间会长 容易造成内存泄露 2: 解决 2.1:(能不用闭包就不用) 2.2: 及时释放 内存溢出: 一种程序出现的错误 当程序运行需要的内存超过了剩余内存时, 就会抛出内存溢出错误2: 内存泄露: 占用的内存没有及时释放 内存泄漏泄漏积累多了就会导致内存溢出 常见的内存泄露: 2.1: 意外的全局变原创 2021-05-25 10:55:57 · 213 阅读 · 0 评论 -
闭包作用
1: 闭包作用如果没有闭包, 函数执行完, 局部变量就会自动释放。1: 使用函数内部的变量在函数执行完以后, 仍然可以存活在内存中(延长了局部变量的生命周期) 让函数外部可以操作(读写)到函数内部数据(变量/ 函数)2: 函数有自己的作用域, 作用域的作用就是隔离变量。3:函数执行完以后,函数内部声明的局部变量是否还存在? 一般是不存在的, 存在于闭包中的变量才可能存在4: 在函数外部能直接访问函数内部的局部变量吗? 不能, 但是我们可以通过闭包让外部操作它function.原创 2021-05-25 10:25:08 · 70 阅读 · 0 评论 -
闭包
1: 闭包:1: 闭包是如何产生的?当一个函数嵌套的内部(子函数)函数引用外部(父函数)函数的变量时, 就会产生闭包。2: function fn1() { var a = 2; var b = 3; function fn2() { console.log(a) } } fn1(); // 函数调用 函数是特殊变量3: 闭包到底是什么? 理解一: 闭包是嵌套的内部函数, .原创 2021-05-24 17:52:32 · 76 阅读 · 0 评论 -
作用域与作用域链
1: 作用域与作用域链 理解: 就是一块 "地盘", 一个代码所在区域 它就是静态(相对于上下文对象), 在编写代码的时候就确定了2: 分类 2.1: 全局作用域 2.2:函数作用域 2.3: 块级作用域(ES6以后有了)3: 作用: 隔离变量, 不同于作用域下变量不会冲突产生作用域个数: 也是 n + 1; n:代表定义函数的个数作用域与执行上文区别:1: 区别一: 全局作用域外, 每一个函数都会创建自己的作用域, 作用域在函数定义的...原创 2021-05-24 16:09:56 · 279 阅读 · 0 评论 -
执行上下文
1: 代码分类(位置) 全局代码 函数(局部)代码2: 全局执行上下文 在执行全局代码前将window 确定为全局执行上下文 对全局函数进行预处理 2.1: var 定义的全局变量 ===> undefined, 添加为window 的属性 2.2: function 声明全局函数 ==> 赋值 (fun), 添加为window 的方法 2.3: this ==>...原创 2021-05-21 17:48:07 · 126 阅读 · 0 评论 -
变量提升与函数作用域的问题
1: 变量提升 1: 变量声明提升 通过var 关键字声明变量, 在定义语句之前就可以访问到1: 变量声明提升 通过var 关键字声明变量, 在定义语句之前就可以访问到, 但是值为 undefinedvar a = 3;function fn() { console.log(a); var a = 4;}fn(); // undefined函数有自己的作用域: 在执行fn() 函数的时候: 函数内部 console.log(a) ===&...原创 2021-05-21 16:47:43 · 107 阅读 · 0 评论