自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 什么是git和git的用法

版本控制是指对软件开发过程中各种程序代码、说明文档等文件的变更进行管理,它将追踪文件变化,记录文件的变更时间、变更内容、甚至变更执行人进行记录,同时对每一个阶段性变更(不仅仅只是一个文件的变化)添加版本编号,方便将来进行查阅特定阶段的变更信息,甚至是回滚通过人工的复制行为来保存项目的不同阶段的内容,添加适当的一些描述文字加以区分繁琐、容易出错产生大量重复(冗余)数据。

2023-08-22 17:17:55 93 2

原创 节流和防抖

节流指的是在一定时间间隔内只执行一次事件,时间间隔可以自定义,比如说每隔200毫秒触发一次事件。防抖是指在某个时间段内只执行一次函数,通常是在连续触发某个事件后等待一段时间,如果在这段时间内没有再次触发该事件,则执行该函数。防抖则是在事件连续触发时,只执行最后一次触发的事件。总的来说,节流和防抖的目的都是减少事件的触发次数,提高页面性能和用户体验。节流是指在某个时间段内只执行一次函数,通常是在连续触发某个事件时,每隔一段时间执行一次函数。这个函数接收两个参数:需要执行的函数和间隔的时间。

2023-08-21 14:28:02 121 1

原创 单页面应用和多页面应用的区别及优缺点

单页面应用基于现代Web技术(如JavaScript、AJAX和HTML5)构建,它使用JavaScript在一个单独的页面上构建整个应用程序,实现局部刷新、数据异步加载和响应式布局等特性。相比之下,多页面应用则是传统的Web应用程序,每个页面都是一个独立的HTML文件,每次页面刷新都会重新加载整个页面。综上所述,SPA更适合需要快速响应和更好用户体验要求的应用程序,而MPA则适用于需要更好的SEO和安全性的应用程序。单页面应用(SPA)和多页面应用(MPA)是两种常见的Web应用程序架构。

2023-08-18 17:29:34 770 1

原创 Vue父子之间传参

在子组件中使用$emit方法触发自定义事件,并传递需要传递的数据。父组件中使用v-on指令监听该自定义事件,并在回调函数中获取传递的数据。在Vue中,父组件可以通过props属性向子组件传递数据,子组件可以通过$emit方法向父组件发送事件并传递数据。在父组件中使用props属性来声明所需传递给子组件的数据,子组件中通过props来接收数据。在父组件中使用$attrs属性来传递数据,子组件中通过$attrs来接收数据。

2023-08-16 19:30:31 106 1

原创 vuex的理解

Vuex的核心概念包括state(用于存储应用程序的状态)、mutations(用于在状态发生变化时更新状态)、actions(用于处理异步操作和调用mutations来更新状态)、getters(用于派生状态)。Vuex的主要好处是简化了Vue应用程序中的状态管理和数据流控制,使得开发人员可以更容易地处理复杂的状态变化和数据流。它可以帮助开发人员维护可预测和可维护的状态,减少无效的状态变化和调试时间。四种方法,用于管理状态的存储、修改、派生等操作。中定义的方法都是同步的,只能通过同步的方式来修改状态。

2023-08-15 14:06:19 26

原创 虚拟dom树

具体来说,React使用了一种叫做“双缓存技术”的方式来实现虚拟DOM的更新,即在更新前先复制一份当前状态的虚拟DOM树,然后在复制的树上进行修改和操作,最后再通过Diff算法找出需要更新的部分,从而实现高效的页面更新。虚拟DOM的主要作用是在修改现有UI时,比较前后两个虚拟DOM树之间的差异,并仅更新需要更新的部分。.内存中生成一颗虚拟dom树,将内存中的虚拟dom树初始化渲染成真实dom树,当我们修改data里面的数据的时候,将之前的虚拟dom树结合新的数据生成一颗新的虚拟dom树。

2023-08-11 08:33:51 179 1

原创 for of 和 for each 和 for in 的区别

优点:便利的时候更加简洁,效率和for循环相同,不用关心集合下标的问题,减少了出错的效率。for of:(可遍历map,object,array,set string等)用来遍历数据,比如组中的值,定义:用于循环遍历数组或对象属性,fot in循环里面的index是string类型的,forEach:(可以三个参数,第一个是value,第二个是index,第三个是数组体)数组的遍历,还可以遍历类似数组的对象,支持字符串的遍历。缺点:某些情况下,会出现随机顺序的遍历,因为里面的值是string类型,所以。

2023-08-09 18:57:58 69

原创 nextTick理解

nextTick() 是 Node.js 中的一个方法,用于将一个函数推迟到下一轮事件循环执行。该方法通常用于调度一个比较费时的操作,如大量计算或 I/O 操作。总的来说,nextTick() 的实现借用了浏览器提供的一些技术,但它并不依赖于浏览器的环境,因为 Node.js 在其他环境下也可以运行。

2023-08-08 19:30:19 67

原创 async/await的理解

