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