- 博客(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
原创 知识点:js继承的几种方式以及优缺点
Object.create() 创建一个空对象,并且指定这个空对象的prototype 是谁。缺点:原型属性会被共享;如果一个实例改变了该属性,那么其他实例的属性会随之改变。优点:1.原型属性不会被共享 2.可以继承父类的prototype属性。缺点:子类的prototype上的属性和方法会丢失。缺点:不会继承父类的prototype属性。使用call或bind方法实现继承。就是(原型链继承+构造函数继承)优点:解决了上面三种方法的缺点。缺点:调用了2次父类的方法。优点:原型属性不会被共享。
2024-07-22 16:11:23
335
原创 系统:正则表达式regex
正则表达式通过普通字符和特殊字符(元字符)的组合,形成一种文本模式,用于检索、替换符合某种模式的文本,或从文本中提取符合条件的子串。
2024-07-18 15:53:11
352
原创 系统:TypeScript
JS是一门弱类型的语音 用起来很灵活;但是在开发中 如果项目体积体量大,这种灵活的开发方式不利于我们的项目维护和在开发过程中产生一下不经意的问题,所以TS应运而生
2024-07-12 14:48:52
169
原创 系统:webpack打包
Vite和webpack的区别Webpack虽然慢 但是还是强大一些 commonJs语法 使用require引入文件vite主要是在浏览器上跑。
2024-07-11 15:37:21
286
原创 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关注的人