扩展性是衡量代码质量最重要的标准之一，代码的扩展性好了，出bug的几率就小很多。在经典的设计模式中，大部分设计模式都是为了解决代码的扩展性而存在的，主要遵从的原则就是开闭原则，所以理解开闭原则并能灵活应用很重要。 如何理解开闭原则 英文全称 ...

导读 在vscode环境下实现控制台输出文本，效果如下: image.png 正文 首先进入http://patorjk.com/software/taag/#p=display&f=Alpha&t=Fire 然后Copy生成的文本，在网站 ...

前言 Redux 也是我列在 THE LAST TIME 系列中的一篇，由于现在正在着手探究关于我目前正在开发的业务中状态管理的方案。所以，这里打算先从 Redux 中学习学习，从他的状态中取取经。毕竟，成功总是需要站在巨人的肩膀上不是。 ...

image.png useState 使用状态 const [n, setN] = React.useState(0) const [user, setUser] = React.useState({name: 'Jack', age: ...

1. 何为事务？ 根据维基百科的解释: 提供独立可靠的恢复机制，保证出错时数据的一致性，不同事务之间互相独立。 事务一般在 数据库 中使用的比较多，能保证出错的时候进行rollbakc恢复。但是，React中的事务并不提供类似数据库的回滚能 ...

导读 本文从解决问题的角度出发，讲述实际开发过程中遇到的一些困惑和解决方案。 之前尽管读过一些文章，也系统的看过教程，可当TS结合React，在加上个antd还是一头雾水！ 有时候TS给出的提示让人崩溃，搜也搜不到！觉得TS麻烦！不知道类型 ...

MDN的解释是：bind() 方法创建一个新的函数，在 bind() 被调用时，这个新函数的 this 被指定为 bind() 的第一个参数，而其余参数将作为新函数的参数，供调用时使用。 image.png 任何一个函数都有bind这个方法 ...

任何函数都有call这个方法，call属于Function.prototype的一个方法，所以每个function实例都有call属性。 一、[].slice.call(obj) slice 这个方法在不接受任何参数的时候会返回 this ...

本文目录： 1.前端性能优化思路 2.如何理解回流和重绘？ 3.CDN 是什么？ 4.Webpack性能优化 优化开发体验 ①缩小文件搜索范围 ②DllPlugin可以将特定的类库提前打包然后引入 ③HappyPack 优化输出质量 ①按需 ...

本文目录： 1.HTTPS和HTTP的区别 2.http1.0、1.1、2.0、3.0的区别？ 3.你了解哪些请求方法，分别有哪些作用和不同 4.什么是CA证书？整个网站进行验证的流程是什么？ 5.SOCKET？UDP？DNS？FTP？以及 ...