- 博客(27)
- 收藏
- 关注
原创 js的继承
JavaScript是一种基于原型的编程语言,这意味着每个JavaScript对象都有一个原型对象,对象可以从其原型继承属性和方法。组合继承结合了原型链继承和借用构造函数继承的优点,解决了借用构造函数继承时无法访问父类原型方法的问题。通过将一个对象的原型指向另一个对象,实现属性和方法的继承。结合了原型式继承和组合继承的优点,是JavaScript中实现继承的一种最佳实践。,我们可以定义类和它们之间的继承关系,语法更简洁,更易于理解。通过在子类的构造函数中调用父类的构造函数,实现属性的继承。
2024-07-26 11:16:03
386
原创 11 ES6的class语法
这些是 JavaScript 类的基本语法和特性。使用类可以更清晰地组织代码,并且使得面向对象编程在 JavaScript 中更加自然。语法是一种定义对象构造函数的简洁方式,它是基于原型的继承模型的语法糖。被引入到 JavaScript 中,使得面向对象编程变得更加直观和方便。关键字定义静态方法,它可以通过类本身调用,而不是类的实例。关键字定义访问器属性,它们允许你获取和设置私有变量的值。构造函数是一个特殊的方法,当创建类的新实例时自动调用。符号定义私有字段,它们不能在类的外部被访问。
2024-07-26 11:09:26
333
原创 构造函数的详解和new操作符
属性,它是一个对象,包含了可以被构造函数的所有实例共享的属性和方法。当你访问一个对象的属性或方法时,如果该对象本身没有这个属性或方法,JavaScript引擎会沿着原型链向上查找,直到找到或到达原型链的末端。构造函数在JavaScript中是用来创建对象的模板。它是一个特殊的函数,通常以大写字母开头以区分普通函数。构造函数的主要目的是初始化对象的属性。JavaScript使用原型链来实现继承。一个构造函数可以通过设置其。为另一个构造函数的实例来实现继承。实例都可以访问这个方法。构造函数的属性和方法。
2024-07-26 11:01:59
461
原创 js的检测数据类型
在 JavaScript 中,检测数据类型是一个常见的任务,因为 JavaScript 是一种弱类型语言,变量的类型可以在运行时改变。这些方法可以帮助你在 JavaScript 中准确地检测数据类型,以便编写更健壮和灵活的代码。
2024-07-26 10:54:04
249
原创 什么是面向对象,js如何创建对象和工厂函数
面向对象编程(Object-Oriented Programming,简称 OOP)是一种编程范式,它使用“对象”来设计软件。对象可以包含数据(属性)和代码(方法),这些代码可以操作这些数据。在 JavaScript 中,创建对象和使用工厂函数是一种常见的面向对象编程实践。
2024-07-26 10:50:56
349
原创 vue中的nexttrick
nextTick是 Vue 中一个强大的工具,它允许你在 DOM 更新完成后执行代码。正确使用nextTick可以避免很多常见的问题,但也要注意不要过度依赖它,以免影响应用的性能。如果你对nextTick有更深入的问题或需要示例代码,请随时提问。我会尽力提供帮助。
2024-07-25 09:35:22
525
原创 proxy是什么,vue3是怎么使用proxy的
Proxy是 ES6 中引入的一种特性,是 JavaScript 中的一个内置对象,它用于创建一个对象的代理,从而可以拦截和自定义对象的基本操作,如属性查找、赋值、枚举、函数调用等。Proxy 对象可以用来实现一些高级功能,比如数据绑定、访问控制、日志记录、性能监控等。// 要代理的目标对象},在这个例子中,target是要被代理的对象,handler是一个对象,它包含了一些方法,这些方法定义了如何拦截和处理对target的操作。get方法会在访问target的属性时被调用,而set。
2024-07-24 14:45:55
1234
原创 Pinia及其使用方法(与vuex的区别)
Pinia 是 Vue.js 3 引入的官方状态管理库,它旨在提供一个更简单、更直观的方式来管理 Vue 应用的状态。Pinia 被设计为 Vuex 的替代品,具有更少的样板代码和更灵活的 API 设计。
2024-07-24 14:32:32
704
原创 vuex及其使用方法
Vuex 是 Vue.js 框架中用于构建大型单页应用(SPA)的状态管理库。它的核心思想是将组件的状态集中管理,使得状态的变更更加可预测和易于维护。下面我会详细介绍 Vuex 的几个关键概念,并给出一个详细的示例。让我们更深入地探讨 Vuex 及其工作原理。
2024-07-24 14:19:58
637
原创 关于闭包的了解
闭包(Closure)是一个函数能够记住其创建时的环境的状态。换句话说,即使原函数已经执行完毕,闭包仍然可以访问创建时所在的作用域中的变量,即使这些变量在函数外部已经不存在了。
2024-07-24 10:03:10
811
原创 js数组的常用方法
ECMAScript 6(也称为ES2015)引入了许多新的数组方法,极大地增强了数组的操作能力。这些方法使得数组操作更加灵活和强大,提高了开发效率,展示了如何使用数组方法来执行常见的操作,如添加或删除元素、搜索、排序和转换数组。JavaScript 数组是高度灵活的集合,提供了许多用于操作和查询数组的方法。
2024-07-24 09:45:22
825
原创 js的深浅拷贝
深浅拷贝是编程中对数据复制的两种不同方式,它们在处理对象和数组等复合数据结构时尤为重要。下面将详细解释这两种拷贝方式,并提供更多的文字说明和例子。
2024-07-23 14:59:36
1078
原创 vue3+element-plus 实现动态菜单和动态路由的渲染
这个组件通过 Vue Router 的useRouter钩子获取当前路由的配置信息,并根据这些信息动态生成菜单项。使用computed属性来区分哪些路由有子菜单,哪些没有,然后相应地渲染或。点击菜单项时,使用方法来改变页面的路由,实现导航功能。并通过useRoute钩子获取当前激活的路由,然后设置activeMenu来决定哪个菜单项应该处于激活状态。
2024-07-23 09:16:46
1521
原创 10 ES6的模板字符串
ES6模板字符串(Template Literals)是一种新的字符串表示方式,它提供了一种更为强大和灵活的方式来构建字符串。
2024-07-22 09:00:32
928
原创 09 ES6的模块化语法
ECMAScript 6(简称ES6)是JavaScript语言的下一代标准,其中引入了许多新特性,包括模块化语法。ES6的模块化语法允许开发者将代码分割成独立的模块,每个模块可以包含变量、函数和其他资源,并且可以在不同的文件中进行导入和导出。
2024-07-22 08:54:29
588
原创 08 ES6的for...of和for...in的区别
在JavaScript中,for...in和for...of是两种不同的循环结构,它们分别在不同的ECMAScript版本中被引入,并且具有不同的用途和特性。for...in。
2024-07-21 14:26:20
385
原创 07 ES6的解构赋值
ES6(ECMAScript 2015)引入了解构赋值(Destructuring assignment)的概念,它允许我们以一种简洁的方式从数组或对象中提取值,并赋值给变量。
2024-07-21 14:17:14
479
原创 06 ES6中的Map类型
ES6 中的Map是一种集合数据结构,与Set类似,但它是用来存储键值对的。Map提供了更灵活的迭代和更广泛的键类型支持,与普通的对象相比,Map的键可以是任何值,包括对象和函数。以下是Map。
2024-07-20 17:52:34
513
原创 05 ES6中的Set类型
ES6 中引入的Set对象是一种集合数据结构,它存储不重复的值,类似于数组,但数组可以包含重复的元素,而Set不会。以下是Set。
2024-07-20 17:49:19
511
原创 04 ES6中对象的简写
在 ES6 中,对象字面量的书写方式进行了一些简化,使得对象的创建更加简洁。当对象的属性名和属性值的变量名相同时,可以省略属性值,只写属性名。这些简写特性使得在 ES6 中创建和操作对象更加方便和直观。可以合并多个对象,或将对象中的属性复制到新对象中。如果访问的对象属性名和变量名相同,可以省略属性名。直接作为属性名,它们的值由解构赋值提供。如果属性名是动态生成的,可以使用方括号。关键字,直接写方法名和函数体即可。对象中的方法定义不再需要使用。在上述 ES6 的例子中,如果对象的某个属性可能是。
2024-07-20 17:43:59
483
原创 03 ES6的扩展运算符
扩展运算符(Spread Operator)是 ECMAScript 2015 (ES6) 引入的一种语法,用三个点...表示。它提供了一种优雅的方式来扩展数组或对象中的元素或属性。
2024-07-20 01:04:23
421
原创 02 ES6的函数参数默认值
函数参数的默认值是 ECMAScript 2015 (ES6) 引入的功能,它允许你在函数定义时为参数指定默认值。当函数被调用时,如果没有为某个参数提供值,或者提供了undefined,那么就会使用这个默认值。
2024-07-20 01:02:29
481
原创 01 ES6的箭头函数
箭头函数提供了一种更简洁、更易于理解的方式来编写函数,特别是在那些不需要完整函数体的简单场景中。然而,它们也有一些限制,需要根据具体的使用场景来选择是否使用箭头函数。箭头函数是 ECMAScript 6 (ES6) 引入的一种新的函数书写方式,它提供了更简洁的语法和一些独特的行为。对象,如果需要使用类似的功能,可以使用剩余参数(rest parameters)。箭头函数通常用于函数赋值,而不是函数声明。箭头函数的调用方式与传统函数相同,根据其赋值的变量名进行调用。的方法,如对象的方法或需要使用。
2024-07-20 00:59:16
353
原创 常见的跨域解决方法
比如我浏览器自己的服务器 http://127.0.0.1:2108/,浏览器请求的接口是 http://localhost:8888/test/,当请求地址的 传输协议 域名 端口号 这三个有任意一个不同,浏览器就会认为这是别人家的服务器我们的浏览器就会给咱们一个报错:Access to XMLHttpRequest ,这时候就会产生跨域。发送请求中,配置请求的根路径,这样当请求'/api',相应的地址的时候,就会向目标服务器发送请求,pathRewrite可以不写。
2024-07-18 22:53:30
661
原创 node.js如何实现文件上传
因为浏览器限制,浏览器不能直接操作文件系统的,需要通过浏览器所暴露出来的统一接口,由用户主动授权发起来访问文件动作,然后读取文件内容进指定内存里,最后执行提交请求操作,将内存里的文件内容数据上传到服务端,服务端解析前端传来的数据信息后存入文件里。,是因为文件是以二进制的形式存在,其作用是专门用于传输大型二进制数据,效率高。参数的值则为表单控件(也即 field)的名字,如果是文件,那么还有一个。通过向接口发送请求,并获取响应的地址,将获取的图片地址进行渲染。头,其他的头信息则为可选项, 比如。
2024-07-13 00:09:19
1458
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人