自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

努力的鋜

一起努力

  • 博客(211)
  • 收藏
  • 关注

原创 信息: 没有运行的任务匹配指定标准。

nginx启动不了,信息: 没有运行的任务匹配指定标准。tasklist /fi "imagename eq nginx.exe"

2024-01-04 09:54:50 577

原创 鸿蒙OS 技术架构和系统安全

鸿蒙os技术框架和系统安全怎么保障?

2023-12-14 18:07:19 443

原创 鸿蒙OS 概述

HarmonyOS 是一款“面向未来”、面向全场景(移动办公、运动健康、社交通信、媒体娱乐等)的分布式操作系统。在传统的单设备系统能力的基础上,HarmonyOS 提出了基于同一套系统能力、适配多种终端形态的分布式理念,能够支持多种终端设备。

2023-12-14 17:59:51 217

原创 HTML 文件路径

HTML 文件路径的操作

2023-12-13 18:46:52 296

原创 HTML元素嵌套嵌套错误可能引起的问题

HTML元素嵌套的时候的问题

2023-12-13 18:43:33 124

原创 HTML 元素

HTML元素的类型 和一些空元素 以及闭合标签

2023-12-12 18:36:10 92

原创 HTML基础之【简介】

HTML的基本介绍,HTML中的一些配置的操作

2023-12-12 18:28:28 204

原创 纯css实现高度或者宽度变化字体发生变化【容器查询】

纯css实现页面的字体自适应页面的高度的变化或者宽度的变化的实现,也有js的版本 根据兼容性来实现

2023-12-11 18:41:06 212

原创 MYSQL函数大全

MYSQL中的函数的使用方式以及一些函数的用法。

2023-12-11 17:32:55 255

原创 MySQL 锁表后快速解决方法

MYSQL中遇到了锁表问题如何解决,详细教程

2023-12-11 17:05:42 619 1

原创 MySQL基础知识之【元数据】

MYSQL中的元数据怎么操作?

2023-12-11 17:01:19 72

原创 MYSQL基础知识之【复制表】

MYSQL中的复制表怎么操作?怎么实现复制表

2023-12-11 16:58:58 102

原创 MYSQL基础知识之【临时表】

MYSQL的临时表如何创建,如何使用?

2023-12-11 16:57:03 101

原创 WebGL 底层是如何工作的详细教程

顶点着色器就是用户在 GLSL 中写的函数。处理每个顶点时,均会被调用一次。用户可以将投影矩阵的值存储在特定的变量 gl_Position 中。GPU 会处理这些值,并将他们存储在其内部。假设用户希望绘制三角形 TRIANGLES, 那么每次绘制时,上述的第一部分就会产生三个顶点,然后 GPU 会使用他们来绘制三角形。首先 GPU 会将三个顶点对应的像素绘制出来,然后将三角形光栅化,或者说是使用像素点绘制出来。对每一个像素点,GPU 都会调用用户定义的片段着色器来确定该像素点该涂成什么颜色。当然,用户定

2023-12-11 14:07:26 259 2

原创 webGL的基本原理详细教程

WebGL 的出现使得在浏览器上面实现显示 3D 图像成为可能,WebGL 本质上是基于光栅化的 API ,而不是基于 3D 的 API。WebGL 只关注两个方面,即投影矩阵的坐标和投影矩阵的颜色。使用 WebGL 程序的任务就是实现具有投影矩阵坐标和颜色的 WebGL 对象即可。可以使用“着色器”来完成上述任务。顶点着色器可以提供投影矩阵的坐标,片段着色器可以提供投影矩阵的颜色。

2023-12-11 13:59:48 102

原创 Vue 3.0 自定义指令

vue3重如何自定义指令

2023-12-07 18:53:09 212

原创 Vue 3.0 v-for中的Ref数组

vue3中的v-for的ref数组怎么处理?

2023-12-07 18:47:47 383

原创 Vue 3.0 状态管理

vue3中的状态管理怎么做?

2023-12-07 18:45:58 101

原创 Vue 3.0如何配置TypeScript支持

vue3中的ts支持的配置怎么做?vue3中的ref怎么用ts约束,vue3中的reactive怎么用ts约束,vue3中的computed怎么用ts约束

2023-12-06 19:06:31 563

原创 Vue 3.0 组合式API 模板引用

我们在子组件的mounted()生命周期钩子中,通过this.$parent.$refs.parentInput = this给父组件的引用中添加了一个parentInput的属性,并将该子组件作为该属性的值。在父组件中,我们可以根据该引用来访问子组件实例,并调用子组件的方法或访问其属性。例如,在focus()方法中,我们通过this.$parent.$refs.parentInput引用来获取到子组件实例,并调用其$refs.myInput.focus()方法让输入框获得焦点。总的来说,在Vue中

2023-12-06 19:01:18 146

原创 Vue 3.0 组合式API provide/inject

在 Vue.js 中,provide 和 inject 是一对用于跨级组件之间进行数据传递的高级选项。它们允许祖先组件向后代组件提供数据,而不需要通过 props 属性层层传递。provide 和 inject 在以下场景中非常有用:跨级组件的状态管理类似于全局配置的数据传递跨级主题设置

