虚拟dom与diff算法
摘要：
1.虚拟dom dom就是html文件里内容，一个页面由多个dom组成 <ul class="lists"> <li class="item">li1</li> <li class="item">li2</li> </ul> 而对应的虚拟dom是 tag: 'ul', attrs: { classN 阅读全文
posted @ 2021-12-16 14:57 sss大辉 阅读(145) 评论(0) 推荐(0)
vue3变化
摘要：
1.setup 函数没有this属性，this为undefined 2.其生命周期在 beforeCreate 和 Created 两个钩子函数之前 3.要return一个函数出来（与react一样，setup忽略） 4.ref用于基本数据类型变成响应式，在函数类获取值为x.value, ref支持 阅读全文
posted @ 2021-11-15 15:18 sss大辉 阅读(250) 评论(0) 推荐(0)
循环请求接口，统一处理
摘要：
在实际开发中，碰到参数不同，接口相同，需要发送多个请求拿到数据后统一做处理的情况 async login() { const datas = ["小明", "小红", "小李"]; // 循环体 const promise = datas.map(i => { const url = "http:/ 阅读全文
posted @ 2021-09-15 10:09 sss大辉 阅读(487) 评论(0) 推荐(0)
多个url文件下载
摘要：
一般来说，url方式下载文件用window.location.href即可。 但是有多个，循环下载的时候，如： var files = []; files.push('mysite.com/file1.txt'); files.push('mysite.com/file2.txt'); files. 阅读全文
posted @ 2021-09-15 10:05 sss大辉 阅读(563) 评论(0) 推荐(0)
扁平数据结构转Tree
摘要：
输入数据： let arr = [ {id: 1, name: '部门1', pid: 0}, {id: 2, name: '部门2', pid: 1}, {id: 3, name: '部门3', pid: 1}, {id: 4, name: '部门4', pid: 3}, {id: 5, name 阅读全文
posted @ 2021-09-01 10:25 sss大辉 阅读(76) 评论(0) 推荐(0)
es6 解构赋值
摘要：
var a, b, rest; [a, b] = [10, 20]; console.log(a); // 10 console.log(b); // 20 [a, b, ...rest] = [10, 20, 30, 40, 50]; console.log(a); // 10 console.l 阅读全文
posted @ 2021-07-25 17:38 sss大辉 阅读(44) 评论(0) 推荐(0)
watch与computed与props
摘要：
props这个需要注意的是，不可以直接在子组件修改props过来的值。 若需修改，在子组件中用另一个变量接收； 且需同步时，将其变量回调给父组件。 注意：若传递的值为引用类型的，如array，object的 在子组件中改变变更这个对象或数组本身将会影响到父组件的状态。 因为都是引用同一个内存地址 w 阅读全文
posted @ 2021-05-11 15:03 sss大辉 阅读(538) 评论(0) 推荐(0)
v-model与.sync组件通信
摘要：
父组件： <template> <div class="hello"> <h1>{{ name }}</h1> <test v-model="name" /> <h1>{{ isShow }}</h1> <sonSync ref="test" :refbool.sync="isShow"></son 阅读全文
posted @ 2021-05-07 14:53 sss大辉 阅读(135) 评论(0) 推荐(0)
v-on="$listeners"和v-bind="$attrs"
摘要：
常用于多层级组件之间的通信(>2层) 主要是在中间层组件使用：(注意中间层别接收需要向底层传递的参数) 高层级向底层级传值：（v-bind="$attrs"） 底层级向高层级调方法：（v-on="$listeners"） <template> <div> <div>{{ title }}</div> 阅读全文
posted @ 2021-05-06 16:44 sss大辉 阅读(366) 评论(0) 推荐(0)
webpack编写自定义Plugin
摘要：
Webpack通过Loader完成模块的转换工作，让“一切皆模块”成为可能。 Plugin机制则让其更加灵活，可以在Webpack生命周期中调用钩子完成各种任务，包括修改输出资源、输出目录等等。 // 插件代码 class MyWebpackPlugin { constructor(options) 阅读全文
posted @ 2021-03-30 18:05 sss大辉 阅读(364) 评论(0) 推荐(0)
浙公网安备 33010602011771号