- 博客(187)
- 收藏
- 关注
原创 class
1.在typescript中,我们使用class声明一个类,class是面向对象的核心。1.在typescript中一个class包含(1)(2)实例属性 (私有 共有 保护)(3)静态属性(4)实例方法 (私有 共有 保护)(5)静态方法。
2024-02-26 14:27:05
413
原创 Pinia学习
1.pinia和vuex一样是vue的状态管理器,从vue2升级到vue3加入了组合式API的概念后,vue已经主推pinia作为状态管理器2.与Vuex相比,Pinia提供了一个更简单的API,也提供了符合组合式API风格的API,最重要的是,搭配TypeScript一起使用时有非常可靠的类型推断支持1.一个完整的store包含3个配置项stategettersactions(4)同步修改:mutations弃用(5)模块化:modules弃用store1.要定义一个store,需要使用。
2023-10-11 10:21:27
256
原创 typescript 交叉类型
1,交叉类型是将多个类型合并为一个类型。这让我们可以把现有的多种类型叠加到一起成为一种类型,它包含了所需的所有类型的特性。
2023-04-10 10:14:56
698
原创 typescript内置对象
1.在JavaScript中有很多内置对象,它们可以直接在TypeScript中当做定义好了的类型。2.内置对象是指根据标准在全局作用域(Global)上存在的对象。这里的标准是指ECMAScript和其他环境(比如DOM)的标准。
2023-03-31 10:10:28
222
原创 uni-app css尺寸单位rpx介绍
1.在使用uni-app开发小程序时支持的尺寸单位如下pxrpx(2)h5remvmvh2.rpx是微信小程序提出的一种响应式px1.现实情况下,ui设计师只提供一个分辨率的图,严格按设计图标注的px做开发,在不同宽度的手机上界面很容易变形,而且主要是宽度变形。高度一般因为有滚动条,不容易出问题。由此,引发了较强的动态宽度单位需求,从而有了rpx单位2.rpx是相对于基准宽度的单位,可以根据屏幕宽度进行自适应,以750宽的屏幕为基准,750rpx恰好为屏幕宽度,换句话说,在rpx。
2023-03-28 15:09:33
5823
原创 vue3生命周期
②更新对象的某个属性时,当属性被应用到模板上,会执行更新生命周期,没有被引用到模板上,不会执行更新生命周期。)发生了修改,才会触发更新生命周期,对于没有应用到模板上的响应式数据,即使发生修改,也不会触发更新周期。(1)当是基础数据时,只要发生改变,不管是否应用到组件上,都会执行更新生命周期。①替换整个对象(引用地址发生改变),会执行更新生命周期,2.引入的生命周期是一个函数,传入一个函数代表执行函数。组件失活时执行,组件卸载时也会执行。组件激活时执行,第一加载也会执行。:组件创建前和创建后执行,包含了。
2023-03-02 14:25:05
4732
原创 三种常见请求contentType
一,application/x-www-form-urlencoded1.提交的数据按照 key1=val1&key2=val2 的方式进行编码,可使用processdata阻止这种默认行为。2.对于get请求: 请求参数接受 json数据和 标准字符串,(不接受 JSON格式字符串),会把接受的数据按 key1=val1&key2=val2编码后拼在url后面2.对于post请求: 还是会转换成key1=val1&key2=val2 格式,通过在请求体以form data形
2023-02-28 09:53:31
180
原创 内置组件:keepalive
1.在vue中我们可以使用component内置组件根据is属性来切换组,keepalive的功能就是在多个组件间动态切换时缓存被移除的组件实例2.keepalive也是vue的一个内置组件。
2023-02-23 11:45:13
343
原创 typescript 类型推断
1.在typescript中,我们在声明一个变量的时候通常会指定其类型。但是,如果有的时候没有指定类型,那么typeScript会依照类型推论的规则推断出一个类型。
2023-02-20 13:45:57
414
原创 typescript函数
1.在javascript中函数有函数声明和函数表达式两种2.typescript函数在javascript函数基础上,为函数增加了参数和返回值的数据类型。
2023-02-15 11:37:26
479
原创 typescript接口
1.在typescript中接口可用于表示javascript的对象类型1.接口用关键字interface定义,描述了对象的形状,通常对象名称首字母大写。
2023-02-14 14:11:54
530
原创 css变量var
1.当一个重复被使用的css属性值需要修改时,需要在每一个使用的地方修改一次,显然是很麻烦的。在css3中引入了属性变量和var函数的概念,让css也可以拥有变量。1.在伪类:root中全局定义:root {2.在局部中定义.box {
2022-12-12 14:30:14
1357
原创 微信小程序打开其他微信小程序
一,前言1.微信小程序提供了api来打开其他小程序,该api为wx.navigateToMiniProgram2.在打开小程序前,需要知道要打开小程序appId,和需要打开的路径,否则默认首页二,wx.navigateToMiniProgram1.该api接受一个配置对象为参数...
2022-11-10 09:27:15
1309
原创 typescript数组
1.当用接口形式表达一个普通数组时,比较复杂,通常我们不怎么做。2.使用接口来表示数组更好的应用场景是声明一个类数组。1.确定了类型后,数组的元素只能是该类型。1.类型+方括号是常见的数组表示方式。(1)类型+方括号,1.也可以用数组泛型。
2022-11-03 10:27:14
1377
原创 fabric.js学习
1.fabric[ˈfæbrɪk']是一个功能强大的运行在的JavaScript库,。fabric为canvas提供了一个交互式对象模型,通过简洁的api就可以在画布上进行丰富的操作。3.在使用过程发现文档阅读比较困难,因此自己在写的时候顺便总结一下,便于后续参考。
2022-10-12 15:29:09
8944
原创 defineEmit
返回一个触发器,用于触发事件,第一个参数是具体事件,第二个是传递的值。是一个函数,接受一个数组,元素为自定义事件名。中注册自定义事件,使用时需导入。
2022-09-02 14:21:44
22391
1
原创 vue3的template
没有顶层元素,在引用这个组件时绑定了自定义事件,会出现警告。大致意思就是由于无根节点,无法自动继承。1.需要注意的是,在单文件组件中,如果。模块也是一样,可以不需要顶层元素,
2022-09-02 09:49:46
3165
原创 defineProps
1.在vue2中,我们使用选项api中的props来接受父组件传递来的数据。2.在vue3的setup中,我们使用来定义父组件传递的props。
2022-09-01 17:31:37
42539
原创 watch和watchEffect
是一个函数,接受两个参数,第一个是需要监听的对象,第二个是处理函数。是惰性的,也就是说在第一次加载时,不会执行处理函数。本质上的区别就是 watchEffect。执行函数中,无法获取,上一次的值。其中的一员,使用时需导入。中,主要讨论的是监听。...
2022-09-01 11:36:12
804
原创 html 标签
会被浏览器识别为英文网页,大部分浏览器会跳出翻译弹框,有时候会自动翻译。,中文网页,在中国,大部分我们使用的语言。属性标识了网页的使用语言。
2022-08-26 16:21:52
179
原创 typescript枚举
1.是在中新增的合法类型,是对标准数据类型的一个补充。2.的主要作用是可以为一组限定范围内数值赋予友好的名字。1.的基本形式如下2.根据值和定义形式主要可以分为三种类型:数字枚举,字符串枚举,常量枚举1.枚举值为数字的为数字枚举2.默认情况下,若不手动为枚举成员赋值,则会被定义成数字枚举,且从编号开始递增为枚举成员赋值3.我们可以为其中的一个或多个手动赋值,之后的顺位按赋值的数值递增4.枚举项有两种类型:常数项和计算所得项,前面所说的都是常数项,需要注意的是,当其中一项为计算所得项时,那么它的下位一
2022-06-29 11:30:30
2517
原创 基础类型
1.相对于,的一个特点是可以声明具有数据类型的变量。2.当对已经确认数据类型的变量赋值不同类型的值时,会在编译时报错,某种程度上可以将理解成强类型的1. 或者 2.声明变量的类型,但没有初始值,变量值会设置为 1.任意类型:2.数字类型:3.字符串类型:4.布尔类型:5.数组类型:6.对象类型:7.和,在中,和两者各自有自己的类型分别叫做和,本身用处不大8.元组9.枚举10.void......
2022-06-27 15:59:21
3705
原创 axios使用
1.是基于的库2.可以使用包管理工具安装:(1)配置(2)使用别名(3)创建实例三,处理响应结果1.是基于的库,我们可以使用获取返回的信息2.返回的信息包含如下3.错误信息获取四,拦截器1.在中,我们可以使用拦截器,在请求发出或响应被 或 处理前拦截它们。2.请求拦截器3.响应拦截器五,使用 1.默认情况下,将对象序列化为。 要以格式发送数据,您可以使用以下方法。六,注意事项1.基于比较常使用的和总结一下区别点,2.请求的传参在的里,或者直接在上3.请求传参在的里, 当使用别
2022-06-21 17:14:18
371
原创 mixin混入
1.是的一个选项,是组件复用相同逻辑的一种方式。1.是一个对象,包含所有的,即混入对象可以包含任意组件选项2.选项接受一个数组,数组可以包含多个三,选项同名合并策略1.组件和混入对象含有同名选项时,这些选项将以恰当的方式进行“合并”。(1)数据对象在内部会进行递归合并,并在发生冲突时以组件数据优先(2)同名钩子函数将合并为一个数组,因此都将被调用。另外,混入对象的钩子将在组件自身钩子之前调用。(3)值为对象的选项,例如 、 和 ,将被合并为同一个对象。两个对象键名冲突时,取组件对象的键值对1.我们可以
2022-06-13 14:39:00
703
原创 vite的public目录
1. 目录是存放静态资源的一种方式。2.项目初始化时默认作为静态资源服务的文件夹。我们可以在中修改。3.该目录中的文件开发期间在 处提供,并在构建期间将文件夹下的文件(不包含本身)复制到 的根目录。4.下的文件会被完整复制到目标目录的根目录下,保持原有文件名,不会被。1.在开发时我们可以使用开头直接访问 目录下的资源2.当项目部署在嵌套的公共路径下,我们需要指定 配置项,由 引入的资源 , 中的 引用以及 文件中引用的资源在构建过程中都会自动调整,以适配此选项。上面的资源在构建后会变为3.当
2022-06-09 13:36:55
16733
1
原创 vue之vuex
一,前言1.Vuex是专门为Vue设计的状态管理库,集中管理所有组件的状态。并与相应的规则保证状态以一种可预测的方式发生变化。2.Vuex解决了多个组件共享状态时,传参方式繁琐,代码维护困难的问题。二,Vuex入口1.Vuex的入口是store,同时store也是Vuex核心概念,像一个容器仓库集中管理了所有组件的state。2.在Vuex4中,我们使用createStore 初始化一个store,createStore接受一个对象作为参数,对象中定义了组件的state和改变state的规则im
2022-05-27 10:33:33
2348
原创 iconfont使用
一,前言1.在进行前端开发时,页面常常会有一些小图标的设计,阿里巴巴的iconfont图标库包含了海量的矢量图标,供我们选择和下载,是很方便的工具。2.官网地址:iconfont
2022-05-17 17:18:32
412
空空如也
vue如何在某个字段改变时应用动画
2023-02-01
TA创建的收藏夹 TA关注的收藏夹
TA关注的人