自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(187)
  • 收藏
  • 关注

原创 class

1.在typescript中,我们使用class声明一个类,class是面向对象的核心。1.在typescript中一个class包含(1)(2)实例属性 (私有 共有 保护)(3)静态属性(4)实例方法 (私有 共有 保护)(5)静态方法。

2024-02-26 14:27:05 309

原创 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 161

原创 简单的拖拽模型

1.本文通过实现一个物体的拖拽,简单介绍一下拖拽的api2.一个简单的拖拽模型,包含目标元素拖拽过程,和容器元素。

2023-05-31 10:27:39 228

原创 typescript 交叉类型

1,交叉类型是将多个类型合并为一个类型。这让我们可以把现有的多种类型叠加到一起成为一种类型,它包含了所需的所有类型的特性。

2023-04-10 10:14:56 599 1

原创 typescript内置对象

1.在JavaScript中有很多内置对象,它们可以直接在TypeScript中当做定义好了的类型。2.内置对象是指根据标准在全局作用域(Global)上存在的对象。这里的标准是指ECMAScript和其他环境(比如DOM)的标准。

2023-03-31 10:10:28 159

原创 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 4864

原创 vue3生命周期

②更新对象的某个属性时,当属性被应用到模板上,会执行更新生命周期,没有被引用到模板上,不会执行更新生命周期。)发生了修改,才会触发更新生命周期,对于没有应用到模板上的响应式数据,即使发生修改,也不会触发更新周期。(1)当是基础数据时,只要发生改变,不管是否应用到组件上,都会执行更新生命周期。①替换整个对象(引用地址发生改变),会执行更新生命周期,2.引入的生命周期是一个函数,传入一个函数代表执行函数。组件失活时执行,组件卸载时也会执行。组件激活时执行,第一加载也会执行。:组件创建前和创建后执行,包含了。

2023-03-02 14:25:05 4416

原创 三种常见请求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 113

原创 字面量类型

2.字面量类型和类型别名一样也是用。定义,但含义不同,是对值的限制。取值是某几个字面量中的一个。

2023-02-27 15:37:55 140

原创 内置组件:keepalive

1.在vue中我们可以使用component内置组件根据is属性来切换组,keepalive的功能就是在多个组件间动态切换时缓存被移除的组件实例2.keepalive也是vue的一个内置组件。

2023-02-23 11:45:13 216

原创 内置组件:component

1.是一个用于渲染动态组件或元素的“元组件”。

2023-02-22 10:22:21 836

原创 typescript 类型推断

1.在typescript中,我们在声明一个变量的时候通常会指定其类型。但是,如果有的时候没有指定类型,那么typeScript会依照类型推论的规则推断出一个类型。

2023-02-20 13:45:57 338

原创 typescript函数

1.在javascript中函数有函数声明和函数表达式两种2.typescript函数在javascript函数基础上,为函数增加了参数和返回值的数据类型。

2023-02-15 11:37:26 395

原创 typescript接口

1.在typescript中接口可用于表示javascript的对象类型1.接口用关键字interface定义,描述了对象的形状,通常对象名称首字母大写。

2023-02-14 14:11:54 457

原创 css变量var

