自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 JavaScript 继承的6种实现方式

这种方式解决了上面的两种模式单独使用时的问题,但是由于我们是以超类型的实例来作为子类型的原型,所以调用了两次超类的构造函数,造成了子类型的原型中多了很多不必要的属性。,原型式继承的主要思路就是基于已有的对象来创建新的对象,实现的原理是,向函数中传入一个对象,然后返回一个以这个对象为原型的对象。,这种方式是通过在子类型的函数中调用超类型的构造函数来实现的,这一种方法解决了不能向超类型传递参数的缺点,但是它存在的一个问题就是无法实现函数方法的复用,并且超类型原型定义的方法子类型也没有办法访问到。

2023-02-16 17:07:28 181

原创 JavaScript 原型,原型链? 有什么特点?

当我们访问一个对象的属性时,如果这个对象内部不存在这个属性,那么它就会去它的原型对象里找这个属性,这个原型对象又会有自己的原型,于是就这样一直找下去,也就是原型链的概念。在 js 中我们是使用构造函数来新建一个对象的,每一个构造函数的内部都有一个 prototype 属性值,这个属性值是一个对 象,这个对象包含了可以由该构造函数的所有实例共享的属性和方法。特点: JavaScript 对象是通过引用来传递的,我们创建的每个新对象实体中并没有一份属于自己的原型副本。

2023-02-15 15:10:56 192

原创 说几条写 JavaScript 的基本规范?

(1)一个函数作用域中所有的变量声明应该尽量提到函数首部,用一个 var 声明,不允许出现两个连续的 var 声明,声明时。如果变量没有值,应该给该变量赋值对应类型的初始值,便于他人阅读代码时,能够一目了然的知道变量对应的类型值。(3)在进行比较的时候吧,尽量使用'===', '!=='代替'==', '!(4)不要在内置对象的原型上添加方法,如 Array, Date。(2)代码中出现地址、时间等字符串时需要使用常量代替。(6)for 循环必须使用大括号。(7)if 语句必须使用大括号。

2023-02-14 20:50:58 246

原创 v-for指令使用key值几种情况

key值的主要作用是给元素添加一个唯一标识符,用于提高vue渲染性能。当data发生变化的时候,vue会使用diff算法来对比新旧虚拟DOM。如果key值相同,才会考虑复用元素。如果key值不同,则会强制更新元素。一般通过给元素key值设置为id,来保证vue在更新数据的时候可以最大限度复用相同key值元素。因为数组的长度发生变化的时候,其他的元素下标会受到影响。而如果把下标作为key值,由于其他的元素下标变化,所以vue会认为你的key值也变化了,就会就地更新你的元素,影响性能。

2023-01-06 21:46:14 229

原创 计算属性和侦听器区别

功能不同:计算属性解决模板语法冗余,侦听器监听data中某一个数据变化

2023-01-06 21:44:20 93

原创 分享7 个VUE项目用得上的JavaScript库

7 个VUE项目用得上的JavaScript库

2023-01-05 14:34:32 211

原创 promise基础知识(面试题)

语法、promise的两个属性、状态属性的三个值以及规则、then之后的返回值、promise函数同步但是then方法内部代码是异步执行

2023-01-04 17:01:54 181

原创 Vue项目中常用的函数合集

Vue项目中常用的函数合集

2022-12-31 17:54:40 341

原创 nodejs接收get请求参数

nodejs接收get请求参数

2022-12-30 22:41:19 1086

原创 ES6箭头函数中的this指向

(1)箭头函数中没有this: 这意味着 call() apply() bind()无法修改箭头函数中的this(2)箭头函数中的this指向 :访问上一个作用域的this

2022-12-30 14:30:27 450

原创 前端经典面试题:js必懂的原型和原型链

一. 前言原型和原型链在面试中历来备受重视,经常被提及。说难可能也不太难,但要真正完全理解,吃透它,还是要多下功夫的。下面为大家简单阐述我对原型和原型链的理解,若是觉得有说的不对的地方,还请帮忙指正,或者关闭页面不浪费您的宝贵时间(害怕)二. 正文原型1.JavaScript所有的对象本质上都是通过new 函数创建的,包括对象字面量的形式定义对象(相当于new Object()的语法糖)。2. 所有的函数本质上都是通过new Function创建的,包括Object、Ar

2022-12-26 23:35:39 1391

原创 vue脚手架搭建及常用命令

