测试人员每天最重要的工作就是查找bug。查找到bug第一步要学会分析并定位bug。定位bug分两种情况,一种前端bug,一种后端bug.前端bug好定义,一般是页面或者兼容性问题居多,或者是基于页面的功能操作、文字描述、数据呈现等方面的页面bug。后端bug定位难度相对较大,为什么呢?因为现在的开发模式都是基于前后端分离的方法来开发项目的。意味着后端有问题一 …
前端调接口
最近接到一个需求,有两个页面分别连接了两个Websocket连接,并且这两个页面可以通过Websocket去相互影响为了方便讲解,以下会简化业务这两个页面简化后如下当点击页面1更新按钮后,页面1会+1,而 页面2 会变成 页面1 数值的10倍当点击页面2清空按钮后,页面1和2的数值都会变成0页面2需要定时去获取数值,并展示出来效果如下最普通的做法?其实不难, …
前文《如何解决前后端分离的跨域问题?》介绍了利用CORS标准可以解决前后端分离部署的跨域问题,另外一个非常常用的解决方案就是利用Nginx做反向代理。Nginx是2004年伊戈尔·赛索耶夫(lgor Sysoev)为俄罗斯搜索引擎站点 Rambler.ru 设计开发的。2019年2月,NGINX取代Apache HTTPD,成为互联网上部署最广泛的服务器。从 …
前言树状结构是我们在日常工作中经常需要返回的数据结构 一个小小的数状结构也能看出一个开发者的思维方式 我个人最开始写这种树状结构真的是代码老长了 别人一看就会知道我是一个菜鸟 慢慢的自己思考怎么去用最少的代码去搭建一个树状结构 也做一些整理 编码思路真的很重要 思路好代码才会简洁健壮准备实体类我们先定义一个实体类 方便演示 第一种方法的算是和构造器相互依赖N …
上一篇文章我们实现了这两个接口getInfogetRouters现在已经可以成功地进入后台页面了。那么今天就来写用户列表的增删改查接口,我们一步步来,先用最基础的方式写出来,后面再考虑封装。毕竟,一口吃不成个胖子!代码整洁先把上一篇login.service.ts中的这里删除,因为已经用不到了,同时也保持代码的整洁: 将此处打印的密码hash值,替换数据库中 …
目录前言一、权限底层表结构设计??1. RBAC模型简介??2. 建表语句二、用户身份认证和授权??1. 初始化数据??2、新增userlogin接口模拟登录??3. 调用登录接口三、用户权限验证逻辑??1. 定义接口权限注解??2. 注解使用方式??3. 接口验权的流程四、用户权限变动后的状态刷新五、认证失败或无权限等异常情况处理写在最后前言大家好!我是s …
Hi,我是前端人,今日与君共勉!本篇文章主要介绍 typeScript 中接口是啥?如何定义的?接口是如何进行扩展的以及类如何实现接口,点赞加关注,一起学习 typeScript 。在面向对象语言中,接口是一个很重要的概念,它是对行为的抽象。接口也叫 interface 。在 js 中没有接口这个概念,它是新增的。该如何定义呢?1、接口定义接口的作用在面向对 …
大批量接口请求的前端优化背景接到一个需求,需要做一个运维的功能,对公司下平台子系统做一个开关界面,要求可以大批量对系统进行修改。这样大批量的修改,如果有个老哥手一抖点了全选,那可能同时会发送几十上百个接口,对浏览器和服务器都会是一个比较大的负担。相似的应用场景还有:文件批量上传等使用技术栈:react hooks + antd4分析维护一个任务池,先默认发出 …
前端小白一枚,从后端java过渡到前段,分享一下我处理问题的一些方案,有问题的话请大家多多指正,谢谢。今天遇到一个问题,前端调用后台接口的时候,因为后台接口逻辑复杂,前端点开弹窗以后一直等待执行结束,这样用户体验感非常差,所以呢想到了一种方案,用户点击弹窗以后可以自由关闭,然后再次点击的时候提示它当前程序正在执行了,将不允许再次执行。这里说一下我的主要逻辑, …
一般来讲,前端不会给后端接口,而是后端给前端接口的情况比较普遍。一些人可能不理解接口和前端开发的关系,其实不合适的接口设计会极大地影响用户的页面体验。那么今天就跟着千锋武汉Web前端培训小编一起来看看,前端如何调用后端接口?有哪几种方式?首先,要弄清楚前端提供一个接口或者调用后台接口,那么这个接口具体指什么?网上用户上传图片作为头像这个需求需要后台人员处理, …