- 博客(9)
- 收藏
- 关注
原创 记录鼠标事件
鼠标事件触发类型 clickdbclickmousedownmouseupmouseovermouseoutmousemove 鼠标在某个元素上时持续发生鼠标触发触发顺序 mousedown → mouseup → click→ mousedown → mouseup → click → dblclick鼠标定位当事件发生时,获取鼠标...
2022-01-28 09:51:03 148
原创 vue3.x 速度优化
从运行速度上1.vue3.x 响应式,2.diff算法优化,只对比动态节点从空间上hoistStatic (将定义的静态节点,提升到父级作用域缓存起来,多个相邻静态节点,会被合并)空间虽然增大,但是时间加快从体积上tree shaking 去除无用代码 (本质:打包时候哪些属性方法被引用了 没引用就剔除) 减小体积...
2022-01-19 10:17:49 296
原创 vue3.x基础、新增功能、原理、优化
学习地址: https://www.bilibili.com/video/BV1fb4y1v7ve?p=11&spm_id_from=pageDriverref reactive 使数据变为响应式toRef toRefs 结构/扩散响应式对象 Vue3升级了哪些功能createApp方法用emits生活 ,在setup中第二个参数不同版本写法不同Vue3中不需要单一节点 可以是多个Com...
2021-12-29 11:03:17 321
原创 Vue3.x
ref reactive …toRefs() 结构响应式对象数据Computedreadonly 改为原始数据 实际项目使用不多watchEffect 类似于2.x中的immediate:true; deep:true;watch 父传子 props多级嵌套 使用Provide Inject非常好用在组合式api中是响应式的 optionsAPi 非响应式设置 lang=”ts” defineComponent可以有类型...
2021-12-27 18:13:18 324
原创 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 614
原创 async await 与promise
*任何情况返回的都是Promise对象*三种写法Promise 使用技巧解决回调地狱 在.then中再次调用方法 可以直接return这个方法错误示例正确写法 解决回调地狱问题Promise状态Promise =new Promise( (resolve,reject)=>{})三种状态Pending->...
2021-12-27 16:22:21 203
原创 兄弟组件传参
Eventbus在main.js中定义中间件eventBus实例;;在所有兄弟组件中引入eventBus; 派发事件eventBus.$emit() -à 监听事件eventBus.$on()派发监听
2021-12-27 16:09:59 117
原创 父子组件传参方式
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 234
原创 Vue2.x响应式原理
数据初始化的时候 通过Object.defineProperty()方法给数据添加getter和setter 使他们变为响应式数据;读取数据的时候调用get方法;将发生变化的数据,收集到Dep.subs中,通过Dep.depend()建立依赖关系;修改设置时触发set方法 ,订阅者收集依赖完毕,使用Dep.notify()方法通知对应的watcher 使用watcher.run()通知compile编译更新...
2021-12-27 16:05:23 136
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人