自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(24)
  • 收藏
  • 关注

原创 前端实现树形结构模糊搜索

方式二:父节点含有搜索内容,无需向下继续搜索,直接返回改节点及下面所有子节点。方式一:父节点含有搜索内容,则需向下继续搜索,返回含有搜索内容的子节点。

2024-04-25 11:06:39 276

原创 手写js数组方法:some、every、filter、find、forEach、map、sort

【代码】手写js数组方法:some、every、filter、find、forEach、map、sort。

2023-08-04 13:21:06 129

原创 javascript数组去重

【代码】javascript数组去重。

2023-07-27 14:00:29 84

原创 字符串方法

字符串方法方法功能参数是否改变原数组返回值replace(参数1,参数2)替换,只能替换第一个符合要求的子串参数1:旧子串,参数2:要替换成的新子串否返回替换之后的新字符串split(参数1)分隔[参数1]可选,分隔符否返回分隔之后的新数据slice(参数1,参数2)截取,左闭右开参数1:开始索引,参数2:结束索引否返回截取的字符区间substring(参数1,参数2)截取,左闭右开参数1:开始索引,参数2:结束索引(可以为负)否

2023-07-27 12:46:38 111

原创 vue2 VS vue3 数据双向绑定

vue2 和 vue3 数据双向绑定的区别以及优缺点

2022-07-22 17:33:31 517 1

原创 GET http://10.136.74.118:8080/sockjs-node/info?t=1652668758843 net::ERR_CONNECTION_TIMED_OUT

node_modules 文件下,sockjs-client / dist / sockjs.js 文件注释第1609行 self.xhr.send(payload) 即可;缺点:热更新会失效

2022-05-16 10:51:36 316

原创 解决公钥问题:Please make sure you have the correct access rights and the repository exists.

报错:Please make sure you have the correct access rights and the repository exists.翻译:请确保您拥有正确的访问权限并且存储库存在。个人原因:git账号登录错误,应填写username解决:删除.ssh文件夹下的所有文件;在桌面点击右键,选择Git Bash Here,打开git命令行;设置用户名:git config --global user.name ‘xxx’设置用户名邮箱:git config --gl

2022-01-07 11:11:01 4870

原创 javascript中的数组方法(含ES5.ES6)

方法功能参数是否改变原数组返回值push()尾插任意个任意值是返回操作之后的数组长度pop()尾删无参是返回被删除的数据unshift()头插任意个任意值是返回操作之后的数组长度shift()头删无参是返回被删除的数据reverse()逆序无参是返回操作之后的数组sort()排序回调函数是返回操作之后的数组join()转为字符串无参否返回字符串concat()拼接数组任意值,任意个...

2021-08-25 14:45:09 120

原创 元素水平垂直居中

