摘要: async/await时ES7引入的新语法,async关键字用于函数上(async函数的返回值时Promise实例对象),await关键字用于async函数中(await可以得到异步的结果) async function queryData() { var res = await new Promi 阅读全文
posted @ 2020-04-10 17:04 Alisa-k 阅读(158) 评论(0) 推荐(1) 编辑
摘要: 1、请求拦截器 在请求发出之前设置一些信息 axios.interceptors.request.use(function(config) { console.log(config.url); config.headers.mytoken = 'nihao'; // 设置请求头 return con 阅读全文
posted @ 2020-04-10 16:34 Alisa-k 阅读(120) 评论(0) 推荐(0) 编辑
摘要: axios是一个第三方库文件,具有以下特征: (1)支持浏览器和node (2)支持Promise (3)能拦截请求和响应 (4)自动转换JSON数据 1、axios的基本用法 axios.get('http://localhost:3000/adata').then(function(res) { 阅读全文
posted @ 2020-04-10 16:21 Alisa-k 阅读(360) 评论(0) 推荐(0) 编辑
摘要: fetch可以更加简单的获取数据,可以看作Ajax的升级版,是基于Promise实现的 1、使用语法 <script> fetch('http://localhost:3000/fdata').then(function(data) { return data.text(); // 通过调用text 阅读全文
posted @ 2020-04-10 14:37 Alisa-k 阅读(3108) 评论(1) 推荐(0) 编辑
摘要: 1、实例方法 (1).then 得到异步任务的正确结果 (2).catch 获取异常信息 (3).finally 成功与失败都会执行 <script> function foo() { return new Promise(function(resolve, reject) { // resolve 阅读全文
posted @ 2020-04-10 13:20 Alisa-k 阅读(2108) 评论(0) 推荐(1) 编辑
摘要: 1、处理原生Ajax <script> function queryData(url) { var p = new Promise(function(resolve, reject) { var xhr = new XMLHttpRequest(); xhr.onreadystatechange = 阅读全文
posted @ 2020-04-10 12:11 Alisa-k 阅读(1046) 评论(0) 推荐(0) 编辑
摘要: 在编程中会存在异步的问题 常见异步调用的情况:(1)定时任务 (2)Ajax (3)事件函数 多次调用异步函数会出现的情况 (1)多次异步调用的结果顺序不确定 (2)异步调用结果如果存在依赖需要嵌套 如以下情况(多层嵌套,可读性不好) <script> $.ajax({ url: 'http://l 阅读全文
posted @ 2020-04-10 11:35 Alisa-k 阅读(133) 评论(0) 推荐(0) 编辑
摘要: 1、传统形式的URL schema://host:port/path?query#fragment schema:协议。例如http、https、ftp等 host:域名或者IP地址 port:端口号,http默认端口80,可以省略 path:路径,例如/web/a/b query:请求参数,例如 阅读全文
posted @ 2020-04-09 13:07 Alisa-k 阅读(1393) 评论(0) 推荐(0) 编辑
摘要: 1、父组件向子组件传递内容 <div id="app"> <alert-box>警示框</alert-box> <alert-box>有一个警告</alert-box> <alert-box></alert-box> <!-- 没有内容 显示默认内容 --> </div> <script src=" 阅读全文
posted @ 2020-04-08 17:25 Alisa-k 阅读(545) 评论(0) 推荐(0) 编辑
摘要: 1、父组件向子组件传值 组件内部通过props接受传递过来的值 props属性名规则 在props中使用驼峰形式,模板中需要使用短横线的形式 在字符串形式的模板中没有这个限制 <div id="app"> <div>{{pmsg}}</div> <test-con title="来自父组件的值" c 阅读全文
posted @ 2020-04-08 16:26 Alisa-k 阅读(339) 评论(0) 推荐(0) 编辑