自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 事件循环

我们在日常使用电脑中,我们可能会一边听歌、一边写代码、一边看网页。这些应用中都会在操作系统中开启一个进程或多个进程,不同的应用开启的进程是不一样的。一个进程当中包含多个线程。如果只有一个线程的话,我们称之为主线程。线程是操作系统能够进行运算调度的最小单元。它被包含在进程中,是进程中实际运行的单位。一个进程中可以并发多个线程,每个线程执行不同的任务。我们都知道 JS 语言的一大特点就是单线程,也就是说,同一个时间只能做一件事。JavaScript 为什么设计为单线程,与它的用途有关。

2024-04-16 19:15:00 583 1

原创 vue3 Composition API

●将可复用的功能代码进行封装,类似于vue2混入(mixin)● 使用Vue3的组合API封装的可复用的功能函数● 自定义hook的作用类似于vue2中的mixin技术● 自定义Hook的优势: 很清楚复用功能代码的来源, 更清楚易懂。

2024-04-13 19:54:47 334 2

原创 组合式API

● toRefs 用于将一个响应式对象转换为包含多个属性的 ref 对象集合,通过遍历 ref 对象集合可以访问原始对象的属性值,并且也可以对 ref 对象进行修改,从而影响原始对象。● toRef(响应式对象,响应式对象里面的属性) 用于创建单个属性的 ref 对象,可以访问原始对象的属性值并修改它。● markRaw 用于标记一个对象,使其永远不会被转换为响应式对象,适用于特殊对象或不希望成为响应式对象的情况。● toRaw 将响应式对象转换成非响应式对象。

2024-04-12 20:24:37 165 1

原创 watch和watchEffect区别

● watch([监听的属性1,监听的属性2,()=>监听的属性3(reactive声明的属性)],回调函数(newval,oldval),{deep:true,immediate:true)函数。○ 不用直接指定要监视的数据, 回调函数中使用的哪些响应式数据就监视哪些响应式数据。不用直接指定要监视的数据, 回调函数中使用的哪些响应式数据就监视哪些响应式数据。○ 监视指定的一个或多个响应式数据, 一旦数据变化, 就自动执行监视回调。监视指定的一个或多个响应式数据, 一旦数据变化, 就自动执行监视回调。

2024-04-11 20:15:00 523 1

原创 组件和路由的使用

/ 定义接收的类型 还可以定义多种类型 [string,Undefined,Number]// 如果required为true,尽量type允许undefined类型,因为传递过来的参数是异步的。组件的出现,就是为了拆分Vue实例的代码量的,能够让我们以不同的组件,来划分不同的功能模块,将来我们需要什么样的功能,就可以去调用对应的组件即可。4. 在父组件的子标签中自定义一个事件,事件里面有一个参数,用来接收子组件的传参。// // this.$emit(自定义事件的名字,传递的数据)

2024-03-29 20:34:38 861 1

原创 vue中路由的使用

1、后端路由:每个url地址都对应着不同的静态资源。2、前端路由:对于单页面应用程序来说,主要通过hash(#号)来实现不同组件(页面)之间的切换。3、hash特点:http请求不会包含hash(#号)相关内容,所以单页面程序主要用hash跳转。

2024-03-27 18:43:31 155 1

原创 vue生命周期

从Vue实例创建、运行、到销毁期间,总是伴随着各种各样的事件,这些事件,统称为生命周期!生命周期函数=生命周期事件=生命周期钩子。

2024-03-26 19:16:42 212

原创 品牌的增删改查

品牌的增删改查<script>import {defineComponent} from 'vue'import index from "vuex";export default defineComponent({ name: "BrandManagement", computed: { index() { return index } }, data() { return{

2024-03-26 10:53:36 808

原创 v-model 数据双向绑定,并制作计算器

通过数据劫持结合发布订阅模式的方式来实现的,通过Object.defineProperty()来劫持各个属性的setter,getter,在数据变动时发布消息给订阅者,触发相应的监听回调来渲染视图。

2024-03-22 19:45:00 231 1

原创 vue基础使用

用于构建用户界面的渐进式框架,采用自底向上增量开发的设计。

2024-03-21 18:46:16 851 1

原创 sass与less的区别

Sass和Less都是非常强大的CSS预处理器,它们都提供了更高效和可维护的方式来编写CSS代码。它们在语法、功能和使用方式上存在一些差异,开发人员可以根据自己的需求选择适合自己的预处理器。Sass提供了更多的功能和特性,例如条件语句、循环和函数。Less的功能相对较少,但它仍然提供了一些基本的功能,例如混合器和嵌套规则。Sass使用缩进的方式来表示嵌套规则,类似于Python的语法。Less使用类似于CSS的语法,使用大括号来表示嵌套规则。Sass支持算术运算符,例如加法、减法、乘法和除法。

2024-03-13 20:13:20 365

原创 函数防抖和节流

/</:防止短时间内高频繁调用同一接口的方法:设置延时器,短时间高频率触发只有最后一次触发成功:设置状态锁,短时间内高频率触发只有第一次触发成功。

2024-03-12 20:00:00 633 1

原创 普通导出和默认导出的区别

普通导出和默认导出的区别在一个文件或模块中,export、import可以有多个,export default仅有一个通过export方式导出,在导入时要加{ },export default则不需要使用export 导出后,import 可以按需导入,减小项目大小,而 export default 是全部导入,开发中更推荐 export

2024-03-12 19:53:19 345 1

原创 类基本用法

class 属性名(大驼峰命名法){constructor(){} 自定义函数 静态函数}

2024-03-11 18:22:04 274

原创 proxy方法

拦截key in object的操作,结果会返回一个布尔值。(key in object:判断属性是否存在对象中):拦截操作,拦截过滤Object.keys()对对象的属性遍历。

2024-03-08 19:45:00 622 1

原创 迭代的方法(遍历方法)

【代码】迭代的方法(遍历方法)

2024-03-07 20:22:53 328 1

原创 this的七种指向问题

【代码】this的七种指向问题。

2024-03-06 17:09:39 333 1

空空如也

空空如也

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

TA关注的人

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