- 博客(65)
- 收藏
- 关注
RSS订阅原创 浅析Web Components 技术
Web Components 是一种现代化的 Web 技术，它允许开发者创建可重用的自定义元素，以及对这些元素进行封装和组合。Web Components 可以与任何框架或库一起使用，也可以直接使用原生的 HTML。Shadow DOM和。
2023-03-23 12:38:57
2
原创 Vue 3第九章：WatchEffect高级侦听器
在 Vue 3 中，我们可以使用 watchEffect 函数来创建高级侦听器。与 watch 和 computed 不同，watchEffect 不需要指定依赖项，它会自动追踪响应式状态的变化，并在变化时重新运行。
2023-03-08 18:28:14
268
原创 Vue 3 第八章：Watch侦听器
在Vue3中，watch特性进行了一些改变和优化。与computed不同，watch通常用于监听数据的变化，并执行一些副作用，例如发送网络请求、更新DOM等。本文将介绍Vue3中watch特性。
2023-03-07 22:05:10
890
原创 Vue 3 第七章：computed计算属性
computed属性是Vue3中的一个响应式计算属性，它可以根据其他响应式数据的变化而自动更新其自身的值。computed属性可以接收一个计算函数，并在计算函数中使用其他响应式数据的值进行计算。当任何一个参与计算的响应式数据发生变化时，computed属性会自动重新计算其值，并触发相应的依赖更新。
2023-03-02 21:40:07
225
原创 vue2 mixins动态设置el-table的最大高度
使用Mixins可以帮助我们实现组件的复用。在el-table组件中，使用Mixins可以动态计算其最大高度，以适应不同分辨率的设备。这样可以提高我们的代码复用率和开发效率，同时也可以让我们的应用更加灵活和适应性更强。
2023-03-02 13:15:47
276
原创 vue2 filters中使用data中数据
vue filters中 this指向的不是vue实例，但想要获取vue实例中data中的数据，可以采用下面方法。在 beforeCreate的钩子函数中将vue实例赋值给全局变量_self，然后filters中即可通过_self获取data中数据
2023-03-02 13:06:24
74
原创 vue 3 第六章：to全家桶
这篇文章介绍了Vue3中将响应式对象的属性转换为响应式引用的toRef函数和用于将多个响应式对象的属性转换为响应式引用的toRefs函数，以及用于获取响应式对象的原始对象的toRaw函数。这些函数可以帮助我们快速创建响应式数据，实现数据的自动更新。需要注意的是，使用`toRaw`函数获取一个响应式对象的原始对象是不推荐的做法，因为原始对象不具备响应式的特性，对原始对象的修改不会触发相应的依赖更新。
2023-02-28 23:03:19
132
1
原创 Vue 3 第五章：reactive全家桶
这篇文章介绍了Vue3中用于创建响应式对象的三个函数：reactive、readonly和shallowReactive。reactive函数用于创建深层响应式对象，readonly函数用于创建深层只读响应式对象，shallowReactive函数用于创建浅层响应式对象。这些函数可以帮助我们快速创建响应式数据，实现数据的自动更新。
2023-02-28 14:02:39
247
原创 Vue 3 第四章：Ref全家桶及源码分析
这篇文章介绍了Vue3中的ref函数、isRef函数、shallowRef函数和customRef函数。ref函数主要用于创建响应式对象，引用DOM实例，引用组件实例等。isRef函数主要用于判断传入的数据是不是响应式对象。shallowRef函数创建一个“浅层”的响应式对象，只追踪值的属性变化，而不追踪对象内部属性的变化。customRef函数可以创建自定义的引用对象，可以自定义get和set方法的实现逻辑。此外，文章还介绍了triggerRef函数
2023-02-27 01:36:28
137
原创 Vue 3第二章：Vite文件目录结构及SFC语法
Vue3 支持使用单文件组件（SFC）来组织代码。SFC 将一个组件的模板、样式和逻辑封装在一个文件中，使得组件的代码更加清晰和易于维护。以下是一个简单的 SFC 的例子：
2023-02-24 18:42:36
1054
1
原创 Vue 3第一章：vue3介绍
Vue 3 是一个强大的前端框架，它包含了许多新功能和改进。在这篇博客中，我们介绍了如何安装 Vue 3，创建 Vue 3 应用程序以及一些值得关注的新功能。希望这篇文章能够帮助您入门 Vue 3，开始构建交互式的用户界面。
2023-02-23 14:32:46
315
原创 使用vue自定义指令实现一个校验input只能输入数字及保留两位小数的全局指令
本文主要记录用vue封装了一个校验输入内容为数字及保留两位小数的全局指令，下次再见。
2022-12-29 15:02:35
499
原创 git commit提交代码时报错subject may not be empty [subject-empty] type may not be empty [type-empty]
【代码】git commit提交代码时报错subject may not be empty [subject-empty] ✖ type may not be empty [type-empty]
2022-11-16 21:43:48
316
原创 vscode高效之代码片段
由于最近一直写vue代码，对于手敲文件模板代码深感麻烦，于是就思考有没有类似html一样输入一个!就能自动生成一些模板代码呢？最后找到了代码片段这么一个功能，特此记录。本篇文章主要介绍了vscode中代码片段的创建、使用及删除的方法。下次再见。
2022-11-09 16:52:31
2188
原创 使用nvm安装node报错，Could not retrieve https://nodejs.org/dist/latest/SHASUMS256.txt. Get “https://nodej
nvm安装node，报错：Could not retrieve https://nodejs.org/dist/latest/SHASUMS256.txt.Get "https://nodejs.org/dist/latest/SHASUMS256.txt": dial tcp 104.20.23.46:443: i/o timeout
2022-11-02 16:47:17
371
原创 ThreeJS学习笔记一：场景、相机、渲染器、光源
在three中，场景、相机、渲染器是最核心的三个概念。我们通过相机拍摄场景，再通过渲染器把场景呈现在视图中。本文主要记录了threeJS中场景、相机、渲染器、光源的基本概念，以及实现了一个简单的3D场景。下次再见。
2022-10-12 23:49:50
369
原创 TypeScript详解十六：类型声明（declare）
在日常开发中几乎所有的项目都会应用许多第三方库来完成任务需求。这些第三方库不管是否是用 TS 编写的，最终都要编译成 JS 代码，才能发布给开发者使用。我们知道是 TS 提供了类型，才有了代码提示和类型保护等机制。但在项目开发中使用第三方库时，你会发现它们几乎都有相应的 TS 类型，这些类型都是通过类型声明文件完成的。本文主要介绍了ts中的类型声明，下次再见。
2022-10-08 23:31:16
5111
原创 TypeScript详解十四：自定义工具类型
在日常工作中，有时为了满足特殊的需求，需要定制一些自定义工具类型，以达到提高工作效率及简化代码的目的。本篇文章将记录几种自定义工具类型的使用及实现，以便学习。
2022-09-18 18:16:45
663
原创 TypeScript详解十三：内置工具类型
TS为了方便开发者使用，在内部提供了非常多的工具类型，如Partial、Required、ReadOnly等等，本篇文章主要用于记录了一些常用的内置工具类型的使用及源码实现，以便参考。
2022-09-11 16:45:18
326
原创 vue项目安装依赖时报错“Cannot read property ‘pickAlgorithm‘ of null“解决办法
vue项目安装依赖时，报错“Cannot read property ‘pickAlgorithm‘ of null“
2022-09-05 21:58:19
386
原创 TypeScript详解十一：类型推断、类型变换
类型推断和类型变换是ts中很重要的一部分功能，能保证我们写出更高质量的ts代码本文主要记录了ts中类型推断及类型转换。
2022-09-04 14:02:22
259
原创 TypeScript详解十：类型保护
含义：ts类型保护，是指通过一些关键字来缩小类型范围，如typeof instanceod for in等等。该文章主要记录ts的类型保护。下次再见。
2022-09-04 11:43:31
338
原创 TypeScript详解九：兼容性（结构类型系统）
TS为了类型的安全性考量，如果传入的类型和声明的类型不匹配TS就会进行兼容性检查。原理：原理是Duck-Check。就是说只要目标类型中声明的属性变量再原类型中都存在就是兼容的。本文记录了ts中参数及返回值的兼容性，以及函数的协变与逆变。下次再见。...
2022-09-01 00:28:54
67
原创 TypeScript详解八：泛型
定义：宽泛的类型，指的是在定义函数/接口/类型时，不预先指定具体的类型，而是在使用的时候在指定类型限制的一种特性解决一个类型不确定时的问题，避免类型定义不清晰。如：定义一个不确定类型时，通常我们可以用any或者泛型，但any的话只能知道传入的类型，无法获取返回值的类型，因此建议使用泛型。该谝文章主要记录ts中的泛型，下次再见！
2022-08-21 23:49:45
130
原创 vue中前端通过JS实现将json数据导出为excel
最近做项目时遇到了一个需要将返回的列表数据转成EXCEL导出的功能，此文章主要对前端生成excel进行记录。下次再见。
2022-08-07 16:06:01
388
原创 TypeScript详解五：装饰器
本文简单介绍了 TypeScript 装饰器的基本语法和使用方法。通过装饰器，我们可以大大提高代码的可读性和扩展性，减少冗余代码量，同时也实现了更好的代码复用。
2022-07-24 16:03:13
169
原创 Typescript详解二：复杂数据类型
本文介绍了TypeScript中的复杂数据类型相关的基础知识，对于深入理解TypeScript编程语言和应用场景有很大的帮助。希望您可以根据本文的内容，更好地掌握TypeScript的基础知识。下次再见。
2022-07-20 06:11:48
194
原创 javascript构造函数及原型链梳理
构造函数和原型链是 JavaScript 中的重要概念，它们可以用于创建对象和实现继承功能。掌握构造函数和原型链的基本概念和用法，有助于提高 JavaScript 编程技能。下次再见。
2022-07-06 07:18:30
140
原创 javascript中reduce的用法
本篇文章主要介绍了JavaScript中reduce方法的常用场景和使用示例，并提供了自己实现reduce方法的代码示例。掌握reduce方法的使用方法，能够提高代码的可读性和扩展性，减少冗余代码量，同时也实现了更好的代码复用。
2022-06-28 23:32:28
358
原创 JavaScript中proxy的深度学习
Proxy 对象是 JavaScript 中的一个特殊对象，它可以用于拦截和处理对象上可以执行的各种操作。使用 Proxy 对象可以实现很多高级别的拦截和控制，例如数据验证、对象虚拟化、数据绑定、缓存等。
2022-06-28 22:05:29
611
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人