2023-12-06 18:58:29 190

原创 Vue 3.0 Teleport

Teleport 是 Vue 3 中引入的一种新功能,用于在 DOM 中方便地挂载和移除组件。Teleport 允许你在组件的模板中指定一个目标挂载点,并在组件渲染时将内容直接挂载到指定的目标元素上,而不受组件层次结构的限制。这对于在页面的不同位置渲染组件内容非常有用,例如在模态框、弹出框、滚动列表等场景中。

2023-12-06 18:53:43 36

原创 ElementPlus Image 图片

Element plus中怎么设置图片懒加载

2023-12-06 18:28:19 315

原创 原生js的webserial实现连接串口数据

原生的js使用webSerial实现连接串口数据,读取串口数据,实现读取流和写入流,然后把数据进行相应的处理

2023-12-04 11:28:32 808 1

原创 JavaScript RegExp 对象

JavaScript RegExp 对象RegExp:是正则表达式(regular expression)的简写。RegExp 对象用于规定在文本中检索的内容。

2023-12-04 09:54:45 105 1

原创 JavaScript Math(算数)对象

JavaScript Math(算数)对象

2023-12-04 09:48:50 87

原创 CSS3 动画

css3动画keyframes

2023-12-03 22:09:24 41

原创 响应式web设计 - Viewport 和 网格布局

响应式web设计之 viewport使用和网格布局使用?

2023-12-03 22:04:03 51 2

原创 css中元素水平居中的方式

css元素水平垂直居中方式,以及css中的一些样式居中问题的解决

2023-12-02 22:05:33 180

原创 TypeScript 函数 第三章

ts的函数的定义 以及函数重载

2023-12-02 21:54:22 50

原创 TypeScript 函数 第二章

ts中的函数的一些使用方式 和注意事项

2023-12-02 21:51:41 62

原创 TypeScript 函数第一章

ts中的函数怎么使用?类型如何定义

2023-12-02 21:46:02 44

原创 TypeScript 类 第三章 【抽象类,类的高级技巧】

ts中的抽象类 和类下高级技巧ts中怎么把类当做接口使用 构造函数当你在TypeScript里声明了一个类的时候,实际上同时声明了很多东西。 首先就是类的 实例的类型。

2023-12-02 21:40:49 65

原创 TypeScript 类 第二章 【参数属性,存取器,静态属性】

ts中的参数类型 存取器,静态属性TypeScript支持通过getters/setters来截取对对象成员的访问。 它能帮助你有效的控制对对象成员的访问。下面来看如何把一个简单的类改写成使用get和set。 首先,我们从一个没有使用存取器的例子开始。

2023-12-02 21:38:24 137

原创 TypeScript 类 第一章【类,继承,修饰符】

ts中的类的接口如何定义,readonly修饰符你可以使用readonly关键字将属性设置为只读的。 只读属性必须在声明时或构造函数里被初始化。ts中的修饰符

2023-12-02 21:35:36 39

原创 TypeScript 接口之class接口定义

ts接口之类的定义

2023-12-02 21:29:09 44

原创 TypeScript 接口之基本接口定义

我们稍后会讲到索引签名,但在这我们要表示的是SquareConfig可以有任意数量的属性,并且只要它们不是color和width,那么就无所谓它们的类型是什么。还有最后一种跳过这些检查的方式,这可能会让你感到惊讶,它就是将这个对象赋值给一个另一个变量: 因为squareOptions不会经过额外属性检查,所以编译器不会报错。

2023-12-02 21:22:00 48

原创 TypeScript 变量声明详细教程

ts中变量声明用什么?var还是let还是const?let和const的区别?const的值可以修改吗?let 的值可以重新定义吗?var的值可以重新定义吗?怎么防止变量的命名污染

2023-12-02 21:11:50 83

原创 TypeScript 基础类型详细教程

ts的基础数据类型有时候你会遇到这样的情况,你会比TypeScript更了解某个值的详细信息。 通常这会发生在你清楚地知道一个实体具有比它现有类型更确切的类型。通过类型断言这种方式可以告诉编译器,“相信我,我知道自己在干什么”。 类型断言好比其它语言里的类型转换,但是不进行特殊的数据检查和解构。 它没有运行时的影响,只是在编译阶段起作用。 TypeScript会假设你,程序员,已经进行了必须的检查。never类型表示的是那些永不存在的值的类型。 例如, never类型是那些总是会抛出异常或根本就不会有返

2023-12-02 18:20:32 63

原创 在vue中如何书写 SSR 友好的代码

vue项目中ssr的一些问题和解决方案,如何对于vue项目中写出友好的ssr的项目

2023-12-02 00:48:52 107

vue2面试题一百问,所有的问题,你的面试我帮你,被最少的题学最精炼的知识

