摘要: 天气查询接口: 请求路径:http://wthrcdn.etouch.cn/weather_mini 请求方法:get 请求参数:city(查询的城市名) 响应内容:天气信息 歌曲搜索接口: 请求路径:https://autumnfish.cn/search 请求方法:get 请求参数:keywor 阅读全文
posted @ 2020-07-22 23:28 codeing123 阅读(322) 评论(0) 推荐(0) 编辑
摘要: 天气查询接口: 请求路径:http://wthrcdn.etouch.cn/weather_mini 请求方法:get 请求参数:city(查询的城市名) 响应内容:天气信息 功能: 点击“北京”、“上海”、“上海”、“深圳”按钮可查询对应城市的5天天气 输入城市名,回车或点击“搜索”按钮 也可查询 阅读全文
posted @ 2020-07-22 23:19 codeing123 阅读(542) 评论(0) 推荐(0) 编辑
摘要: axios回调函数中的this已经改变,无法返回到data中数据 把this保存起来,回调函数中直接使用保存的this即可 this是指当前位置的上下文 结果截图: 代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> 阅读全文
posted @ 2020-07-22 17:15 codeing123 阅读(291) 评论(0) 推荐(0) 编辑
摘要: Axios:前端通信框架,因为vue的边界很明确,就是为了处理DOM,所以并不具备通信能力。 此时,就需要额外使用一个通信框架与服务器交互,相当于jQuery提供的ajax通信。 首先导包:<script src="https://unpkg.com/axios/dist/axios.min.js" 阅读全文
posted @ 2020-07-22 16:44 codeing123 阅读(389) 评论(0) 推荐(0) 编辑
摘要: 小码记事本 案例,知识巩固 功能:添加笔记、删除笔记、清空笔记、统计笔记 用到的vue语法:v-on、v-for、v-model、v-text 效果图: html代码: 1 <!-- 主体区域 --> 2 <section id="todoapp" class=""> 3 <!-- 输入框 --> 阅读全文
posted @ 2020-07-22 12:04 codeing123 阅读(704) 评论(0) 推荐(0) 编辑
摘要: input 加入样式: outline:none; button加入样式: 阅读全文
posted @ 2020-07-22 10:57 codeing123 阅读(1090) 评论(0) 推荐(0) 编辑