Qing0o0-CSDN博客

原创记录鼠标事件

鼠标事件触发类型 click dbclick mousedown mouseup mouseover mouseout mousemove 鼠标在某个元素上时持续发生鼠标触发触发顺序 mousedown → mouseup → click→ mousedown → mouseup → click → dblclick 鼠标定位当事件发生时，获取鼠标...

2022-01-28 09:51:03 133

原创 vue3.x 速度优化

从运行速度上 1.vue3.x 响应式， 2.diff算法优化，只对比动态节点从空间上 hoistStatic (将定义的静态节点，提升到父级作用域缓存起来，多个相邻静态节点，会被合并）空间虽然增大，但是时间加快从体积上 tree shaking 去除无用代码 (本质：打包时候哪些属性方法被引用了没引用就剔除）减小体积 ...

2022-01-19 10:17:49 270

学习地址： https://www.bilibili.com/video/BV1fb4y1v7ve?p=11&spm_id_from=pageDriver ref reactive 使数据变为响应式 toRef toRefs 结构/扩散响应式对象 Vue3升级了哪些功能 createApp 方法用emits生活，在setup中第二个参数不同版本写法不同 Vue3中不需要单一节点可以是多个 Com...

2021-12-29 11:03:17 313

原创 Vue3.x

ref reactive …toRefs() 结构响应式对象数据 Computed readonly 改为原始数据实际项目使用不多 watchEffect 类似于2.x中的immediate:true; deep:true; watch 父传子 props 多级嵌套使用Provide Inject非常好用在组合式api中是响应式的 optionsAPi 非响应式设置 lang=”ts” defineComponent可以有类型...

2021-12-27 18:13:18 304

原创 TypeScript

TypeScript 学习地址 https://www.bilibili.com/video/BV1yt411e7xV?p=16&spm_id_from=pageDriver 初始化ts文件 Tsc --init 更改js生成路径监听终端-》运行任务-》监视数据类型数字字符串数组：定义 number[123,123] Array<number> 泛型小括号里面必须是指定的类型元...

2021-12-27 16:29:57 582

原创 async await 与promise

*任何情况返回的都是Promise对象 *三种写法 Promise 使用技巧解决回调地狱在.then中再次调用方法可以直接return这个方法错误示例正确写法解决回调地狱问题 Promise状态 Promise =new Promise( (resolve,reject)=>{} ) 三种状态 Pending-&gt...

2021-12-27 16:22:21 198

原创兄弟组件传参

Eventbus 在main.js中定义中间件eventBus实例; ; 在所有兄弟组件中引入eventBus; 派发事件eventBus.$emit() -à 监听事件eventBus.$on() 派发监听

2021-12-27 16:09:59 109

原创父子组件传参方式

1.Props +$emit(); 2.callback(); 3.$parent+$children;(*子组件可能不唯一 this.$children[第几项] ); 4.Provide +inject 父组件提供子组件消费; 5.$attrs+$listeners (父à孙子组件v-bind=”$attrs” 孙子组件直接$attrs.属性值/ $listeners 事件监听器父组件自定义时间子组件@click=”$listeners.自定义事件”); 6. 子组...

2021-12-27 16:08:00 227

原创 Vue2.x响应式原理

数据初始化的时候通过Object.defineProperty（）方法给数据添加getter和setter 使他们变为响应式数据；读取数据的时候调用get方法；将发生变化的数据，收集到Dep.subs中，通过Dep.depend（）建立依赖关系；修改设置时触发set方法，订阅者收集依赖完毕，使用Dep.notify()方法通知对应的watcher 使用watcher.run()通知compile编译更新 ...

2021-12-27 16:05:23 130

m0_49892377的博客