01 2022 档案
element ui 级联选择器动态加载子菜单，使用多选并且关联父子节点时无法返回选中节点的问题
摘要：1. element ui 级联选择器动态加载子菜单，使用多选并且关联父子节点时无法返回选中节点的正确实现 <template> <div> <div class="df jsw mtb10 top-box"> <div class="rightBox"> <el-cascader v-model=
阅读全文
组件传递方法和数据穿透v-bind="$props"、v-bind="$attrs"、v-on="listeners"
摘要：v-bind="$props": 可以将父组件的所有props下发给它的子组件,子组件需要在其props:{} 中定义要接受的props。 vm.$props: 当前组件接收到的 props 对象。Vue 实例代理了对其 props 对象属性的访问。官网介绍: https://cn.vuejs.or
阅读全文
watch监听问题
摘要：watch监听为异步监听，在一个同步任务中，即使将监听值放在修改值前面，依然会监听到变化后修改新赋值的修改值 如： 如去掉 if 表达式，即使先对 formInline.type 赋值，依然会清空后赋值的 formInline.rtu
阅读全文
生成器概念理解及使用
摘要：使用方法如下： function* WeaponGenerator() { // 通过在关键字 function 后面添加星号 * 定义生成器函数 yield "Katana"; // 使用新的关键字 yield 生成独立的值 yield "Wakizashi"; yield "Kusarigama
阅读全文
数据类型问题，检测数据类型
摘要：js中的数据类型 在JavaScript 中一共有八种数据类型： Null、Undefined、Boolean、String、Number、Object、Array、Function ES6中新加了 Symbol ,因此ES6中数据类型有九种 也有说仅有六种数据类型： 基本数据类型和Object 五
阅读全文
扁平数据结构转换tree
摘要：需求，将 转换为 的形式 getPidToThree(items) { const result = []; // 存放结果集 const itemMap = {}; // // 先转成map存储 for (const item of items) { itemMap[item.id] = {...
阅读全文
vue 双向绑定原理及 defineProperty 的get， set 等属性
摘要：defineProperty 介绍 Object.defineProperty() 方法会直接在一个对象上定义一个新属性，或者修改一个对象的现有属性，并返回此对象。 defineProperty 定义的属性默认不可修改，当 writable 为 true 时允许修改 如： const test= {
阅读全文
vue 中的命名空间问题，watch深度监测重复触发
摘要：在组件中，如果在dom 中直接定义对象，所有对象似乎保存在同一个命名空间中 如果在watch中使用深度监测，则一个对象修改后，所有其它对象都监测到更改，触发watch 因此，在vue 项目中，应尽量避免直接在dom中定义对象 如： // 父组件 <template> <div> <CountChar
阅读全文
axios 调用接口方法
摘要：Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。 1. 常规使用方法 axios.get('/user?ID=12345').then((response) => { console.log(response); }).catch((error) =>
阅读全文
原生ajax调用接口方法
摘要：ajax是一种异步通信的方法,从服务端获取数据,达到局部刷新页面的效果。 过程： 创建XMLHttpRequest对象; 调用open方法传入三个参数 请求方式(GET/POST)、url、同步异步(true/false); 监听onreadystatechange事件，当readystate等于4
阅读全文
let 块级作用域在循环中执行异步操作的使用
摘要：对于没有块级作用域的变量，在循环中执行异步操作，会在循环完成后都使用循环最后的同一值 如： for (var i = 0; i < 5; i++) { ( function(j) { // j = i setTimeout( function() { console.log(new Date, j)
阅读全文
使用async 及 Promise 完成 每隔一秒依次输出 0， 1， 2， 3， 4，5
摘要：// await实现 // 模拟其他语言中的 sleep，实际上可以是任何异步操作 const sleep = (timeountMS) => new Promise((resolve) => { setTimeout(resolve, timeountMS); }); (async () => {
阅读全文
