- 博客(213)
- 资源 (2)
- 收藏
- 关注
RSS订阅
原创 js中字符串截取substring()、substr()、slice()的区别
在js中字符串截取常用的三个函数：第一个 substring() 方法用于提取字符串介于两个指定下标之间的字符。语法： stringObjec.substring(start, stop)参数介绍 参数 描述 start 必需。一个非负的整数，表示截取字符串的开始位置。 stop 可选。一个非负的整数，表示截取到某个字符串的前一个字符；如果省略该参数，表示截取到字符串结尾。 let str = "hello world";co...
2021-04-21 13:48:12
350
原创 数据结构--数组常见操作
数组大白话理解就是使用一个变量名来存一系列的值。一、创建数组，获取数组的长度及遍历：let arr1 = new Array(); let arr2 = new Array(3);let arr3 = new Array('apple','banana','grape')// length属性用来获取数组的长度console.log(arr1.length) // 0console.log(arr2.length) // 3 console.log(arr3.length) // 3
2021-04-18 22:38:47
696
2
原创 JavaScript 浅拷贝、深拷贝知识点整理
JS中，数据类型分为基本数据类型和引用数据类型，对于基本数据类型来说，它的值直接存储在栈内存中，而对于引用来说，它在栈内存中仅仅存储来一个引用，而真正的数据存储在堆内存中。一、基本数据类型var a = 1;var b = a;b = 3;console.log(a); //1console.log(b); // 3可以发现对于基本数据类型，我们将一个基本类型的值赋予a变量，接着将a的值赋予变量b；然后我们修改b，可以看到b被修改了，而a的值没有被修改，两个变量都使用的是独立数据。
2021-04-16 16:31:25
239
原创 浅谈JavaScript函数中this的指向
1.setTimeout 中的thislet timeout = setTimeout(function(){ console.log(this); // window对象})let timeout = setTimeout(() => { console.log(this); // window对象})2.普通函数中的thisfunction Demo() { console.log(this) // window对象}Demo()//
2021-04-12 18:11:43
166
原创 vue表单单独移除一个字段验证
下面的代码以登录功能为例。功能描述： 用户输入密码时，失去焦点进行密码校验，当输入有误时，显示错误提示信息；只有密码值发生了变化，错误提示信息就移除。<template> <div> <el-form :model="form" :rules="rules" ref="form" label-width="140px"> <el-form-item label="用户名" prop="username"&.
2020-12-21 18:10:41
4832
原创 Missing required prop: “maxlength“
Vue封装子组件，对于非必须上传的属性，切不可丢掉 ? 可选链，否则console控制台就会有warn信息，如Missing required prop: "maxlength"。
2025-02-21 15:26:01
302
原创 element-plus树形数据与懒加载的实现
vue2+element-plus实现树形数据与懒加载实现方式。[Vue warn]: Duplicate keys detected: '111'. This may cause an update error.
2025-02-18 11:17:03
600
原创 vue2表单校验报错信息： TypeError: Cannot read properties of undefined (reading ‘indexOf‘)
TypeError: Cannot read properties of undefined (reading 'indexOf')
2025-02-16 10:44:10
291
原创 error v-on event ‘@getData‘ must be hyphenated
error v-on event '@getData' must be hyphenated vue/v-on-event-hyphenation的解决方案
2025-01-03 15:51:21
391
原创 error Boolean prop with ‘true‘ value should be written in shorthand form vue/prefer-true-attribute
Vueu框架中的一个linting规则，对于布尔类型的prop，如果值为true，应该使用简写形式，直接写输入，如disabled,而不是:disabled="true"。这个linting规则是在提高代码的一致性和可读性。
2024-12-18 09:23:42
185
原创 subject may not be empty | type may not be empty 报错解决
代码提交到暂存区时，不满足操作规范，弹出错误日志 subject-empty | type-empty类型的报错解决
2024-12-15 21:30:29
367
原创 转换的艺术：如何在JavaScript中序列化Set为Array、Object及逆向操作
Set概念：存储唯一值的集合，元素只能是值，没有键与之对应。Set中的每个值都是唯一的。特性：值的集合，值可以是任何类型。值的唯一性，每个值只能出现一次。保持了插入顺序。不支持通过索引来访问元素。时间复杂度：查找、插入、删除操作通常是O(1)。
2024-11-28 22:10:32
756
原创 扩展运算符与reduce的特点及常用使用场景
扩展运算符通常用于传递数组作为函数的参数；复制数组或对象，合并数组或对象。reduce()方法通常用于需要数组元素累积的结果；需要执行更复杂的场景来转换数组到另一个形式，如对象或字符串。
2024-11-28 15:06:53
218
原创 高效数据处理：Map在JavaScript中的应用及其与Object的不同
Map的特点及使用场景；Map 和 Object 有什么区别？哪些情况下 Object 性能优于 Map？
2024-11-25 21:30:40
955
原创 转换的艺术：如何在JavaScript中序列化Map为Object及逆向操作
Map 不能直接被 JSON.stringify()序列化，需要先转成对象。因为 JSON.stringify()方法仅能处理纯 JSON 数据结构，而 Map 是一个特殊的集合类型，它不能直接对应于 JSON 的任何数据结构。
2024-11-25 21:24:03
482
原创 Vue中父组件通过v-model向子组件传对象参数
父组件通过v-model传递，子组件通过props:{modelValue: Object}进行接收，通过 emit(‘update:modelValue’, configData.value)事件更新绑定的数据。
2024-11-09 13:34:10
1138
原创 Vite与Vue Cli的区别与详解
Vite在开发环境下基于浏览器原生ES6 Modules提供功能支持，在生产环境下基于Rollup打包；Vue Cli不区分环境，都是基于Webpack。
2024-11-08 13:23:05
1788
原创 Vue Cli的配置中configureWebpack和chainWebpack的主要作用及区别是什么？
Vue Cli提供的两种方案，一种是基于configureWebpack项直接覆盖同名配置；另一种是chainWebpack直接修改默认配置。
2024-11-08 11:26:10
1065
原创 Vue-router中query与params的区别及三种不同的路由模式
常用的路由组件传参的实现方式及name+params和path+query的区别
2024-11-04 10:44:30
383
2
原创 Vue组件间通信的9种实现方式
前3种解释了父组件向子组件传值的不同写法，4，5解释了子组件向父组件传值及调用方法。6解释了兄弟组件之间的通信，7解释了不同组件之间通信，8，9状态管理适合用于大型应用，组件众多，状态零散地分布在需要组件和组件之间的交互操作中，复杂度也不断增长的项目。
2024-11-04 09:03:28
1340
1
原创 Vue常用的修饰符有哪些？
修饰符使得Vue的事件绑定更加灵活和强大，能够以声明式的方式处理复杂的逻辑，而不必写太多额外的JavaScript代码。通过使用修饰符，可以大大提高开发效率和代码的可读性。
2024-11-01 11:36:08
431
原创 Vue中监听属性watch的求值，以及与computed的适用场景
监听属性的特点：惰性。当值第一次绑定时，不会执行监听函数，只有当值发生改变才会执行。监听属性watch与计算属性computed的适合场景
2024-11-01 09:49:04
455
原创 Vue3.0都有哪些新特性及优化点
Vue3.0的新特性，Object.defineProperty与Proxy实现响应式对象，选项式API与组合式API的不同写法，es6新特性
2024-10-30 17:13:00
1149
原创 谈谈对函数式编程的理解及rxjs的使用
函数式编程的特点：1. 声明式（Declarative）2. 纯函数（Pure Function）- 函数的执行过程完全由输入参数决定，不会受除参数之外的任何数据影响。- 函数不会修改任何外部状态，比如修改全局变量或传入的参数对象。3. 数据不可变性（Immutability） 当我们需要数据状态发生改变时，保持原有数据不变，产生一个新的数据来体现这种变化。不可改变的数据就是Immutable数据，一旦产生，可以肯定它的值永远不会变，这非常有利于代码的理解。
2024-10-28 15:59:27
1171
原创 在JavaScript中，改变this指向的call，apply，bind有什么区别，原理分别是什么？
call 和 apply都是立即执行函数，并且它们的区别在于参数的传递方式。bind通过闭包来永久绑定this和参数。
2024-10-08 18:11:10
286
原创 JavaScript中typeof与instanceof的区别及实现原理
Number、String、Boolean、Undefined、Null、BigInt和Symbol。引用类型（也被称为对象类型）包括Object、Array、Function，以及更复杂的用户定义类型。3.instanceof 是一个运算符，帮助我们确定一个对象是否“属于”某个类或者构造函数。2.typeof是一个操作符，是语言的一个内置特性：用来判断基本类型。1.基本类型与引用类型。
2024-09-26 13:57:51
322
原创 JavaScript设计模式之策略模式
策略模式（Strategy）强调的是行为的灵活切换，比如一个类的多个方法有着类似的行为接口，可以将它们抽离出来作为一系列策略类，在运行时灵活对接，变更其算法策略，以适应不同的场景。
2023-03-24 14:10:51
521
原创 Cannot find module ‘node:url‘
在运行vite搭建的项目时，遇到Cannot find module 'node:url'报错
2023-03-20 15:42:28
1880
1
node-v10.16.0-x64.msi
2019-06-05
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人