| | | |

2019年11月24日

摘要： Promise 处理异步: let promise = new Promise(resolve => { setTimeout(() => { resolve(' promise timeout '); }, 2000); }); promise.then(value => console.log( 阅读全文

posted @ 2019-11-24 10:19 zhx119 阅读(574) 评论(0) 推荐(0)

2019年10月1日

ES6中的迭代器(Iterator)和生成器(Generator)

摘要：用循环语句迭代数据时，必须要初始化一个变量来记录每一次迭代在数据集合中的位置，而在许多编程语言中，已经开始通过程序化的方式用迭代器对象返回迭代过程中集合的每一个元素迭代器的使用可以极大地简化数据操作，于是ES6也向JS中添加了这个迭代器特性。新的数组方法和新的集合类型(如Set集合与Map集合)都阅读全文

posted @ 2019-10-01 20:17 zhx119 阅读(196) 评论(0) 推荐(0)

async await

摘要： //异步流程：回调1.回调地狱 2.try catch 3.并发 4.promise 5.genorator 6.async+await 7genorator+co //异步流程：回调1.回调地狱 2.try catch 3.并发 4.promise 5.genorator 6.async+aw 阅读全文

posted @ 2019-10-01 13:59 zhx119 阅读(118) 评论(0) 推荐(0)

2019年9月15日

Promise详解与实现（Promise/A+规范）

摘要： 1.什么是Promise? Promise是JS异步编程中的重要概念，异步抽象处理对象，是目前比较流行Javascript异步编程解决方案之一 2.对于几种常见异步编程方案回调函数事件监听发布/订阅 Promise对象这里就拿回调函数说说 1.对于回调函数我们用Jquery的ajax获取数阅读全文

posted @ 2019-09-15 14:00 zhx119 阅读(514) 评论(0) 推荐(0)

2019年9月6日

发布订阅案例讲解

摘要： //发布订阅 [fn,fn]靠着订阅的数组函数作为桥梁，发布与订阅没有关系，订阅的时候不知道什么时候发布，发布的时候也不知道订阅的了多少函数，订阅的时候数组里放函数 //观察者者模式是基于发布订阅的模式 //发布的事件函数 function EventEmitter() { this._arr = 阅读全文

posted @ 2019-09-06 13:46 zhx119 阅读(289) 评论(0) 推荐(0)

2019年8月30日

在使用element-ui 在mounted生命函数获取ref变量

摘要：在农行做项目的时候在获取一个为class 为add的标签时候在mounted生命周期函数获取的是undefide,本来想通过$nextTick(() =>{})本以为能获取到但是没有，后来通过加一个定时器就可以获取到，因为这个按钮是添加新增表单的作用，因此add按钮可以获取到很多，当新增的时候让该按阅读全文

posted @ 2019-08-30 08:36 zhx119 阅读(975) 评论(0) 推荐(0)

非父子组件传递方法

摘要：在初始化web app的时候，main.js给data添加一个名字为eventhub 的空vue对象。就可以使用 this.$root.eventHub 获取对象。阅读全文

posted @ 2019-08-30 08:22 zhx119 阅读(324) 评论(0) 推荐(0)

2019年8月25日

vue vuex使用注意

摘要： 1 在页面中注入了store 每个实例都会存在一个属性$store 2 子模块的状态 $store.state.user.userName 模块.属性 3 假如在vuex中用到模块最好使用辅助方法，如果有子模块，mapState,mapActions,mapMutations不要把子模块放前面例阅读全文

posted @ 2019-08-25 15:49 zhx119 阅读(136) 评论(0) 推荐(0)

2019年8月18日

vue $attrs的使用

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2019-08-18 10:24 zhx119 阅读(3739) 评论(0) 推荐(0)

组件通信

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2019-08-18 08:04 zhx119 阅读(123) 评论(0) 推荐(0)