解析：通过window.customElements方法可以创建自定义元素，里面的define方法就是用来指定自定义元素的名称，以及自定义元素对应的类。 这里有一个细节，自定义元素中间一定要用中划线隔开，不然是无效的。 这时候在这个类里面就可以定义元素里的所有内容了，这和Vue…

天秀老接口存在一个问题，我们每次请求1000条数据，返回的数组中，每一条数据都有上百个字段，其实我们前端只用到其中的10个字段而已。 如何从一百多个字段中，抽取任意n个字段，这就用到graphQL。 里面有两个女神的所有信息，包括女神的名字、手机、微信、身高、学校、备胎集合等信…

最近做项目的时候，涉及到一个单点登录，即是项目的登录页面，用的是公司共用的一个登录页面，在该页面统一处理逻辑。最终实现用户只需登录一次，就可以以登录状态访问公司旗下的所有网站。 其中本文讲的是在登录后如何管理access_token和refresh_token，主要就是封装 a…

在上一个博客中，已经通过 Egg 对 Gitlab Api 进行了基础的封装，本文将会围绕 DevOps 流程介绍项目设计（偏后台），需要读者具备一定的后端知识储备。 此项目是从零开发，在正式开发之前，需要先将需求理清，以免设计出现严重缺陷，造成后期开发或拓展困难（路可以走的慢…

Promise.all传入一组以promise为实例的数组，all方法会按照传入数组内的顺序依次执行，直到那个耗时最久的resolve返回，才能算做全部成功。中间环节如果有一个出现reject就直接中断掉 考点：很多人都知道new一个实例的时候，对应类会在this上挂很多属性和…

本文阿宝哥将从多个方面入手，全方位带你一起探索 WebSocket 技术。阅读完本文，你将了解以下内容： 了解如何实现一个支持发送普通文本的 WebSocket 服务器。 在最后的 阿宝哥有话说 环节，阿宝哥将介绍 WebSocket 与 HTTP 之间的关系、WebSocke…

顾名思义。。计数, 可以用来统计某个函数的执行次数，也可以传入一个参数，并且根据传入的参数分组统计调用的次数 断言，用来进行条件判断。当表达式为 false 时，则显示错误信息，不会中断程序执行。 $(selector)是原生 document.querySelector() …

自动化测试使得大团队中的开发者可以维护复杂的基础代码。 TDD 的思想是根据需求先写测试用例，依照测试用例再去写功能代码。当增加或者修改某一项需求的时候，需要先修改测试用例，再依照测试用例去修改代码逻辑。 与 TDD 相反，BDD 是根据需求先进行开发，等到该功能开发完毕后，再…

在开始前，我们先来聊一下什么是自动化测试。通常，在需求确定以后，测试会编写测试用例，然后，根据测试用例中描述的规程一步步执行测试，得到实际结果与期望结果的比较。在此过程中，为了节省人力、时间或硬件资源，提高测试效率，便引入了自动化测试的概念。 那么知道了什么是自动化测试以后，我…