首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    接口测试平台代码实现54:首页重构-2

    好,虽然绝大多数同学还未追上最新进度进行投票,但是已投情况来看,大部分还是支持首页做成接口快速调试功能。 那么本节课就开始吧,首先我们打开我们的首页:home.html。...看看效果: 可以看到这个竖线并不高,那是因我没有设置高度,当然为了设置成一个动态高度,我们只能在写一个js来自动控制高度,高度受浏览器高度决定。...代码如下: 我们创建了这个循环左侧div,注意代码位置必须在这个竖线上面。...这个div的高度我们也要用最下面那段js来控制住,并且要设置竖滚动条-overfloow-y:scrooll 注意,当前我这个高度设置并不一定是最好的,所以之后真的有数据显示后,我们再调试这个动态高度...具体数据由用户进入首页时 由后端带进来。 如上图代码所示:这个超链接,点击的话我们定义了一个js函数,用来把请求数据显示到右侧。

    50730

    接口测试平台代码实现53: 首页重构1

    我们代码中直接就对header字符串进行json化。结果当为空的时候 ,会引发代码报错。 所以这是我们之前漏掉的一个用户异常输入的错误处理。...或者干脆把整个发送请求代码try了。 其实都可以,反正就相当于频繁的打补丁~ 我把这整个发送请求部分都try了。...现在开始正式本节内容,一直被吐槽最多的就是这个首页。难看且无用。 这是因为我们最开始只是单纯的给大家当作一个草纸进行练手,现在练的差不多了,可以用现在的功力重新做一个首页了。...做成接口测试平台专业化的工具- 首页调试 接口测试平台的定位其实是一个综合体,并不是单纯的挑战替代某一种主流工具,只是整合而已。...为了成功整合postman的方便,我们需要在首页引入快捷调试功能,调试满意的接口可以保存到项目中,且有历史回放功能。

    39820

    接口测试平台代码实现19.首页优化

    按照最近俩天 小伙伴的反馈激烈程度,本节课准备把首页添加一个非常有用户黏性的一个功能。公司内的各个超链接传送门! 新来的公司的小伙伴经常会因为找不到各个平台/文档的地址而发懵。...不信我们print一下看看: 然后浏览器等待后台自动重启后,刷新首页 : 我们现在知道,用户进入的是Home.html页面。...orm的使用上一个常用查询代码就是:类名.objets.all() 取出来的数据格式其实是queryset。不过你使用上可以暂时当作列表。后续遇到需求我们再引入如何巧用queryset类型数据。...效果如下 现在让我们把循环显示的超链接放进去: {% for i in hrefs %} .... {% endfor %} 是我们html中的标准循环代码: 内部的一切变量都必须用{{ }} 给包起来...以便我们调试显示效果: 然后我们回去直接刷新首页看看,注意操作admin后台后不需要等待服务重启,是纯在线修改数据。直接刷新首页就可看到效果: 好,现在成功显示了。

    59640

    调试JS代码

    记录下近期对JS代码的调试过程 性能分析 启动程序之后,打开google浏览器对应页面,按F12或者Ctrl+Shift+I进入 开发者工具页面 目前主要使用的功能有: Performance....性能评估,比如我想看下页面刷新的性能瓶颈所在,先点击 按钮,然后进行页面操作,当页面刷新完成,再点击 按钮,则会生成性能报告,可以看到资源消耗,JS代码的执行逻辑等 Sources....性能报告页面的 部分,可以通过点击色块查看其所在的js代码文件,如 点击则会跳转到 功能栏,有了源文件就可以进行断点调试;这里注意部分js文件是压缩后的文件,建议手动修改程序替换成可读性更强的原始代码文件...查看程序的打印输出,比如我想知道某个函数的执行时间,可以在js代码中进行修改 当js代码执行之后,可以在console输出中看到foo的执行时间 Network....代码使用for循环进行操作,也就是线性复杂度,计算耗时随数据量的增大而线性增大 通过debug观察发现颜色数组会有不少重复的数值,而同样的输入会导致相同的输出,然后对整个数据的1M个点进行统计分析,发现重复率相当高

    19K10

    接口测试平台代码实现58-首页重构6

    再找到我们动态刷新生成肌瘤的js函数log_refersh中,看到我们动态生成的a超链接标签,也写了href='...'...所以前端js可以用eval直接解析。 好我们回到前端home.html,开始写这个复杂的让右侧变化代码: 我们解析拿到了 这个目标接口的全部数据后,就是往右边请求模块塞了。...我会把这段复杂繁复的代码修改好后,直接给大家,大家直接复制即可,有余力的可以自己再看一遍。 大家先不要着急看代码 作者先自己试着测试了一下: 现在看着 点击左侧记录,右侧就会自动变更了!...改成: 这样,我们正常进入首页时候,log_id是空的。当我们点击某记录方式进入首页的时候,log_id就有了。...不过这里有些需要用到js来判断,因为不是所有的都是input让你直接填好就行,还有很多请求体,请求方式的特殊处理。 这也是给大家展示一个新的知识点,就是用小的js判断来决定html展示什么。

    58930
    领券