在学习promise之前重温了Ajax的原生js实现，

在原生js中发送一个http请求首先new XMLHttpRequest()

然后定义状态变更事件

浏览器监听请求的状态，触发不同状态下相应的代码

promise

异步操作在运行或计算的时候不会阻止程序执行其它操作

这个异步操作就是promise，它代表异步操作执行的最终结果

异步操作过程中称为挂起（pending），结果（settled）可以是完成或拒绝，

promise定义的then()方法注册的函数会在异步操作完成后立即执行

回调函数响应事件在异步操作完后再添加回调函数，就永远不可能执行了

vuex是vue官方推荐的数据层的类库

它用于复杂页面或组件间进行数据传递

设计理念是将数据存在公共的存储空间，某个组件改变了数据，所有组件也会变化

vuex数据存取流程是，components调用dispatch，把改变数据的（异步）操作放在Actions

Actions调用commit，把一个个同步的对数据的修改放在mutations

mutations最终改变state里的数据

components可以在state里读取数据，但不能直接修改里面的数据

这就是vuex单向数据改变流程

[20190620]日常学习记录(三)-初识promise及vuex的更多相关文章

  1. Spring 学习记录8 初识XmlWebApplicationContext(2)

    主题 接上文Spring 学习记录7 初识XmlWebApplicationContext refresh方法 refresh方法是定义在父类AbstractApplicationContext中的. ...

  2. JavaScript学习记录三

    title: JavaScript学习记录三 toc: true date: 2018-09-14 23:51:22 --<JavaScript高级程序设计(第2版)>学习笔记 要多查阅M ...

  3. 3.VUE前端框架学习记录三：Vue组件化编码1

    VUE前端框架学习记录三:Vue组件化编码1文字信息没办法描述清楚,主要看编码Demo里面,有附带完整的代码下载地址,有需要的同学到脑图里面自取.脑图地址http://naotu.baidu.com/ ...

  4. leveldb 学习记录(三) MemTable 与 Immutable Memtable

    前文: leveldb 学习记录(一) skiplist leveldb 学习记录(二) Slice 存储格式: leveldb数据在内存中以 Memtable存储(核心结构是skiplist 已介绍 ...

  5. 【Android】学习记录<1> -- 初识ffmpeg

    工作需要用到ffmpeg来进行Android的软编码,对这玩意儿一点都不了解,做个学习记录先. FFmpeg:http://www.ffmpeg.org Fmpeg is the leading mu ...

  6. webrtc学习———记录三：mediaStreamTrack

    参考: https://developer.mozilla.org/en-US/docs/Web/API/MediaStreamTrack 转自http://c.tieba.baidu.com/p/3 ...

  7. java 日常学习记录

    前言:记录自己初学java 遇到的问题. 环境(win10  开始安装的IDEA,net 开发者  )学习网址:http://how2j.cn/stage/14.html (不是打广告) 特别是对初学 ...

  8. mybatis学习记录三——SqlMapConfig.xml相关参数详解

      5       SqlMapConfig.xml mybatis的全局配置文件SqlMapConfig.xml,配置内容如下: properties(属性) settings(全局配置参数) ty ...

  9. 下页小希学MVC5+EF6.2 学习记录三

      目的:1 学习mvc+ef 2  写下日记也是对自己的督促 期待已久的EF终于来了. 学完本篇文章,你将会掌握基于EF数据模型的完整开发流程. 本次将会完成EF数据模型的搭建和使用. 基于这个模型 ...

随机推荐

  1. C# 获取Console的输入和输出 数据 （异步）

    using System ; using System .Diagnostics; using System .IO;   class Program {     static void Main() ...

  2. AI-Info-Micron-Solutions-Menu：Solutions

    ylbtech-AI-Info-Micron-Solutions-Menu:Solutions 1.返回顶部 1. 按应用分类 汽车解决方案 美光科技不仅是你的存储提供商,更是你的长期合作伙伴.我们提 ...

  3. .NETFramework-Timers：Timer

    ylbtech-.NETFramework-Timers:Timer 1.程序集 System, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b7 ...

  4. jvm学习五： 方法执行过程

    方法执行过程:Java各个大版本更新提供的新特性(需要简单了解)

  5. Moco框架jar下载地址

    1.打开url:http://repo1.maven.org/maven2/com/github/dreamhead/moco-runner/0.10.0/ 2.下载最大的jar包,如下图所示:

  6. 【252】◀▶IEW-Unit17

    Unit 17 Social Issues: Population 复杂表格写作技巧 1.Model1对应图片分析 The table contains information about the d ...

  7. 【250】◀▶IEW-Unit15

    Unit 15 Youth Issues 1.model1题目分析 Young people who are still at school often feel just as much stres ...

  8. A Beginner's Guide to HTTP and REST

    http://code.tutsplus.com/tutorials/a-beginners-guide-to-http-and-rest--net-16340 Hypertext Transfer ...

  9. GridView.SelectedIndex

    获取或设置 GridView 控件中的选中行的索引. C#复制 [System.ComponentModel.Bindable(true)] public virtual int SelectedIn ...

  10. 数据库路由中间件MyCat - 源代码篇（11）

    此文已由作者张镐薪授权网易云社区发布. 欢迎访问网易云社区,了解更多网易技术产品运营经验. 4.配置模块 每个MyCatServer初始化时,会初始化: MyCatServer.java: publi ...