发表于: 2017-05-18 22:02:40

1 1056


今天完成的事情:
用postman测试接口,还是昨天的问题,几乎都是4013错误,4013是type的问题,把type删除以后就成了100000的错误。
经过多番波折,终于修改成功啦。
后端的同学问了个问题,写了个onchange事件,囧,没监听过数据,肯定不能因为这点事去引用个angular,突然有点小蒙,第一时间想到的是onblur和keydown事件,然后百度了一下onchange,看了下效果和onblur看起来没有区别,onchange也要输入框失去焦点才会有变化。

明天计划的事情:

完善表单验证,美化css样式,收尾任务6-10。

遇到的问题:

试用模态框, 写了个例子,可以运行,但是移动到代码里以后,模态框的北京纯黑,并不是半透明的黑,而且关闭以后也不会回复,一直是黑的。
开始用bootstrap的模态框,因为是以html为主,感觉用起来各种难受,正觉得怎么都不好搞的时候 ,雪峰找到个js为主的JQuery插件,因为本身上下线已经用js写好啦,然后只需要把那么几行js代码插入到上下线的函数里就可以啦。
收获:
js文件在head中,一来js要紧性没有css高,其次会导致js取不到dom。 
至此,功能终于算是勉强完成啦,接下来就是样式和表单验证啦。
了解硬编码,尽量避免。
封装,就是把代码行为表现控制分离。写的精简一些,各种调用,增加复用性,扩展性,复用性和扩展性很重要。
控制器里写好调用的方法,然后方法在别处写好,可以改变,只影响view层。
编码中尽量不要用中文提示
产品经理永远是不可信的。需求可能随时会变。
响应时间js结构
1.响应事件
2.处理数据
3.和后台交互

4.控制跳转

5.展示数据


1.背景介绍

当开发人员需要调试一个网页是否运行正常,并不是简简单单地调试网页的HTML、CSS、脚本等信息是否运行正常,更加重要的是网页能够正确是处理各种HTTP请求,毕竟网页的HTTP请求是网站与用户之间进行交互的非常重要的一种方式,在动态网站中,用户的大部分数据都需要通过HTTP请求来与服务器进行交互。Postman插件就充当着这种交互方式的“桥梁”。

2.知识剖析

Postman 是一个非常棒的Chrome扩展,提供功能强大的API & HTTP 请求调试。

-它能够发送任何类型的HTTP requests (GET, HEAD, POST, PUT..),附带任何数量的参数+ headers;

-支持不同的认证机制(basic, digest, OAuth),接收到的响应语法高亮(HTML,JSON或XML);

-Postman 能够保留了历史的请求,这样我们就可以很容易地重新发送请求,有一个“集合”功能,用于存储所有请求相同的API/域。

postman安装方法教程

postman界面介绍:



1、postman调试的历史记录,保留了每次测试时的请求参数;

2、在Postman中,Collection类似文件夹,可以把同一个项目的请求放在一个Collection里方便管理和分享,Collection里面也可以再建文件夹;

3、设置environment variables(环境变量)和global variables(全局变量),点击右边的眼睛可以快速查看当前的变量;

4、选择HTTP 请求类型的地方,各种常见的不常见的非常全;

5、请求URL,两层大括号表示这是一个环境变量,可以在3的位置选择当前的environment,环境变量就会被替换成该environment里variable的值;

6、点击可以设置URL参数的key和value;

7、点击发送请求;

8、点击保存请求到Collection,如果要另存为的话,可以点击右边的下箭头;

9、设置鉴权参数,可以用OAuth之类的;

10、自定义HTTP Header;

11、设置Request body;

12、显示发起请求之前执行的脚本;

13、在收到response之后执行的测试;

14、返回数据的格式,Pretty可以看到格式化后的JSON,Raw就是未经处理的数据,Preview可以预览HTML页面。

3.常见问题

获取数据:

URL:http://music.163.com/api/search/get/web?s=墨须眉&type=1002&offset=0&total=true&limit=100

配置header: Referer:http://music.163.com Cookie:appver=1.5.2

4.解决方案

原因:没有让postman发送请求的时候使用这个网站的浏览器cookie

解决方法: 打开Postman Interceptor这个插件,让postman发送请求的时候使用这个网站的浏览器cookie

5.编码实战

6.扩展思考

postman中的环境变量

7.参考文献

参考一:API自动化测试利器-postman

参考二:Postman安装及使用入门教程

8.更多讨论

postman还有些什么功能?

PPT链接:https://ptteng.github.io/PPT/PPT/js-05-postman.html#/

文本链接:http://jnshu.com/daily/23442?dailyType=others&total=99&page=1&uid=8495&sort=0&orderBy=3



返回列表 返回列表
评论

    分享到