自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 mixins的使用

mixins的目的:可以定义共用的变量,在每个组件中使用,引用组件中之后,各个变量是相互独立的,值的修改在组件中不会相互影响。组件直接使用是相互隔离的,数据互不影响。

2024-08-26 11:00:50 251

原创 export和export default的区别

导出:一个模块(算是一个容器把要导出的内容打包一起导出,省去export的一个一个导出)import:使用{},指出具体名字。import:不需要{} 任何名字。导出:变量 函数 类。

2024-08-26 10:46:56 272

原创 $set()与nextTick

在某些情况下你可能会遇到更新了data里面的某些属性,但是在渲染时却不是最新的数据;因此,在需要向响应式对象添加新属性时,使用。Vue无法检测到数组索引的变化。

2024-08-14 10:12:06 244

原创 env环境配置

eny:代表了当前项目环境配置.env.development:开发环境配置.env.production:配置生产环境.env.test:配置测试环境环境变量的key必须是VUE_APP开头的。在Node环境下面提供的全局变量process,可以直接使用。

2024-08-13 15:00:03 529

原创 vue:组件通信

使用 mitt 作为示例(因为 EventBus 是 Vue 2 中的一个非正式模式,而 mitt 是一个轻量级的替代方案)优点:避免了通过多层 props 传递数据的繁琐,使得组件间的数据流动更加清晰和灵活。通过发布订阅的方式实现跨组件的事件通信;适用于无直接关系的组件间通信;是 Vue.js 框架的选项,用于跨层级组件通信。缺点:增加了组件之间的耦合性;滥用会使项目难以维护。适合跨层级组件通信;它和mitt的区别是,只能适合父子组件通信;是事件发射器库,用于跨组件通信;更适用于有嵌套关系的组件间通信。

2024-07-30 10:39:19 139

原创 computed和watch

在computed中定义的每一个计算属性,都会被缓存起来,只有当计算属性里面依赖的一个或多个属性变化了(一对多),才会重新计算当前计算属性的值。是属性监听器,一般用来监听属性的变化,并做一些操作。

2024-07-29 15:15:46 79

原创 知识点:JS运行机制

处理异步的程序,它会在任务队列中取出任务去执行,它会先处理微任务 在处理宏任务,知道任务队列的事件被执行完(思考:计时器不准是因为只是到点了插到任务队列里,等待同步代码执行完了,再事件循环)同步->process.nextTick->微任务(promise.then)->宏任务(计时器,ajax,读取文件)->setImmediate->后续的事件循环。async也是promise return就是resolve return前是同步 await后是then(微任务)微任务:promise.then。

2024-07-25 11:03:17 408

原创 知识点:浅拷贝和深拷贝

就是但是以上的例子有时候是不希望被看到的,我们希望在newObj更新的时候,不会影响到obj里面的值;这时,就用到了深拷贝。

2024-07-24 17:17:12 178

原创 知识点:防抖与节流

防抖 无论多少次,只触发最后一次的事件但是上面的防抖操作与实际的业务混在一起 是不好维护的 试着去封装一下防抖的功能节流控制执行的次数,比如每2秒执行1次封装节流

2024-07-24 14:34:17 318

原创 vue:动态绑定class

动态绑定class的方法多得琳琅满目;:绑定多个class。

2024-07-24 10:50:10 248

原创 单位:offset与client

client:客户区(宽高不包括border)offset - 偏移量(宽高包括border)XY

2024-07-23 17:58:26 192

原创 知识点:js继承的几种方式以及优缺点

Object.create() 创建一个空对象,并且指定这个空对象的prototype 是谁。缺点:原型属性会被共享;如果一个实例改变了该属性,那么其他实例的属性会随之改变。优点:1.原型属性不会被共享 2.可以继承父类的prototype属性。缺点:子类的prototype上的属性和方法会丢失。缺点:不会继承父类的prototype属性。使用call或bind方法实现继承。就是(原型链继承+构造函数继承)优点:解决了上面三种方法的缺点。缺点:调用了2次父类的方法。优点:原型属性不会被共享。

2024-07-22 16:11:23 335

原创 知识点:事件委托

事件委托是利用了事件冒泡和捕获的原理 把事情的操作委托给了父级来处理。

2024-07-22 11:58:25 118

原创 知识点:this指向

【代码】this指向。

2024-07-19 15:15:12 151

原创 知识点:call bind apply改变this方向 | 三者区别

【代码】call bind apply改变this方向 | 三者区别。

2024-07-19 14:29:12 103

原创 知识点:原型与类&继承

每个对象都有他的原型对象,并可以使用它原型对象的所有属性和方法。注意:函数也是特殊的对象。

2024-07-19 11:04:28 209

原创 系统:正则表达式regex

正则表达式通过普通字符和特殊字符(元字符)的组合,形成一种文本模式,用于检索、替换符合某种模式的文本,或从文本中提取符合条件的子串。

2024-07-18 15:53:11 352

原创 系统:ES6语法糖

let与const。

2024-07-15 15:58:01 170

原创 系统:Mock模拟Api接口

Mock模拟Api接口

2024-07-15 12:34:16 470

原创 系统:TypeScript

JS是一门弱类型的语音 用起来很灵活;但是在开发中 如果项目体积体量大,这种灵活的开发方式不利于我们的项目维护和在开发过程中产生一下不经意的问题,所以TS应运而生

2024-07-12 14:48:52 169

原创 系统:webpack打包

Vite和webpack的区别Webpack虽然慢 但是还是强大一些 commonJs语法 使用require引入文件vite主要是在浏览器上跑。

2024-07-11 15:37:21 286

原创 js 常用的方法整理。

常用的方法整理

2022-12-07 15:14:05 1119

原创 功能:js设置不同类型需求的倒计时

js 设置不同类型需求的倒计时

2022-12-06 09:45:59 200

原创 知识点:js常见的事件分类

滚动事件性能优化(防抖,最后一次才触发)

2022-03-18 21:55:22 1105

原创 vue:promise await asyc

一、Promise 是什么一种处理异步代码(而不会陷入回调地狱)的方式。二、Promise如何运作封装了三个状态: 等待中 处理成功 失败当 promise 被调用后,它会以处理中状态开始。 这意味着调用的函数会继续执行,而 promise 仍处于处理中直到解决为止,从而为调用的函数提供所请求的任何数据。被创建的 promise 最终会以被解决状态(resolve)或被拒绝状态(reject)结束,并在完成时调用相应的回调函数then 和 catch。//1.resolve 会触发

2022-03-11 11:32:32 686

空空如也

空空如也

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

TA关注的人

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