关键字来等待异步操作的结果。与关键字类似的地方在于,它们都是编程语言中的特殊标识符,用于定义特殊的语法用途。不同之处在于,关键字通常是用于定义语法结构和语句,而。async/await 是 JavaScript 中用于处理异步操作的一种语法糖。它是基于 Promises 实现的一种方式,使得处理异步代码更加简洁和易读。关键字是用于定义异步函数的关键字,它告诉编译器在该函数执行时可能会发生阻塞,需要等待异步操作完成后才能继续执行,可以使用。关键字,可以将函数声明为一个异步函数。是用于定义函数的修饰符。

2023-08-07 19:28:20 56 1

原创 vue的修饰符

capture 使用事件捕获模式,即元素自身触发的事件先在此处处理,然后才交由内部元素进行处理。-- 只当在 event.target 是当前元素自身时触发处理函数 -->-- 即元素自身触发的事件先在此处处理,然后才交由内部元素进行处理 -->-- 添加事件监听器时使用事件捕获模式 -->-- 即事件不是从内部元素触发的 -->-- 点击事件将只会触发一次 -->-- 阻止单击事件继续传播 -->-- 提交事件不再重载页面 -->-- 修饰符可以串联 -->-- 只有修饰符 -->

2023-08-03 19:13:05 30

原创 hash和history的区别

所以,hash 形式是依据hash值来发生改动,依据不同的值,渲染指定DOM位置的不同数据。vue-router 默认为 hash 形式,运用 URL 的hash 来模拟一个完好的 URL,当 URL 改动时,页面不会从头加载;这两个办法运用于浏览器的前史记载栈,在当时已有的back、forward、go的根底之上,它们供给了对前史记载进行修正的功用。路由的hash 形式是利用了window 能够监听 onhashchange 事情来完成的,也就是说hash值是用来辅导浏览器动作的,对服务器没有影响,

2023-08-02 19:34:17 110 1

原创 vue生命周期

在这个阶段中,组件的数据和事件已经被销毁,可以进行最后的清理工作。在Vue.js中,每个组件都有一系列的生命周期钩子函数,它们提供了在组件不同阶段执行代码的机会。在这个阶段中,可以访问到更新后的数据和DOM,可以执行一些与DOM相关的操作。在这个阶段中,可以访问到组件挂载后的DOM元素,并且可以进行DOM操作和与第三方库进行交互。在这个阶段中,可以访问到组件的选项和数据,并且可以执行一些初始化任务,如发送请求获取数据等操作。在这个阶段中,组件的模板已经编译完成,但尚未挂载到页面上。

2023-08-01 14:57:30 38 1

原创 对箭头函数的理解

(3)解决了this的指向问题,原生的写法this指向的是调用者,箭头函数this绑定的是定义时的那个对象。this 指向的是箭头函数定义位置的上下文this (外层函数this指向哪个对象 箭头函数中的this也指向哪个对象)箭头函数是匿名函数,ES5匿名函数的语法糖,并且没有自己的this,arguments,super或 new.target。(2)真正需要this的时候如给元素绑定click事件的 时候,执行的回调函数不能使用箭头函数。2.箭头函数没有自己的this 指向是静态的。

2023-08-01 14:38:16 132 1

原创 vue路由守卫

与 beforeEach 的区别在于,该守卫在全局守卫中被最后调用,因此它在所有路由组件内的守卫和异步路由组件被解析之后才被调用。beforeEach 在进入路由前执行的钩子函数,它会接收三个参数:to(要进入的路由对 象)、from(当前导航正要离开的路由对象)和 next(必须调用该函数才能进入下一个钩子)。·beforeRouteUpdate:在当前路由改变,但是该组件被复用时调用(例如,从 /users/1 导航到 /users/2 时)。next():进行管道中的下一个钩子。

2023-07-13 18:40:48 60 1

原创 js事件三要素

B .事件监听 用addEventListener ( 由w3c公司整了所有js事件的特点,形成的添加事件的方法,即有冒泡属性,也有捕获属性 )在js中,绑定事件成功后会自动生成一个对应的元素, 这个元素被称为事件对象,里面记录了关于事件的一些内容。A. 事件绑定 用 on 对象.on事件名 = function(){ 事件体 }格式: 事件源(标签).on事件(动作) = function(){ 事件体(代码) }事件的三要素:事件源 事件 事件体。事件由内向外传递的特性(IE)

2023-07-12 11:01:52 874 2

原创 深拷贝和浅拷贝

深拷贝就是对目标的完全拷贝,不像浅拷贝那样只是复制了一层引用,就连值也都复制了。只要进行了深拷贝,它们老死不相往来,谁也不会影响谁。使用深拷贝可以使新创建的对象和原来的完全脱离关系。操作拷贝之后的数据不会影响到原数据的值 拷贝,就是深拷贝,反之,有影响则为浅拷贝。简单数据类型不存在 深浅拷贝 只有复杂类型存在深浅拷贝。1.使用JSONstringify和JSONparse。

2023-07-11 14:37:57 49 1

空空如也

空空如也

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

TA关注的人

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