什么是脚手架?脚手架是为了工程顺利实施而搭建的工作平台。要创建一个vue工程项目就得搭建一个vue脚手架

2022-12-23 23:15:00 1210

原创 Vue-Cli配置代理转发解决跨域问题

一、什么是跨域1.1 跨域指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的,是浏览器对javascript施加的安全限制

2022-12-22 22:20:26 195

原创 JavaScript详解面试题

答案是输出为10,因为将对象传递给函数时的对象相似,仅传递其值,而不传递对内存位置的实际引用。这就是为什么更改仅影响函数范围内的参数的原因。在这种情况下,由于我们两次定义了相同的变量,因此,会在控制台上引发错误。但是,如果我们使用var定义相同的变量,则控制台将返回50。同样,在使用const定义变量时,我们将得到相同的错误。

2022-12-01 11:55:02 175

原创 数组的常用方法,js必会

【代码】数组的常用方法,js必会。

2022-11-26 21:27:38 116

原创 全网最全Js基础知识,必备,你需要了解一下~

对象是 JavaScript 数据类型的一种,之前已经学习了数值类型、字符串类型、布尔类型、undefined。数学对象提供了比较多的方法,这里不要求强记,通过演示数学对象的使用,加深对对象的理解。数据描述性的信息称为属性,如人的姓名、身高、年龄、性别等,一般是名词性的。数据行为性的信息称为方法,如跑步、唱歌等,一般是动词性的,其本质是函数。其实就是 JavaScript 中内置的对象,该对象中存在一个方法叫。属性都是成 对出现的,包括属性名和值,它们之间使用英文。声明对象,并添加了若干方法后,可以使用。

2022-11-21 23:45:00 146

原创 JavaScript基础入门4,你需要了解一下~

函数的本质是封装(包裹),函数体内的逻辑执行完毕后,函数外部如何获得函数内部的执行结果呢?函数可以把具有相同或相似逻辑的代码“包裹”起来,通过函数调用执行这些被“包裹”的代码逻辑,这么做的优势是有利于精简代码方便复用。通常来说,一段程序代码中所用到的名字并不总是有效和可用的,而限定这个名字的可用性的代码范围就是这个名字的作用域。这个关键字,将内部执行结果传递到函数外部,这个被传递到外部的结果就是返回值。作用域的使用提高了程序逻辑的局部性,增强了程序的可靠性,减少了名字冲突。

2022-11-20 23:45:00 97

原创 JavaScript基础入门3,你需要了解一下~

掌握 for 循环语句,让程序具备重复执行能力for是 JavaScript 提供的另一种循环控制的话句,它和while只是语法上存在差异。1.实现循环的 3 要素2.变化量和死循环,for循环和while一样,如果不合理设置增量和终止条件,便会产生死循环3.跳出和终止循环JavaScript提供了多种语句来实现循环控制,但无论使用哪种语句都离不开循环的3个特征,即起始值、变化量、终止条件,做为初学者应着重体会这3个特征,不必过多纠结三种语句的区别。

2022-11-19 11:33:25 102

原创 JavaScript基础入门2,你需要了解一下~

(1) if-else if -else结构中必须以if开头,中间的else if可以是多个,末尾的esle可以省略(一般都不会省略)例如:如果(if)我的钱超过100块就洗脚(也就是说钱>=100),否则(else)不洗脚(也就是说钱

2022-11-17 22:00:33 149

原创 JavaScript基础入门,你需要了解一下~

ECMAScript- JavaScript的核心ECMAScript定义了JavaScript的语言规范JavaScript的核心:描述了语言的基本语法和数据类型,ECMAScript是一套标准,定义了一种语言的标准与具体实现无关DOM- 文档对象模型一套操作页面元素的APIDOM可以把HTML看做是文档树,通过DOM提供的API可以对树上的节点进行操作BOM- 浏览器对象模型一套操作浏览器功能的API。

2022-11-15 21:15:49 288 2

原创 CSS盒子居中的6种方法!

1.flex布局设置居中常见的一种方式就是使用flex布局设置居中。利用弹性布局(flex),实现水平居中,其中justify-content用于设置弹性盒子元素在主轴(横轴)方向上的对齐方式写在父元素上这就是定义了一个伸缩容器主轴对齐方式,默认是横轴纵轴对齐方式,默认是纵轴优点: 简单、方便、快速,三行代码搞定。

2022-11-15 00:00:23 23432

143-节流函数.html

143-节流函数.html

2022-11-09

空空如也

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

TA关注的人

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