- 博客(34)
- 收藏
- 关注
原创 检测数据类型的方式
这种方式解决了instanceof的弊端,可以检测出除了undefined和null的9种类型(因为它两没有原生构造函数)判断参照对象的prototype属性所指向的对象是否在被行测对象的原型链上。instanceof只能正确判断引用数据类型,而不能判断基本数据类型。这样没有原生构造函数,内部的[[Class]]属性值仍然是。
2024-01-07 15:57:29 501
原创 interface和type的区别
两者的扩展方式不同,但并不互斥。接口可以扩展类型别名,同理,类型别名也可以扩展接口。两者都可以用来描述对象或函数的类型,但是语法不同。类型别名的扩展就是交叉类型,通过。接口的扩展就是继承,通过。
2024-01-07 14:44:42 419
原创 ES6语法之Set数据结构
Set 是一系列无序、没有重复值的数据集合。数组是一系列有序(下标索引)的数据集合。s.add(1);s.add(2);// Set 中不能有重复的成员s.add(1);// Set 没有下标去标识每一个值,所以 Set 是无序的,也不能像数组那样通过下标去访问 Set 的成员。
2023-11-15 20:28:12 264
原创 Vue学习之reactive函数和ref函数
的种种限制归根结底是因为 JavaScript 没有可以作用于所有值类型的 “引用” 机制。为此,Vue 提供了一个ref()方法来允许我们创建可以使用任何值类型的响应式。让我们能创造一种对任意值的 “引用”,并能够在不丢失响应性的前提下传递这些引用。转为具有深层次响应式的对象。这也意味着如果对象中包含了嵌套的 ref,它们将被深层地解包。如果将一个对象赋值给 ref,那么这个对象将通过。和响应式对象的属性类似,ref 的。将传入参数的值包装为一个带。作用: 定义一个响应式的数据。
2023-11-05 19:33:19 275
原创 Vue学习之async函数
async函数返回一个 Promise 对象,可以使用then方法添加回调函数。当函数执行的时候,一旦遇到await就会先返回,等到异步操作完成,再接着执行函数体内后面的语句。下面是一个例子。上面代码是一个获取股票报价的函数,函数前面的async关键字,表明该函数内部有异步操作。调用该函数时,会立即返回一个Promise对象。下面是另一个例子,指定多少毫秒后输出一个值。上面代码指定 50 毫秒以后,输出。由于async函数返回的是 Promise 对象,可以作为await命令的参数。
2023-11-04 14:33:21 1904
原创 Vue3中使用keep-alive缓存组件
使用keepalive, 会增加activated和deactivated这两个生命周期钩子,unmouted不会再被触发,所以组件。在第一次渲染时,会此时组件,退出时会再次进入时,只会。
2023-10-20 09:00:00 789 1
原创 Sass语法学习(超详细)
在一般编写 CSS 的时候呢,我们一遍一遍的编写相同的选择器去处理深层级的样式,而 Sass 给你一种轻松的方式,你可以在一个样式规则中直接编写另一个样式规则,而不是重复相同的选择器,Sass 将自动组合内外部的选择器。通俗点说就是:你可以在父选择器的样式中直接编写子元素的样式,同理你可以在一个子元素的样式中再去编写孙元素的样式,可以一层一层的嵌套着去写样式。字符串函数数字函数列表函数Introspection函数条件函数Map 函数颜色函数@if 指令@each 指令。
2023-10-19 12:30:00 1248
原创 Vue中防抖的封装和使用
防抖就是当触发一个事件不会立即执行,会等待 n 秒后再执行该事件,如果在等待 n 秒期间你再次出发,则会重新计时,也就是说防抖不管你触发多少次这个事件,永远只有一次在执行,并且执行的是最后一次。
2023-10-13 19:52:27 229
原创 Vue3使用wangEditor富文本编辑器并实现图片上传代码
1.下载wangEditor2.前端代码(RichTextEditor.vue)2.后端代码(UploadRouter.js)
2023-10-12 19:35:02 716
原创 router利用params传值时出现[Vue Router warn]: Discarded invalid param“xx“when navigating
router利用params传值时出现[Vue Router warn]: Discarded invalid param"xx"when navigating
2023-10-11 21:49:23 555
原创 TypeScript学习之接口
在面向对象语言中,接口(Interfaces)是一个很重要的概念,它是对行为的抽象,而具体如何行动需要由类(classes)去实现(implement)。TypeScript 中的接口是一个非常灵活的概念,除了可用于[对类的一部分行为进行抽象]以外,也常用于对「对象的形状(Shape)」进行描述。
2023-10-08 19:15:01 31
原创 发送异步请求时出现错误Uncaught (in promise)
发生这个错误可能时写响应拦截器时出现问题,可以仔细查看code的位置是否正确,像我这里就是因为code的位置传入错误,将res.data.data.code写成了res.data.code.将res.data.code写成了res.data.data.code就没问题了。
2023-09-29 10:45:00 1609 1
原创 axios出现错误Uncaught runtime errors:handleError@webpack-internal:///./node_modules/webpack-dev-server
在vue.config.js中devServer设置client: {overlay: false}就可以了。
2023-09-27 00:06:58 957 1
原创 pinia数据持久化
总结:相比于vuex,pinia对于typescript的支持性更好,友好的devTools支持,pinia只有1kb,简化了很多方法的写法。
2023-09-26 10:00:00 57
原创 基于雪花算法(Snowflake)生产唯一分布式id
snowflake是Twitter开源的ID生成算法,结果是一个long型的ID。这种方案大致来说是一种以划分(UUID也算,由于比较常见,所以单独分析)来生成ID的一种算法,这种方案把64-bit分别划分成多段,分开来标示机器、时间等。Snowflake生成的是Long类型的ID,一个Long类型占8个字节,每个字节占8比特,也就是说一个Long类型占64个比特。
2023-09-23 10:00:00 158 1
原创 使用UUID生成唯一标识码
UUID是指(UniversallyUnique通用唯一识别码UUID的唯一性保障机制与其它一般的编号方案不同,它的唯一性不依赖于一个中心化的注册机构,也不需要在多个UUID生成器之间做协调。目的是让分布式系统中的所有元素都能有唯一的识别信息。
2023-09-22 16:18:24 549 1
原创 Vue3组合式API:provide( )和inject( )依赖注入
Vue3组合式API:provide( )和inject( )依赖注入
2023-09-18 17:33:50 292 1
原创 解决new Date转换时间戳时输出为Invalid Date、NaN-NaN的问题
【代码】解决new Date转换时间戳时输出为Invalid Date、NaN-NaN的问题。
2023-09-16 15:00:53 846 1
原创 前端面试八股文笔记(结尾附属文档链接)
前端面试八股文 链接:https://pan.baidu.com/s/14EBO_5lBMpifw-gObDLuyQ?pwd=skwp
2023-09-15 16:40:45 1688
原创 git上传出现( error: remote origin already exists. )
【代码】git上传出现( error: remote origin already exists. )
2023-09-13 18:24:05 71
原创 Typescript学习之面向对象
抽象类是专门用来被其他类所继承的类,它只能被其他类所继承不能用来创建实例bark(){console.log('动物在叫~');run(){console.log('狗在跑~');使用abstract开头的方法叫做抽象方法,抽象方法没有方法体只能定义在抽象类中,继承抽象类时抽象方法必须要实现。
2023-09-12 21:11:59 57
原创 Flex布局常见属性及携程网首页案例源码
操作方便,布局极为简单,移动端应用很广泛\n\n布局原理:flex 是 flexible Box 的缩写,意为“弹性布局”,用来为盒状模型提供最大的灵活性,任何一个容器都可以指定为 flex 布局。flex布局原理:就是通过给父盒子添加flex属性,来控制子盒子的位置和排列方式链接:https://pan.baidu.com/s/1lW9UKmiiLqPTFH77u3TwUQ?pwd=u0og提取码:u0og。
2023-09-05 18:18:31 216 1
个人博客系统(前端+后端)
2023-09-24
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人