前端小铺

介绍 时序图（Sequence Diagram），又名序列图、循序图，是一种UML交互图。它通过描述对象之间发送消息的时间顺序显示多个对象之间的动态协作。它可以表示用例的行...

介绍 活动图（英语：activity diagram）是工作流的图形化表示。活动图主要由活动和动作构成，也可以支持分支选择、迭代、并行。在 UML 中，活动图主要用于为计算...

Lighthouse简介 Lighthouse是一个开源的自动化性能测试工具，我们可以使用该功能检测我们的页面存在那些性能方面的问题，并会生成一个详细的性能报告来帮助我们来...

如上一篇文章lighthouse的介绍和基本使用方法结尾提到的一样，我们在实际使用Lighthouse检测页面性能时，通常需要一定的业务前置条件，比如最常见的登录操作、如果...

这篇文章是Lighthouse的后续，之前介绍了 lighthouse的介绍和基本使用方法 Lighthouse组合Puppeteer检测页面 这两篇文章，在这两篇文章中介...

刷新之后嵌套路由找不到 最近遇到一个react路由配置的一个小坑，在复杂web应用过程中坑定都是需要配置嵌套路由来实现单页应用。 但发现，在嵌套路由的某个子页面中刷新页面，...

问题描述 在用蚂蚁 Ant Design 表单验证的时候在render 函数中按照文档来引入 结果总是给我报TypeError: Cannot read property ...

React中的key与index 描述 在react 开发过程中，遇到循环渲染一个列表组件的时候，往往会给渲染的子组件添加一个key属性，来提高性能，这里涉及两个问题， 第...

React Hook 简述 React Hook 是React 16.8 这个版本新增的一个特性。在此之前我们编写React组件一般大多数都是用 class组件，而非函数组...

React Hook 简述 通过上篇文章我们知道使用 State Hook 和 Effect Hook 可以让函数组件也能够具有自己的状态和在组件的各个阶段提供钩子暴露给开...

React Hook的用法 Ref Hook 这个Hook的作用是可以通过他来获取到Dom元素节点，使用起来非常方便。 关键代码如下: useRef返回一个ref变量，并接...

React Hook的用法 React.memo 作用 React.memo的作用主要是用于缓存组件，使得组件可以按照业务的需求决定是否来更新的效果，比如业务场景中常见的一...

在React中有 Class & Function 两种类型的组件，在使用上会有一些区别，典型的就是函数组件是有闭包状态，没有上下文的this,而Class 类型的组件具有...

现象 在使用Ant Design@4.21.3版本中Anchor组件时，遇到一个问题。 点击左侧菜单锚点时，页面总报错没有找到对应的路由。现象如下所示: 因为使用的是has...

我们可以通过github的open api 来拉取一些信息。这里主要是拉取 github 开源漏洞中的漏洞信息 Github Explorer github Explore...

什么是拒绝服务攻击(DOS / DDOS) 拒绝服务攻击（英语：denial-of-service attack，简称DoS攻击），是一种网络攻击手法，其目的在于使目标电脑...

定义 API重放攻击（Replay Attacks）又称重播攻击、回放攻击，这种攻击会不断恶意或欺诈性地重复一个有效的API请求。攻击者利用网络监听或者其他方式盗取API请...

概念 社会工程学是指在信息安全方面操纵人的心理，使其采取行动或泄露机密信息。有别于社会科学中的社会工程，这是种以收集信息、欺诈或入侵系统为目的的信任骗局，已发展出各种技术手...

什么WAF Web应用防护墙（Web Application Firewall）简称WAF。是一种特定形式的应用程序防火墙，用于过滤、监控和阻断通过网页服务的HTTP流量。...

我们都知道由于HTTP是明文的，整个传输过程完全透明，任何人都能够在链路中监听、修改、伪造请求/响应报文。所以不能满足我们的安全要求。比我如我们上网的信息会被轻易的截获，所...