1.当一个重复被使用的css属性值需要修改时,需要在每一个使用的地方修改一次,显然是很麻烦的。在css3中引入了属性变量和var函数的概念,让css也可以拥有变量。1.在伪类:root中全局定义:root {2.在局部中定义.box {

2022-12-12 14:30:14 1120

原创 微信小程序打开其他微信小程序

一,前言1.微信小程序提供了api来打开其他小程序,该api为wx.navigateToMiniProgram2.在打开小程序前,需要知道要打开小程序appId,和需要打开的路径,否则默认首页二,wx.navigateToMiniProgram1.该api接受一个配置对象为参数...

2022-11-10 09:27:15 1163

原创 SSE通信

SSE1.SSE()是基于HTTP协议中的持久连接2.是一种服务端向客户端推送信息的单向通信方法。

2022-11-07 10:50:18 4326

原创 typescript数组

1.当用接口形式表达一个普通数组时,比较复杂,通常我们不怎么做。2.使用接口来表示数组更好的应用场景是声明一个类数组。1.确定了类型后,数组的元素只能是该类型。1.类型+方括号是常见的数组表示方式。(1)类型+方括号,1.也可以用数组泛型。

2022-11-03 10:27:14 485

原创 前端播放hls视频

m3u81.m3u8是苹果公司推出的视频播放标准。2.该标准由一个m3u8文件和指向的若干ts传输流文件组成m3u8ts。

2022-10-27 11:13:55 2237

原创 vh和vw

1.vh和vw是一种视窗单位,也是相对单位,是css3新增的一种自适应方案。

2022-10-19 11:20:11 577

原创 fabric.js学习

1.fabric[ˈfæbrɪk']是一个功能强大的运行在的JavaScript库,。fabric为canvas提供了一个交互式对象模型,通过简洁的api就可以在画布上进行丰富的操作。3.在使用过程发现文档阅读比较困难,因此自己在写的时候顺便总结一下,便于后续参考。

2022-10-12 15:29:09 5503

原创 typescript元组

1.元组类似于一个数组,只是每一个索引都预定了数据类型。

2022-09-26 15:49:22 799

原创 typescript联合类型

1.ts声明变量时,除了确定具体的一种数据类型外,还可以使用联合类型让变量具有多种数据类型。

2022-09-26 15:09:22 453

原创 defineEmit

返回一个触发器,用于触发事件,第一个参数是具体事件,第二个是传递的值。是一个函数,接受一个数组,元素为自定义事件名。中注册自定义事件,使用时需导入。

2022-09-02 14:21:44 14401 1

原创 vue3的template

没有顶层元素,在引用这个组件时绑定了自定义事件,会出现警告。大致意思就是由于无根节点,无法自动继承。1.需要注意的是,在单文件组件中,如果。模块也是一样,可以不需要顶层元素,

2022-09-02 09:49:46 2885

原创 defineProps

1.在vue2中,我们使用选项api中的props来接受父组件传递来的数据。2.在vue3的setup中,我们使用来定义父组件传递的props。

2022-09-01 17:31:37 37770

原创 vue3之provide个inject

1.在vue3中provide和inject被归于组合式api,需要显式导入import {

2022-09-01 14:55:05 279

原创 vue3之computed

是一个函数,接受一个函数作为参数,返回值是。

2022-09-01 13:28:21 1884

原创 watch和watchEffect

是一个函数,接受两个参数,第一个是需要监听的对象,第二个是处理函数。是惰性的,也就是说在第一次加载时,不会执行处理函数。本质上的区别就是 watchEffect。执行函数中,无法获取,上一次的值。其中的一员,使用时需导入。中,主要讨论的是监听。...

2022-09-01 11:36:12 667

原创 html 标签

会被浏览器识别为英文网页,大部分浏览器会跳出翻译弹框,有时候会自动翻译。,中文网页,在中国,大部分我们使用的语言。属性标识了网页的使用语言。

2022-08-26 16:21:52 100

原创 FileReader

1.FileReader用于解析File对象或Blob对象,获取文件数据。

2022-07-19 15:52:42 416

原创 file对象

1.在javascript中,File对象代表一个文件,是文件在代码中的抽象表示。

2022-07-15 15:28:59 1687

原创 typescript枚举

1.是在中新增的合法类型,是对标准数据类型的一个补充。2.的主要作用是可以为一组限定范围内数值赋予友好的名字。1.的基本形式如下2.根据值和定义形式主要可以分为三种类型:数字枚举,字符串枚举,常量枚举1.枚举值为数字的为数字枚举2.默认情况下,若不手动为枚举成员赋值,则会被定义成数字枚举,且从编号开始递增为枚举成员赋值3.我们可以为其中的一个或多个手动赋值,之后的顺位按赋值的数值递增4.枚举项有两种类型:常数项和计算所得项,前面所说的都是常数项,需要注意的是,当其中一项为计算所得项时,那么它的下位一

2022-06-29 11:30:30 1704

原创 基础类型

1.相对于,的一个特点是可以声明具有数据类型的变量。2.当对已经确认数据类型的变量赋值不同类型的值时,会在编译时报错,某种程度上可以将理解成强类型的1. 或者 2.声明变量的类型,但没有初始值,变量值会设置为 1.任意类型:2.数字类型:3.字符串类型:4.布尔类型:5.数组类型:6.对象类型:7.和,在中,和两者各自有自己的类型分别叫做和,本身用处不大8.元组9.枚举10.void......

2022-06-27 15:59:21 3457

原创 axios使用

1.是基于的库2.可以使用包管理工具安装:(1)配置(2)使用别名(3)创建实例三,处理响应结果1.是基于的库,我们可以使用获取返回的信息2.返回的信息包含如下3.错误信息获取四,拦截器1.在中,我们可以使用拦截器,在请求发出或响应被 或 处理前拦截它们。2.请求拦截器3.响应拦截器五,使用 1.默认情况下,将对象序列化为。 要以格式发送数据,您可以使用以下方法。六,注意事项1.基于比较常使用的和总结一下区别点,2.请求的传参在的里,或者直接在上3.请求传参在的里, 当使用别

2022-06-21 17:14:18 300

原创 mixin混入

1.是的一个选项,是组件复用相同逻辑的一种方式。1.是一个对象,包含所有的,即混入对象可以包含任意组件选项2.选项接受一个数组,数组可以包含多个三,选项同名合并策略1.组件和混入对象含有同名选项时,这些选项将以恰当的方式进行“合并”。(1)数据对象在内部会进行递归合并,并在发生冲突时以组件数据优先(2)同名钩子函数将合并为一个数组,因此都将被调用。另外,混入对象的钩子将在组件自身钩子之前调用。(3)值为对象的选项,例如 、 和 ,将被合并为同一个对象。两个对象键名冲突时,取组件对象的键值对1.我们可以

2022-06-13 14:39:00 651

原创 vite的public目录

1. 目录是存放静态资源的一种方式。2.项目初始化时默认作为静态资源服务的文件夹。我们可以在中修改。3.该目录中的文件开发期间在 处提供,并在构建期间将文件夹下的文件(不包含本身)复制到 的根目录。4.下的文件会被完整复制到目标目录的根目录下,保持原有文件名,不会被。1.在开发时我们可以使用开头直接访问 目录下的资源2.当项目部署在嵌套的公共路径下,我们需要指定 配置项,由 引入的资源 , 中的 引用以及 文件中引用的资源在构建过程中都会自动调整,以适配此选项。上面的资源在构建后会变为3.当

2022-06-09 13:36:55 14345 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 1741

原创 组件通信6:父引子(ref)

一,前言

2022-05-20 09:53:06 1290

原创 iconfont使用

一,前言1.在进行前端开发时,页面常常会有一些小图标的设计,阿里巴巴的iconfont图标库包含了海量的矢量图标,供我们选择和下载,是很方便的工具。2.官网地址:iconfont

2022-05-17 17:18:32 357

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除