1.简述一下你对Vue的理解 2.声明式和命令式编程概念的理解3.Vue 有哪些基本特征 4.vue之防止页面加载时看到花括号解决方案有哪几种? 5.Vue中v-for与v-if能否起使用? 6.vue中v-if与v-show的区别以及使用场景 7.v-on可以监听多个方法吗 8.v-on绑定的修饰符有哪些? v-model绑定的修饰符有哪些? 9.Vue中动态样式绑定的方式有哪? 10.Vue能否通过下标的方式进行数组的响应式数据的修改? Vue能否通过路径的方式进行对象的响应式数据的修改?为什么? 11.如果后台接口返回的循环数据没有唯一值,在v-for循环中如何设置key? 12.为什么在-HTML-中监听事件? 13.vue中methods、watchcomputed之间的差别对比以及适用场景 14.computed属性计算函数能否传递参数? 15.Vue实例中最为重要的三大部分是什么? 16.组件在定义与使用的时候一般需要注意哪些细节? 17.Vue中如何实现块状内容的输出? 组件间的关系类型有哪几种?有哪些方式可以实现组件之间的数据传递操作?<!-- 非常重要 -->

2023-11-14

基于vueuse的api实现的虚拟滚动和无限滚动列表

博主在使用 Vue 3 和 Vite 4 构建的项目中,基于 vueuse 提供的丰富 API,成功实现了虚拟滚动和无限滚动列表的功能,这一成果充分展现了博主在前端开发领域的深厚技术功底和创新能力。 首先,博主通过充分利用 vueuse 提供的 API,巧妙地实现了虚拟滚动列表功能。虚拟滚动列表可以在处理大量数据时显著提升页面性能,同时也能够保持页面的流畅交互体验。通过 vueuse 的支持,博主成功地将虚拟滚动列表应用到项目中,为用户带来了更加高效和顺畅的数据展示和交互体验。 除了虚拟滚动列表,博主还借助 vueuse 提供的强大 API,实现了无限滚动列表功能。无限滚动列表可以让用户在滚动页面时动态加载新的数据,从而实现一种无限加载的效果,为用户提供了更加流畅和自然的浏览体验。通过巧妙地结合 vueuse 的 API,博主成功地将无限滚动列表集成到项目中,为用户带来了更加便捷和高效的数据查看和浏览方式。 在技术实现方面,博主充分发挥了 Vue 3 的 Composition API 和 Vite 4 的现代开发环境的优势,结合 vueuse 提供的丰富 API,高效地实现了虚

2023-11-10

vue3+ts+vite4开发的弹出层组件

在基于 Vue 3、TypeScript 和 Vite 4 的开发环境中,博主成功开发了一个弹出层组件,该组件不仅支持设置动画时间参数,还具备动态插槽的强大功能。这样的组件设计和实现充分展现了博主对于前端开发技术的深刻理解和丰富经验的积累。 首先,博主通过精心的设计和实现,在弹出层组件中引入了动画时间参数的设置功能。通过这一设计,用户可以根据实际需求自由调整弹出层动画的时长,从而在提升用户体验的同时,也充分考虑了页面性能和流畅度的平衡。这种贴心的设计理念让用户能够更加自由地控制弹出层动画的表现,为用户带来更加流畅和自然的交互体验。 除了动画时间参数,博主还在弹出层组件中加入了动态插槽的支持。这一功能的引入使得组件具有更高的灵活性和扩展性,用户可以根据自己的需求自由地在弹出层中插入不同的内容,从而实现更加丰富多样的页面展示效果。动态插槽的引入不仅提升了组件的复用性,同时也赋予了用户更多的自定义空间,使得组件的应用范围更加广泛和灵活。 在技术实现方面,博主充分利用了 Vue 3 的 Composition API 和 TypeScript 的类型系统,有效管理组件内部状态,并提供类型

2023-11-10

仿element plus实现的MEssage信息提示的组件

博主在使用 TypeScript、Vue 3 和 Vite 搭建的项目中,深入研究并成功实现了类似 Element Plus 中的 Message 信息提示功能,该自定义消息提示组件具有丰富的特性。首先,博主通过精心设计和开发,在消息提示组件中加入了三种色彩展示,分别对应正确的信息提示、失败的信息提示和警告的信息提示,以及普通信息提示。这样的设计使得用户在接收不同类型的消息时能够一目了然地识别消息的重要程度,从而更好地处理相应的情况。 除了色彩展示外,博主还考虑到了用户对消息展示时间的需求,通过传递参数的方式,使得消息提示的展示时间可以自由设定。这种设计理念体现了博主对用户体验的关注,用户可以根据实际场景调整消息展示时间,从而更好地平衡提示信息的传达和页面干扰的关系。 在技术实现方面,博主充分利用了 Vue 3 的新特性,采用 Composition API 来管理组件内部的状态和生命周期,结合 TypeScript 的类型系统,使得消息提示组件的代码更加健壮和可维护。同时,利用 Vite 提供的现代化开发环境,博主得以高效地进行开发和调试,享受到了热更新等诸多优势,大大提升了开发

2023-11-10

空空如也

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

TA关注的人

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