一、一行文本水平和垂直居中水平居中:text-align:center垂直居中:line-height:父元素的高二、行内元素水平和垂直居中水平居中:给父元素添加text-align:center行内元素没有脱离文档流(absolute,fixed,float)垂直居中法一:给父元素添加padding-top:((父height - 子height) / 2)px法二:给子元素添加position:absolute;top:50%;margin-top:-(子height/2

2021-08-13 17:29:16 81

原创 HTML5新增内容

HTML5新增内容新增语义化标签新增表单类型新增表单属性新增表单元素新增表单事件新增多媒体标签新增语义化标签header 表示页面中一个内容区块或整个页面的标题main 表示页面中的主要内容 (ie不兼容)footer 表示页面中一个内容区块或整个页面的脚注nav 表示页面中导航链接部分article 表示一块与上下文无关的独立的内容section元素 表示页面中的一个内容区块aside 在article之外的,与article内容相关的辅助信息figure 表示一段独

2020-07-08 16:10:51 317

原创 javascript中的继承方式

让一个构造函数去继承另一个构造函数的属性和方法继承是发生在两个构造函数之间是与构造函数相关的应用1.原型对象(prototype)继承优点:简单,方便,易操作缺点:不能继承构造函数里的属性和方法只能继承原型对象身上的属性和方法function Parent(){ this.name = "admin"; this.sayHi = function(){ console.log("hi"); }}Parent.prototype.show = function(){.

2020-06-27 16:44:22 852

原创 js中创建对象的几种方式

一、字面量方式创建对象var obj = { name:"admin", age:18, sex:"男", sayHello:function(){ console.log(`大家好,我是${this.name},今年${this.age}岁`); }}二、内置构造函数创建对象var obj = new Object();obj.name = "root";obj.age = "20";obj.sex = "男";obj.sayHello = function(){ co

2020-06-14 16:14:46 193

原创 js中的数据类型转换

一、字符转数值1、 parseInt(要转成数值的字符变量或字符数据)转换规则:从左向右依次检测,遇到非数字内容则停止转换,若第一位就是非数字,则结果直接为NaN,不识别小数点console.log(parseInt("123")); //123console.log(parseInt("123abc")); //123console.log(parseInt("abc123")); //NaNconsole.log(parseInt("123.567")); //1232、par

2020-05-14 20:33:32 304

原创 ES6新增的箭头函数

箭头函数:是一种函数的语法,符合函数的概念特点如下:1. 简单方便:()=>{}2. 不允许直接存在,必须作为值存在var fn = ()=>{ console.log("hello");}fn(); //hello3. 箭头函数内部没有自己的this,使用的是外层函数的thisvar obj = { fn1:function(){ console...

2020-04-27 22:50:33 827

原创 如何修改javascript中的this指向

修改this指向的目的:修正(解决隐式丢失时this指向的问题)继承(利用this的指向,借用其他对象的方法)1. call()方法使用方式:函数.call(参数1,参数2…)参数1:this的新指向后面所有参数:表示向函数中正常传递的实参,可省略,也可以传多个返回值:原函数的返回值function fn(a,b){ console.log(this); c...

2020-04-21 22:28:14 1768

原创 new关键字的内部执行原理

1. 自动创建一个新对象,保存在内存中,此时拿不到2. 改变函数内的this指向,为这个新对象3. 执行函数内的代码,并将新对象的__proto__指向该函数的prototype4. 检查函数是否主动返回对象,如果没有,则返回这个新对象例如:function Fn(){ this.name = "anr"; this.show = function(){ console.log(...

2020-04-20 09:16:36 619

原创 javascript中的this绑定

this是一个关键字,表示执行当前函数的对象this永远跟着当前函数走,永远是一个对象,永远在函数执行时才能确定。1. 默认绑定:没有明确被隶属对象执行的函数,this指向windowfunction fn(){ console.log(this); //window console.log(typeof this); //object}fn();- 严格模式下,...

2020-04-19 11:39:43 1946

原创 javascript中的原型对象(prototype)和隐式原型(__proto__)

1.什么是原型对象(原型)?每一个函数(除箭头函数外)天生自带一个prototype属性,该属性称之为原型对象(原型),是一个引用类型数据。作用:保存将来使用该函数构造出来的属性和方法,构造出来的属性和方法可以被共享。注意:在prototype身上添加的方法不是给当前函数用的,而是给将来new函数之后得到的实例对象使用的。prototype属性专属于函数。function Fn(){...

2020-04-17 23:18:17 1839

原创 详解javascript中的闭包

闭包:利用函数的嵌套,实现将外层函数中的局部变量,在外层函数外部修改的过程。本质上,闭包是将函数内部和函数外部连接起来的桥梁。闭包的形成环境:函数的嵌套 (例:有一个函数A , 在函数A内部返回一个函数B)内部函数使用外部函数的变量 (在函数B中访问函数A的私有作用域变量)将内部函数返回,在外部函数的外部声明变量接收返回值,并执行 (在函数A外部,有变量引用函数B)以上三个条件,缺一...

2020-04-14 22:48:32 874

原创 详解js中的undefined、NaN、null

js中三大特殊的值:undefinedNaNnull1.undefined变量声明了但为赋值console.log(typeof undefined); //undefinedconsole.log(undefined); //undefinedvar a;console.log(a); //undefined参与运算时,得到NaNconsole.log( ...

2020-04-12 14:14:32 1652 1

原创 如何处理javascript中的异步

通俗点讲,异步表示将来,当前不能获取将来的值,只能在将来获取将来的值。异步出现的场景:事件中存在异步计时器存在异步ajax请求结束存在异步1.利用回调函数处理异步js 代码function fn(callback){ setTimeout(()=>{ callback(5); },2000);}fn((data)=>{ console.log(data)...

2020-04-12 11:15:20 368

原创 jQuery动画执行顺序

同步执行: 主线程的任务按顺序执行,前一个任务执行完毕,才会执行下一个。简单来说,就是任务不同时执行。异步执行: 任务处于等待状态,收到主线程的通知时才会执行。简单来说,就是任务同时执行,等待也是执行任务的一种。1.jQuery中animate()与animate()之间是同步执行css 部分:.box{width: 100px;height: 100px;background-colo...

2020-04-06 11:36:09 788

原创 详解jQuery动画

jQuery动画分为内置动画和自定义动画内置动画: 显示show()、隐藏hide()、显示隐藏切换toggle()、上拉slideUp()、下拉slideDown()、上拉下拉切换slideToggle()、淡入fadeIn()、淡出fadeOut、淡入淡出切换fadeToggle()、透明度fadeTo()自定义动画: animate()内置动画1.显示show()、隐藏hide()、...

2020-04-05 18:27:46 236

原创 论JS函数传参时:值传递与引用传递的区别

JS函数传参时:值传递与引用传递的区别?值传递:值传递的数据为基本数据类型,基本数据类型在内存中存放的是数值本身;值传递为单向传递,只能由实参传递给形参。引用传递:引用传递的数据为复杂数据类型,复杂数据类型在内存中存放的是地址,再根据地址找到数值。先举两个简单的例子:基本数据类型:number、string、boolean、null、undefined基本数据类型采用值传递例1:n...

2020-02-23 11:47:36 559

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除