promise以及js中有哪些异步操作和Vue项目的目录结构

promise

promise设计初衷

1、解决回调地狱:回调函数的层层调用
2、异步操作

promise的知识

创建:new Promise(function(resolve,reject){})
resolve:成功,reject:失败
初始状态:pending 成功状态:fulfilled 失败状态:rejected
初始状态 ===> 成功状态 resolve
初始状态 ===> 失败状态 reject
不可逆转
执行:
promise对象.then(function(res){}) 成功
第一个then方法里面的参数是resolve方法里面的参数
下一个then方法里面的参数是上一个then方法的返回值

js中有哪些异步操作

1、定时器
2、事件
3、Ajax请求
4、generator函数(生成器)
5、promise(下面的方法then方法和catch方法是异步的
6、async/await

Vue项目的目录结构

node_modules : 项目依赖都会下载到这个地方
public : 存放公共资源和项目的主入口文件index.html
src : 项目核心文件夹:包括项目源码,各种静态资源等等。是我们开发的重点工作目录
assets : 项目资源,img图片,视频,音频等
components : 小组件,一般做子组件,对应view中页面级别的大组件
router : 路由相关配置
store : vuex相关配置
views : 页面级别大组件,父组件
App.vue:app.vue 是根组件,所有内容都在他里面
main.js : 入口函数
.gitignore : git配置上传时忽略文件
babel.config.js : babel 的配置文件,babel的主要作用是将ES6的语法转化为ES5
package-lock.json :项目配置,用于管理项目的依赖项,脚本,版本等(上面带-lock是本地的意思)
package.json : 项目配置,用于管理项目的依赖项,脚本,版本等
README.md : 项目介绍文件,对项目的主要信息进行描述
vue.config.js : 配置

猜你喜欢

转载自blog.csdn.net/weixin_50370865/article/details/128569734